Category Archives: Web Design

Web design – week 6

Classroom

Monday

    1. Look at these examples of colorblindness (created with Color Oracle)
    2. Discuss quiz
    3. Quiz will be open-book. Here are the requirements:
      1. Build your HTML page in Dreamweaver. Make a new page and delete everything, then code it from scratch from your notes
      2. Include everything on my quiz notes (see .pdf above) plus the following three things:
        1. A style you create (like changing the font for the page)
        2. An HTML element you create (like a list)
        3. A working link you create (like to yahoo.com)

Wednesday

    1. Presentation: Grady
    2. Turn in quiz
    3. Introduce Elementor

Assignments

Beginning

  1. Study for quiz
  2. Finish up website mockups in XD

Advanced

  1. Finish up website mockups in XD
  2. Start work on actual websites

 

 

Web Design – week 5

Classroom

Monday

    1. Guest lecturer Neal O’Hara
    2. The HTML/CSS quiz will not happen until next week. We will review the material before I give you the quiz
    3. Please work on finishing your mock ups of your websites in XD

Wednesday

    1. I have posted your presentation schedules here
    2. Go over material that will be on the test – build an HTML page with an internal style sheet

Assignments

Beginning

  1. Use XD to mockup your website (at least 5 pages – home, contact, about, services, products) in XD, using the layout from your favorite theme as a starting point). We’ll look at these on Wednesday

Advanced

  1. Use XD to mockup your website. We’ll look at these on Wednesday

 

 

Web Design – week 4

Classroom

Monday

    1. Talk about HTML/CSS quiz in two weeks – we will go over everything that will be on the quiz in advance
    2. Discuss w3c tutorials
    3. Demo how to use XD to do WP mockups
    4. Continue to talk about HTML and CSS using Dreamweaver
    5. Here are my HTML notes from today’s class

Wednesday

    1. I did not post notes about my CSS lecture. Instead, please check out this tutorial: CSS
    2. Discuss beginning HTML tutorial
    3. Continue to work on laying out a website in XD

Assignments

Beginning

  1. Use XD to mockup your website (at least 5 pages – home, contact, about, services, products) in XD, using the layout from your favorite theme as a starting point)
  2. Look at the next 5 pages of the HTML tutorial
  3. Learn the basics of HTML and CSS from my notes for the quiz

Advanced

  1. Use XD to mockup your website
  2. Discuss your website project with me and when you’ll come into the classroom

 

 

Web Design – week 3

Classroom

Monday

    1. Talk about monthly grading
    2. Look at and discuss homepage mockups made in XD
    3. Talk about the differences between graphic and web design (static v. dynamic)
    4. Look at WordPress websites – hand out logins
    5. Intro to HTML and CSS using Dreamweaver

Wednesday

    1. Look at WP students chose to use on their sites
    2. Discuss beginning HTML tutorial
    3. Demonstrate how to use HTML and CSS using Dreamweaver
    4. Demo how to lay out a website in XD

Assignments

Beginning

  1. Pick 3 themes from wordpress.org you would consider using on your website
  2. Look at the first 5 pages of this beginning HTML tutorial
  3. Look at the next 5 pages of the HTML tutorial
  4. Start thinking about how you will build a full webpage mockup (at least 5 pages – home, contact, about, services, products) in XD, using the layout from your favorite theme

Advanced

  1. Discuss your website project with me and when you’ll come into the classroom
  2.  

 

 

Web Design – Week 2

Classroom

Wednesday

    1. Attendance, introductions and review syllabus
    2. Go over Adobe login
    3. Discuss presentations
    4. Create a Google Drive folder called “DAR256 your name” or “DAR257 your name” and share with me (gjloumeau@pima.edu).
    5. Intro to HTML and CSS using Dreamweaver
    6. Intro to Adobe XD

Beginning

Resources for you to check out:

Advanced

  • Discuss with me your website project and when you’ll come into the classroom

Assignments

Beginning

  1. Do first five pages of this beginning HTML tutorial
  2. Make an Adobe XD mockup of a website homepage (download the XD trial software if necessary to do this at home).

Advanced

    1. Make a Adobe XD mockup of a website homepage
    2. Find at least 3 WP themes you would consider using on your site