Category Archives: Web Design

Web Design – week 13

Classroom

Beginning

  1. Presentations
  2. Discuss the following:
    1. Visually Appealing Websites
    2. 6 Tips for Designing Beautiful Websites
    3. 8 Tips for Creating an Attractive Web Design
  3. Also, talk about Dark Patterns
  4. Look at student sites and see what content has been uploaded. Discuss problems and questions

Advanced (4:30pm)

  1. Look at website content uploaded
  2. Work one-to-one with students

Assignments

Beginning

  1. Continue to insert content/do layout on your WordPress website

Advanced

  1. Continue putting your text and image content into WordPress

 

 

Web Design – week 12

Classroom

Beginning

  1. Presentations
  2. Discuss how to use web tools interface in Firefox browser
  3. Look at how to apply custom CSS, including the “!important” tag
  4. Look at student sites and see what content has been uploaded. Discuss problems and questions

Advanced (4:30pm)

  1. Look at website content uploaded
  2. Work one-to-one with students

Assignments

Beginning

  1. Continue to insert content/do layout on your WordPress website

Advanced

  1. Continue putting your text and image content into WordPress

 

 

Web Design – week 11

Classroom

Beginning

  1. Presentations
  2. Non-profit website opportunity
  3. The first web banner ad is 25 years old
  4. The Internet was born 50 years ago
  5. Look at student sites and see what content has been uploaded. Discuss problems and questions
  6. Begin discussing Woocommerce

Advanced (4:30pm)

  1. Look at website content uploaded
  2. Work one-to-one with students

Assignments

Beginning

  1. Continue to insert content/do layout on your WordPress website

Advanced

  1. Continue putting your text and image content into WordPress

 

 

Web Design – week 10

Classroom

Beginning

  1. Presentations
  2. Look at student sites and see what content has been uploaded. Discuss problems and questions
  3. Demonstrate how to transfer websites made with WordPress
  4. Begin discussing Woocommerce

Advanced (4:30pm)

  1. Look at website content uploaded
  2. Work one-to-one with students

Assignments

Beginning

  1. Continue to insert content/do layout on your WordPress website

Advanced

  1. Continue putting your text and image content into WordPress

 

 

Web Design – week 8

Classroom

Beginning

  1. Presentations
  2. Grades
  3. Look at student sites and see what content has been uploaded. Discuss problems and questions
  4. Demonstrate how to transfer websites made with WordPress
  5. Begin discussing Woocommerce

Advanced (4:30pm)

  1. Look at website content uploaded
  2. Work one-to-one with students

Assignments

Beginning

  1. Continue to insert content/do layout on your WordPress website

Advanced

  1. Continue putting your text and image content into WordPress

 

 

Web Design – week 7

Classroom

Beginning

  1. Look at student sites and see what themes have been picked. Choose one to use on your site.
  2. Demonstrate how to transfer websites made with WordPress
  3. Check in with each student on website progress
  4. If there’s time, begin discussing Woocommerce

Advanced

  1. Continue to work on database assignment
  2. Talk about the  database assignment. We will working on the stuff below:
    1. Creating a db with MySQL DB Wizard
    2. Creating a table in the db with PHPMyAdmin
    3. Edit PHP code to interact with the new table
    4. Here is an image of the table structure
    5. I will e-mail you the files you will need to do this assignment
    6. You will need to ftp  your final files to the “db2/your name” folder in the dreamco.org directory. You can see a working example of the files on the web here

Assignments

Beginning

  1. Continue to insert content/do layout on your WordPress website

Advanced

  1. Start putting your text and image content into WordPress
  2. Work on database assignment

 

 

Web Design – week 6

Classroom

Beginning

  1. Look at student sites and see what themes have been picked
  2. Introduce Elementor on Siteground sites
  3. If there’s time: discuss the online HTML tutorials
  4. Work on learning Elementor and using it on your site
  5. Check in with each student to see how they’re doing

Advanced

  1. If there’s time, discuss the online PHP tutorials and  how PHP works
  2. Talk about the  database assignment. We will working on the stuff below:
    1. Creating a db with MySQL DB Wizard
    2. Creating a table in the db with PHPMyAdmin
    3. Edit PHP code to interact with the new table
    4. Here is an image of the table structure
    5. I will e-mail you the files you will need to do this assignment
    6. You will need to ftp  your final files to the “db2/your name” folder in the dreamco.org directory. You can see a working example of the files on the web here

Assignments

Beginning

  1. Continue to insert content/do layout on your WordPress website

Advanced

  1. Start putting your text and image content into WordPress
  2. Work on database assignment

 

 

Web Design – week 5

Classroom

Beginning

  1. Show an example of how to:
    1. Pick a theme that resembles a student mock up
    2. Cut up images  and paste text into WordPress
    3. Make custom adjustments to the site
  2. If there’s time: discuss the online HTML tutorials
  3. Look at any student sites where progress has been made

Advanced

  1. If there’s time, discuss the online PHP tutorials and  how PHP works
  2. Talk about the  database assignment. We will working on the stuff below:
    1. Creating a db with MySQL DB Wizard
    2. Creating a table in the db with PHPMyAdmin
    3. Edit PHP code to interact with the new table
    4. Here is an image of the table structure
    5. I will e-mail you the files you will need to do this assignment
    6. You will need to ftp  your final files to the “db2/your name” folder in the dreamco.org directory. You can see a working example of the files on the web here

Assignments

Beginning

  1. Do the next five pages of beginning HTML tutorial. Start here
  2. Find a theme that suits your mock up and put your image and text content into WordPress

Advanced

  1. Do the next five pages of this beginning PHP tutorial. Start here
  2. Start putting your text and image content into WordPress
  3. Work on database assignment

 

 

Web Design – week 4

Classroom

  1. Discuss the online HTML tutorials and the basics of HTML
  2. Look at how to cut up your web design home page mockups and demo how to bring that info into WordPress. I’ll show you an example in class, using a student’s mockup
  3. Work on getting your mockups cut up and into WordPress

Advanced

  1. Discuss the online PHP tutorials and  how PHP works
  2. Talk about the .php include assignment I gave last week
  3. Talk about the new database assignment. We will working on the stuff below:
    1. Creating a db with MySQL DB Wizard
    2. Creating a table in the db with PHPMyAdmin
    3. Edit PHP code to interact with the new table
    4. Here is an image of the table structure
    5. I will e-mail you the files you will need to do this assignment
    6. You will need to ftp  your final files to the “db2/your name” folder in the dreamco.org directory. You can see a working example of the files on the web here

Assignments

Beginning

  1. Do the next five pages of beginning HTML tutorial. Start here
  2. Start putting your image content into WordPress

Advanced

  1. Do the next five pages of this beginning PHP tutorial. Start here
  2. Start putting your image content into WordPress
  3. Work on database assignment

 

 

Web Design – week 3

Classroom

  1. Discuss and demonstrate what we’ll be doing on WordPress.com and on the Siteground websites with the 2016 theme
    1. On WordPress.com – use whatever theme and plugins you want. Use this website to experiment and learn what you can do with WordPress. This is where you can make a great-looking website
    2. On Siteground – use only 2016 theme. This site is being used as a learning tool, and it will probably never look as good as your website on WordPress.com, because it’s a very bare-bones theme, but you can do more stuff on this website because it has fewer restrictions than WordPress.com
    3. You can use the same content (text, images) on both websites, or different content (this will result in two different sites). It is up to you, but you’ll get more out of using different content for each site
  2. Dina Snow looking for web design help. Contact her at AztecaDesign.com
  3. Share class presentation schedule
  4. Check out this cool web font
  5. Look at website mockups

Advanced

  1. Demonstrate how PHP works
  2. Show how to do a .php include

Assignments

Beginning

  1. Do first five pages of this beginning HTML tutorial.
  2. Turn your website mockups into visual assets by cutting up the images, and cutting and pasting the text into  a text file
  3. As best you can, start figuring out how to get this content into WordPress (I’ll show you an example in class, using a student’s mockup)

Advanced

  1. Do the first five pages of this beginning PHP tutorial
  2. Turn your website mockups into visual assets by cutting up the images, and cutting and pasting the text into  a text file
  3. As best you can, start figuring out how to get this content into WordPress
  4. Make a webpage that uses a .php include (you can make this in Dreamweaver, if you like)

 

 

Web Design – Week 2

Classroom

    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).

Beginning

Resources for you to check out when you have time

Assignments

Beginning & Advanced

    1. Create a website on wordpress.com
    2. Make a Photoshop mockup of. a website homepage