Week 1
Covered: HTML page structure, working in Notepad
- Basic HTML page structure
- Creating HTML pages in Notepad
- Saving HTML files in Notepad
Goals: After working through today's material, you should now be able to:
- Create a basic HTML page
- Save the file successfully in Notepad
Week 2
Covered: Tags, HTML Text Formatting, Color Theory, Copyright; Textbook Intro
Traditional Color Theory
HTML tags and attributes
Text formatting in HTML
Page divisions in HTML
Intro to Copyright Issues
Confronting the blank canvas: textbook introduction - finding ideas for visual art
Goals: After working through today's material, you should now be able to:
- Understand basic color theory
- Comprehend basic HTML tag structure
- Create bold face and italic text in HTML
- Create headings in HTML
- Separate text with line breaks, paragraphs and horizontal rules
- Understand fundamentals of copyright issues as they relate to work produced in this class
Return to top
Week 3
Covered: Links in HTML, Font Manipulation; Chapter One
- Text links
- Image links
- Anchors
- Relative and absolute paths
- Font manipulation: modifying font color, size, and face
- Art - sources: Chapter One - Expanding your knowledge, visual nutrition / visual detritus
Goals: After working through today's material, you should now be able to:
- Create text and image links on HTML pages
- Distinguish between relative and absolute paths and use the appropriate one when needed
- Create anchors and links to sections of a page
- Modify fonts by changing color, size and face
Week 4
Covered: Images in HTML; Chapter Two
- The image tag in HTML
- Inserting images in an HTML page
- Image formats
- Image considerations - file size and optimization
- Art - influences: Chapter Two: Artistic sources: learning from the masters, Photography as note-taking
Goals: After working through today's material, you should now be able to:
- Understand the basics of image usage in HTML
- Insert images in an HTML page using the image tag
- Determine which format is best for an image you intend to use
- Consider file size and optimize images accordingly for quick download
- Modify an image tag's attributes
Return to top
Week 5
Covered: More about images in HTML: Background images and patterns; Intro to Tables; Chapter Three
- Tiled Background Images
- Tiled Background Gradients
- Introduction to HTML Tables: Better Design and Layout
- Art - working: Chapter Three: the inner critic and the search for ideas
Goals: After working through today's material, you should now be able to:
- Create a tiled background image or gradient in Photoshop and insert it in an HTML page
- Create a simple HTML table
Week 6
Covered: More About Tables; Chapter Four
- Complex tables
- Art - obstacles: Chapter Four: originality & style, learning more, freedom to make mistakes
Goals: After working through today's material, you should now be able to:
- Understand uses of tables for layout
- Be able to alter a table's appearance through its attributes
Return to top
Week 7
Covered: HTML Frames
- Frames and framesets in HTML
Goals: After working through today's material, you should now be able to:
- Understand principles of framesets and be able to construct a simple frameset
Week 8
Covered: Adding Audio / Video to HTML pages
- Embedded audio - background clip
- External audio clips
- Inserting video clips
Goals: After working through today's material, you should now be able to:
- Embed a background sound on a Web page
- Insert an external audio clip
- Insert a video clip
Week 9
Covered: Adding Interactivity to HTML pages
- JavaScript and other interactive technologies
Goals: After working through today's material, you should now be able to:
- Use pre-written JavaScript code to enhance HTML pages
Return to top
|