Dreamweaver Workbook

Overflow

The overflow property specifies what happens if content overflows an element's box. The overflow property is supported in all major browsers. Let's overflow the type page's content below:

Type is always a part of the web page. The webpage type need be clearly legible. The legibility and readability are important for the web page typography. Unlike any other medium, the typography in the web space meets a great limitation. Unlike Flash, the dreamweaver program cannot embed the font you used. Please stay away many uncommon fonts, or a missing font problem may occur.

Graphic design is all about visual communications. Hierarchy is one of the most important principles behind the web layout design.

There are some important typography rules for designing web pages:

apple.com
pepsi.com

Requirement:

  1. Create a "type.html" page. The page should have links and descriptions for the pages that are being linked to
  2. Create a "hierarchy.html" new window page (choose one typography related article or two, then design a typographic layout via HTML5 and CSS) and use some of the following tags to display multiple hierarchies:
    • p tag and br tag
    • em tag or i tag
    • article tag
    • aside tag
    • div tag and section tag
    • heading tags
    • strong tag or b tag
    • anchor tag
    • link tag
    • mark tag
    • ul tag and li tag
    • preformatted tag
    • span tag
    • cite tag or blockquote tag
    • ruby tag
  3. Insert a text link in this type page to link the External CSS file which controls your site.
  4. Create a couple of gif images for the "graphic-txt.html" page.
  5. Create a text-overflow" overflow.html" page by pasting Dreamweaver related content. (overflow both text and images)