Presentation is loading. Please wait.

Presentation is loading. Please wait.

Creating Web Pages: Week 4, continued Is a picture worth 1000 words? HTML: body tag, text tags, lists Typography & Editorial Style Homework: Look at schedule.

Similar presentations


Presentation on theme: "Creating Web Pages: Week 4, continued Is a picture worth 1000 words? HTML: body tag, text tags, lists Typography & Editorial Style Homework: Look at schedule."— Presentation transcript:

1 Creating Web Pages: Week 4, continued Is a picture worth 1000 words? HTML: body tag, text tags, lists Typography & Editorial Style Homework: Look at schedule. Posting assignment on legal/ethical topic due next week. Begin planning second project.

2 Is a picture worth 1000 words? Really after a different question: –How much storage (how many bits) required for a typical image Decide on width and height (resolution) Decide on color depth Assume no compression –How much storage required for 1000 words (estimate size of a word. 1 letter = 8 bits)

3 Body tag You can add color (see textbook or Paint Shop Pro or PhotoShop) or Or an image, which will be tiled Can set the color for the text, link, vlink & alink. Consider –Legibility (against background) –Printability –People are accustomed to blue.

4 Tags for text Can be nested. emphasis … Allows you to retain any formatting, including spaces and line breaks. Good for poetry and code! for specifying fonts or size or color

5 Unordered lists and ordered lists Note: can have the type parameter for different bullets (aka wingdings).. Note: can have the type parameter Can nest lists. See also definition lists.

6 Typography What does the text mean by: Typography plays a dual role as both verbal and visual communication. HTML defines logical display. It does not guarantee a display. Style sheets, use of scripting language, can go farther to specifying the display. The goal of style sheets and XML and XSL, etc. is to separate content from display.

7 Text attributes What is the significance of Alignment White space Justified text. What does text say about problems with right- or centered text? Line length Antialiased type Serif versus sans serif font

8 Browser issues Differences between browsers and between Mac and PCs Note also: a user can choose (in preferences) to override what is specified in the HTML file. Fonts may be missing.

9 Editorial Style Issues Too much versus too little text Too much ‘mark-up’, links versus too little Guiding the site visitor through an experience or letting site visitors create their own experience. –Provide for visitors to come to any/all pages independently –Be careful of providing ways to leave page or even site Technical issue: page titles used in Bookmarks

10 Homework Look at schedule. Posting assignment next week. Begin to think about Project II. You choose topic. Important to be explicit on purpose and audience.


Download ppt "Creating Web Pages: Week 4, continued Is a picture worth 1000 words? HTML: body tag, text tags, lists Typography & Editorial Style Homework: Look at schedule."

Similar presentations


Ads by Google