Category Archives: Web Design

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