Prerequisites: HTML: Introduction, or equivalent knowledge
- Web directories on the server are navigable like Windows Explorer, Finder
- Hierarchy of directories – work from General concept >> General topics >> Specific topics >> Specific details
- Use: Lowercase a-z, numbers 0-9, hyphen character ( – )
- Do not use: Spaces, uppercase, underscore (_), slash (/), apostrophe (‘), and other symbols and punctuation
- Avoid repetition
- Always: Short, descriptive, one word
- Easy to say, easy to write down, easy to remember
- Making “server-relative” links
- Making “file-relative” links
- Making “absolute” links
- Linking tips
Hands-on exercise: Making links using absolute, server-relative, and file-relative paths
- Using Dreamweaver, download the practice website.
- Create a link that specifies an absolute URL.
- Create a link that specifies a path that is relative to the server.
- Create a link that specifies a path that is relative to the current file.
- Unordered Lists (bulleted lists)
- Ordered Lists (numbered lists)
- Definition Lists (describe terms and definitions)
Hands-on exercise: Making an HTML list
- Using the non-HTML list provided in a practice page, format an ordered HTML list.
- Add list attributes to designate list items with letters or roman numerals.
- Change the list to be an unordered (bulleted) list.
- Experiment with modifying list attributes.
- Useful for characters reserved in HTML
- Useful for non-keyboard characters
Hands-on exercise: Using special and extended characters, and publishing your work
- Experiment with adding special characters to your practice page.
- Save your work, then publish your files by using Dreamweaver’s Synchronize tool.
- Review your live pages online.
Supplementary material: More formatting tags
- Modifying fonts
- <font size=” “>: absolute (7=largest; 1=smallest) and relative (+ or -)
- <font face=” “>face: one face, multiple faces, type family (serif or sans-serif)
- <font color=” “> color
- Aligning with <div>
- Aligns any element (works on text, images, tables … everything)
Supplementary material: Tables vs. frames
- What frames are, and how they work
- The problems with frames
- Problems with bookmarking
- Problems with printing
- Problems with navigation
- We recommend using tables to create similar layouts, and to avoid frames.