Understanding Website Design

  • Planning and designing a website
  • Intro to Fundamentals of HTML
  • Understanding CSS

Creating a Webpage in Dreamweaver

  • Creating Your First Webpage
  • Adding HTML Content
  • Creating a Local Site in Dreamweaver

Styling the Content

  • Styling Content with CSS
  • WEB 140 January 2016
  • Creating a Layout with CSS
  • Exporting images from Photoshop
  • Adding and Manipulating Images

Adding Navigation and Pages

  • Adding Links
  • Creating Navigation
  • Building Transitions with Navigation
  • Adding Multiple Pages

Creating a Flexible “Responsive” Layout

  • Adding Media Queries
  • Creating Layouts for Phone and Tablet Devices

Adding Media

  • Implementing an Edge Animate composition
  • Implementing Video
  • Adding Social Media

Creating a Contact Form

  • Adding Input Fields
  • Sending Contact Form Content

Testing and Uploading

  • Testing the Website
  • Optimizing for Search Engines
  • Uploading the Site

Building Your Own Website Using This Model

  • Design and Plan Your Website
  • Develop a Layout and Images
  • Code Your Website
  • Upload and Test Your Website