Professor Swisher

• Revised Class Calendar
  

Extra Resources

• W3Schools (code help)
• LinkedIn Learning Videos (formerly Lynda.com)

• Syllabus
• Lecture: History of the Internet and What Is Interactive Design
• Who Invented The Internet video
• Web Design Gallery
• Intro to HTML
• Styling Text
• Typography and Hierarchy
• Site setup and file naming
• Project: Typography Bio Page
• HTML character entities
• HTML character symbol list
• Columns example. (Either view the code or select "save as" from your browser.)
• @font-face Overview
• Google Fonts
• Goo Fonts - Searching Tool
• Article: What Font Should I Use
• "The World's Worst Web Site Ever"
• Lecture: Organization, Space, and Conventions
• Organization Exercise
• Project: Vacation/Tourism Site
• Site Planning Infographic
• Sitemaps
• Wireframe Lecture
• Wireframe Example
• Demo Example: Button
• Demo Files: Background Images
• Images with Text Overlays
• Image Editing Samples
• Saving Images for Websites/Screens



•  POST-PANDEMIC TEACHING STARTS HERE



•  Revised Class Calendar
• Check-In Exercise (If you didn't do this Tues., do it ASAP.)
• Design Comps (Make sure you are working on this right away.)
• Critique Instructions for Comps (To do during classtime.)
• Site Folder Setup
• Vacation Site Layout: Video Demo
• Box Model Part 2
• Code Part 2: Header Layout
• Code Part 2: Floats Preview (Note: Read, but don't panic. No one understands floats the first time.
• Code Part 3a: Video Demo on Feature Area and Specificity
• Code Part 3b: Video Demo on Text Wrap
• Code Part 4a: Navigation
• Code Part 4b: Other Pages and Last steps
• Read this, but you do NOT have to purchase.⇢ Lecture: Purchasing a host and a domain
• Read this, but you do not have to follow it ⇢ Lecture: Uploading your site to the host