Class 5 – Sept 23

Posted on September 23, 2014 by Prof Dillon

Today we will cover:

  • Navigation (adding pages)
  • Introduction to CSS
  • Box model
  • 960 grid system

I have look at all assignments and will email my assessment to each student.
I also realized many students have not uploaded the needed assignments.

Reference resources

  1. W3Schools
  2. Codes Academy
  3. Citytech Learning Center AG18

Example of Navigation Demo

These are internal links. The html documents are located within the same document.

 

naviagation

 

Assignment

Please upload the all the files needed for the assignment.
Email me when you have complete it and I will respond with comments to move forward.
I will be posting the assignment needed for next class.

 

Posted in Uncategorized | Leave a comment

Class 4 – Sept 19

Posted on September 23, 2014 by Prof Dillon

Today we will cover,

  • Site Architecture
  • Wireframe
  • Directory Structure

Steps to ploading files to the FTP through dreamweaver can be found at  Uploading to the FTP

Assignment

  • Complete sitemap (sitemap.html)
  • Build 2 different wireframe layouts of a page (wireframe1.html and wireframe2.html)
  • Create 2 logo options. (logo-option.html)
  • Upload the 4 html documents to your server.
    • sitemap.html
    • wireframe1.html
    • wireframe2.html
    • logo-option.html
Posted in Uncategorized | Leave a comment

Class 3 – Sept 12

Posted on September 11, 2014 by Prof Dillon

Before we start the class please post your domain name to the discussion board.

Today we will discuss

  1. Introduction to the C-Panel admin interface
  2. Set up email accounts
  3. Upload a html document (index.html, logo-options.html and resume.html) to the FTP server
  4. Format a resume demo
  5. Site Map and Wireframes

Assignment

  1. Complete a site map for your portfolio site
  2. Build 2 different wireframe  of a page.
  3. Upload the 3 html documents to your server.
    • sitemap.html
    • wireframe1.html
    • wireframe2
Posted in Uncategorized | Leave a comment

Welcome Again!

Posted on September 4, 2014 by Prof Dillon

Welcome to ADV2450 Wed Design 1

Last class we discussed

  1. course description (ADV2450 Syllabus-FALL2014)
  2. portfolio website
  3. Introduction to HTML (structural markup)

This is a required course for all Advertising Design and Graphic Arts students. Topics include creative user interface design and best workflow practice. Students will design a website using an (X)HTML template, and will develop design, typography and web programming skills. (X)HTML and CSS will be taught.

Over the semester, you will:
Design and build an effective portfolio site
Gain a solid foundation in current markup languages and applications.
Explore industry standards in layout design and functionality
Upload a fully operational site to a personal URL

Assignment

  • Choose an appropriate domain name and purchase
  • Sign up for ISP (hosting) service
  • Compose design statement about yourself
  • Create a HTML file with design statement and image

Today we will discuss

  1. Introduction to the C-Panel admin interface
  2. Set up email accounts
  3. Upload a html document to the FTP server
  4. Continue with the introduction HTML (structural markup)
  5. Format a resume

Assignment

  1. Have 3 examples of websites used for inspiration/reference
  2. Complete welcome page (use design statement and image) – index.html
  3. Formal a resume page – resume.html
  4. Create 3 logo options for website – logo-options.html
  5. Upload the 3 html documents to your server.
    • index.html,
    • resume.html
    • logo-options.html

 

Posted in Uncategorized | Leave a comment