File Names (images, documents, media)
Copying and Pasting from Word
Writing for the Web
- Keep them short but descriptive. (page names shows up in the navigation)
- Use upper and lower case.
- Spaces are okay.
- Example: Contact Information
File Names: (images, documents, media)
- Make them meaningful and/or memorable (AwardDinner06.jpg not image1.jpg or the default name from your digital camera).
- Don’t use any spaces or punctuation. (Don't use any of the following: @ ; / ? : & = + $ , \ # ! * % or a space).
- Capitalize first letter of each word (e.g. StudentsOnTheQuad.jpg).
- Consider using functional names (e.g. HomePageImage1.jpg, or EventsImage2.jpg).
- When resizing an image in Photoshop a good size for an image is 225 or 250 pixels wide.
- If you want your picture to fill the entire width of the page, make it 550 pixels wide.
- If you're using the image in a Featurette, make the image no more than 285 pixels wide.
- Make sure you use the "Save for Web" feature available in Photoshop. Choose the "2-Up" tab, and then select JPG and Medium.
Copying and Pasting from Word:
- If you copy and paste content from Word, use the "Paste from Word" function in the Body Copy editor. This will help to clean up the extraneous HTML code that is unique to Microsoft Word.
Writing for the Web:
- Use the Inverted Pyramid model: Summarize the main point of the page in the first sentence or two.
- Details, embellishments, and examples can follow. See Web Writing Tips for more on this topic.
- This is a required field that appears in the results of a search.
- If you have used the Inverted Pyramid model (see above), then you might be able to copy & paste the first sentence or two of your text into the description field.
- Advanced: The description field can also double as navigational tool. The NAME of the page and the text in the DESCRIPTION field can be set to display on another page on the website, acting as a short teaser, linking to the full story. Formatting that you apply to this text will appear when used in this advanced way. To learn more about this advanced feature, contact firstname.lastname@example.org.
- This is a required field. Users see this at the top of their web browser.
- Your title should indicate what the page is, and what website it belongs to (e.g. Math Department || Events).
- You DO NOT need to add "Bucknell University" to the title bar; this will appear automatically.
- For example, if you enter "Math Department || Events" in to the title bar, the final results will be: Math Department || Events || Bucknell University.
- This field is not required, but if you use it, you improve your chances of someone finding this page through a search engine.
- Enter words or phrases that are unique to the content of your page, separated by commas. Include common variations that you think people might use when searching for your page.
- Example of keywords: philosophy department, philosophy major, philosophy faculty, philosophy at Bucknell, religion, religious study
- These right-hand column elements complement your page. If you don’t have something specific to reference in a featurette, use the "Bucknell in Pictures" default. They keep the website consistent and attractive, and they personalize the campus for prospective students and employees.
- Broad Campus appeal: Are you featurette-ing something that has broad campus appeal? Contact Web Development so that we can create the featurette in the Campus Use folder. This will allow other groups to highlight your event, program, resource, etc. on their pages.
- Keep your viewing area visually balanced. Use a balance of body copy vs. featurettes; use a balance of text vs. images.
- Images can be no wider than 285 pixels. As with all images on your pages, these images should be sized and “saved for web or other devices” in Photoshop before uploading into Ingeniux. If your image is larger than 285 pixels, Ingeniux will bump your featurette to the bottom of the page.