Jan

Web Design with Dreamweaver

Goals
- Build a web portfolio
Terms
- HTML
- Tags
  - html
  - head
  - style
  - body
  - h1, h2, h3, etc.
  - p
  - ul, ol, li
  - a (link)
- CSS
  - Selector
  - Property
  - Value
Concepts
- HTML and CSS web structure and design
Projects
- Build a Web Portfolio
  - Tutorials
    - Day 0 The What,Why and How
      - History of HTML
      - Head and Body logic
      - Clean document formatting
        
        HTML (<html> </html>)
        
        Head (<head> </head>)
        
        Style (<style> </style>)
        
        Body (<body> </body>)
        
        Opening and closing tags (<h1> </h1>)
        
        Header (<h1> </h1>, <h2> </h2>, <h3> </h3> , etc.)
        
        Paragraph (<p> </p>)
        
        Lists (<li> </li>)
        
        Ordered (<ol> </ol>)
        
        Unordered (<ul> </ul>)
        
        Links (<a href=”http://www.apple.com”> Apple’s Web Site </a>)
      - Great Resource
        
        www.w3schools.com
      - Folder Structure
        
        All files must be in the correct folders
        
        Web Portfolio Folder
        
        index.html
        
        style.css
        
        media folder
    - Day 1 - HTML Quiz Practice
      - HTML Basics and CSS
      - CSSZenGarden.com
    - Day 2 HTML Quiz
      - HTML and CSS Relationship Basics
    - Day 3 CSS Boxes Basics
    - Day 4 CSS Boxes with Images
    - Day 5 Web Portfolio Pre-built HTML and CSS Files
    - Day 6 Adding Media (Screen shots, Images, Flash and Audio)
    - Day 7 Color Theory
    - Day 8 Publishing
  - “A” Quality Work
    - To earn an “A” for this project you will need to accomplish one of the following tutorials
      - Centered Boxes with DIV tags
      - Any CSS tutorial found online, cite your source for credit

Posted by sleduc Uncategorized Subscribe to RSS feed

M	T	W	T	F	S	S
« Dec				Feb »
				1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30	31

Web Design with Dreamweaver

Leave a Reply

Recent Posts

Archive

Blogroll

Tags

Meta