Category Archives: Web Design

Web Design – week 6

Classroom

  1. Advanced – work on database assignment
  2. Beginning – discuss WordPress – general tour
  3. Check out this article

Beginning 

  1. Look at first section of the book

Advanced

  1. Talk about you’ve done to your website and discuss the next steps
  2. Discuss the second 5 pages of the PHP Tutorial
  3. We will start working on the stuff below:
    1. Creating a db with MySQL DB Wizard
    2. Creating a table in their 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 give you the files you need to do the assignment according to the Instructions page

Assignments

Beginning

  1. Do chapter 3 in the book – upload work they have you do in the book if they have you complete a project (if they’re just demoing something, you don’t have to upload anything)
  2. Start figuring out how to apply the design concepts from your mock ups to your WordPress site

Advanced

  1. Make suggested changes to website
  2. Do PHP database assignment
 

Web Design – week 5

Classroom

  1. Any website mock ups we haven’t seen yet?
  2. Discuss WordPress – general tour
  3. Show class how to FTP into site

Beginning 

  1. Discuss latest  HTML tutorial
  2. Look at first section of the book

Advanced

  1. Talk about you’ve done to your website and discuss the next steps
  2. Discuss the first 5 pages of the PHP Tutorial

Assignments

Beginning

  1. Do chapter 2 in the book
  2. Start figuring out how to apply the design concepts from your mock ups to your WordPress site

Advanced

  1. Make suggested changes to website
  2. Do next 5 pages of PHP Tutorial
 

Web Design – week 4

Classroom

  1. Discuss Homepage Mockups (Project 1a)
  2. Go over the concept of mobile-first (minimalist to profligate) design

Beginning 

  1. Demonstrate how DiffNow website works
  2. Discuss HTML5 Tutorial
  3. Look at first section of the book

Advanced

  1. Begin applying your Website Mockup design to your WP website

Assignments

Beginning

    1. Access your WordPress website via the link I provided (I will send it in e-mail)
    2. Join the wpbeginner website and take a brief look at their intro to WP videos
    3. Do the next five pages of this HTML tutorial. Test yourself as you go
    4. Make suggested changes to your Homepage Mockup (Project1a) and upload it to the Google Drive

Advanced

  • Access your WordPress website via the link I provided (I will send it in e-mail)
  • Create a homepage for your website with text and graphics. Put a title/logo on your homepage
  • Go through the first 5 pages of the PHP Tutorial and test yourself as you go

 

 

Web Design – Week 3

Classroom

    1. Attendance, introductions and review syllabus
    2. Create a Google Drive folder called “DAR256 your name” or “DAR257 your name” and share with me (gjloumeau@pima.edu). Talk about presentations
    3. DAR256 students will need the book for this class. You are going to have to download the lesson files. You will need access to the Dreamweavaer software.
    4. Cintiqs and pen checkout process
    5. A brief history of web design
    6. History of web design infographic

Beginning

Resources for you to check out on your own time

Advanced

  • We will watch the following video in class when there is time: PHP video
  • Review the PHP tutorials up to and including PHP 5 Variables
  • We will watch the following video in class when there is time: MySQL databases

Assignments

Beginning

    1. Buy the book for class (Adobe Dreamweaver Classroom in a Book 2018). You can get it on Amazon or at the bookstore.
    2. Look at the first chapter in the book. You will need to be at a computer that has Dreamweaver on it when looking at the book. Download the lesson files for this book.
    3. Do the first chapter (5 pages) of this online tutorial and then do the five simple exercises at the end of the chapter:

  • Project 1a: Create a website mockup using this Photoshop template,  Show what the page will look like in three formats: a mobile phone, a tablet and on a desktop computer. I suggest you do the mobile phone layout first. We’ll look at these next week.

Advanced

  • Access your WordPress website via the link I provided (I will send it in e-mail)
  • Create a homepage for your website with text and graphics
  • Put a title/logo on your homepage