Category Archives: Web Design

Web Design – week 18

Classroom

  1. Presentations: Erik, Madeline, Marina, Anthony, Aspen
  2. Look at student websites
  3. Demonstrate how to Transfer a WordPress website to a new web hosting service

Assignments

Beginning

  1. Finish all book chapters
  2. Work on your WordPress site

Advanced

  1. Work on your WordPress site
 

Web Design – week 17

Classroom

  1. Presentations: Erik, Madeline, Marina, Anthony, Anjelica
  2. Look at student websites
  3. Demonstrate how to Transfer a WordPress website to a new web hosting service
  4. Discuss the steps it takes to create websites for clients:
    1. Setting up shop/figuring out your policies and rates
      1. Get a domain name (GoDaddy, Namecheap)
      2. Get web hosting (Siteground) Web hosting companies compared
      3. Write down your policies and figure out how much to charge
      4. Get a business license (you will be providing a service). Put money aside for taxes.
      5. Get a payment service (PayPal, Square) and install Woocommerce on your site so people can use it to pay you
      6. Make business cards (Moo.com)
      7. Have somewhere to meet clients (office/home office or co-working space)
    2. Marketing
      1. Network – join local meetups and business groups
      2. Go to all kinds of events and chat people up and hand out cards. Also, always  keep learning
      3. Place Google Ads
    3. Creating a web design proposal
      1. See example contract
    4. Signing a contract/accepting a deposit/committing to a schedule
      1. Start Here – Once you take someone’s money, you have to deliver
    5. Doing the work
      1. Setting up a work schedule and deliverables: under-promise and over-deliver
      2. Build the site in a secret location where only the client and you can view it
    6. Launching the site
      1. Test the site on mobile, tablet, Mac, PC and on a variety of browsers (Browsershots)
      2. If appropriate, make a big deal out of the website launch (press release, have a launch party, etc.). Also, consider having a “soft launch” before the big launch to catch any errors
    7. Maintenance
      1. 80% of your income over time can come from maintenance

Assignments

Beginning

  1. Finish all book chapters
  2. Work on your WordPress site

Advanced

  1. Work on your WordPress site
 

Web Design – week 16

Classroom

  1. Presentations: Erik, Madeline, Erika, Chantelle, Marina
  2. Look at student websites
  3. Guest Speaker: Chris Bohnsack
  4. Discuss the steps it takes to create websites for clients:
    1. Setting up shop/figuring out your policies and rates
      1. Get a domain name (GoDaddy, Namecheap)
      2. Get web hosting (Siteground) Web hosting companies compared
      3. Write down your policies and figure out how much to charge
      4. Get a business license (you will be providing a service). Put money aside for taxes.
      5. Get a payment service (PayPal, Square) and install Woocommerce on your site so people can use it to pay you
      6. Make business cards (Moo.com)
      7. Have somewhere to meet clients (office/home office or co-working space)
    2. Marketing
      1. Network – join local meetups and business groups
      2. Go to all kinds of events and chat people up and hand out cards. Start Here – Also, always  keep learning
      3. Place Google Ads
    3. Creating a web design proposal
      1. See example contract
    4. Signing a contract/accepting a deposit/committing to a schedule
      1. Once you take someone’s money, you have to deliver
    5. Doing the work
      1. Setting up a work schedule and deliverables: under-promise and over-deliver
      2. Build the site in a secret location where only the client and you can view it
    6. Launching the site
      1. Test the site on mobile, tablet, Mac, PC and on a variety of browsers (Browsershots)
      2. If appropriate, make a big deal out of the website launch (press release, have a launch party, etc.). Also, consider having a “soft launch” before the big launch to catch any errors
    7. Maintenance
      1. 80% of your income over time can come from maintenance

Assignments

Beginning

  1. Do chapter 12 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. Work on your WordPress site

Advanced

  1. Work on your WordPress site
 

Web Design – week 15

Classroom

  1. Student job doing web design for this site. Pays $20/hr. Must go to the client’s house in Oro Valley.
  2. Non-profit company needs website help http://www.mpatriotestogolais.org
  3. Timothy Doe’s contact info for above website:
    1. (520) 225-9650
  4. Presentations: Erik, Madeline, Erika
  5. Look at student websites
  6. Discuss the steps it takes to create websites for clients:
    1. Setting up shop/figuring out your policies and rates
      1. Get a domain name (GoDaddy, Namecheap)
      2. Get web hosting (Siteground) Web hosting companies compared
      3. Write down your policies and figure out how much to charge
      4. Start Here – Get a business license (you will be providing a service). Put money aside for taxes.
      5. Get a payment service (PayPal, Square) and install Woocommerce on your site so people can use it to pay you
      6. Make business cards (Moo.com)
      7. Have somewhere to meet clients (office/home office or co-working space)
    2. Marketing
      1. Network – join local meetups and business groups
      2. Go to all kinds of events and chat people up and hand out cards. Also, always  keep learning
      3. Place Google Ads
    3. Creating a web design proposal
      1. See example contract
    4. Signing a contract/accepting a deposit/committing to a schedule
      1. Once you take someone’s money, you have to deliver
    5. Doing the work
      1. Setting up a work schedule and deliverables: under-promise and over-deliver
      2. Build the site in a secret location where only the client and you can view it
    6. Launching the site
      1. Test the site on mobile, tablet, Mac, PC and on a variety of browsers (Browsershots)
      2. If appropriate, make a big deal out of the website launch (press release, have a launch party, etc.). Also, consider having a “soft launch” before the big launch to catch any errors
    7. Maintenance
      1. 80% of your income over time can come from maintenance

Assignments

Beginning

  1. Do chapter 11 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. Work on your WordPress site

Advanced

  1. Work on your WordPress site
 

Web Design – week 14

Classroom

  1. Student job doing web design for this site. Pays $20/hr. Must go to the client’s house in Oro Valley.
  2. Non-profit company needs website help http://www.mpatriotestogolais.org
  3. Presentations: Erik
  4. Look at student websites
  5. Discuss the steps it takes to create websites for clients:
    1. Setting up shop/figuring out your policies and rates
      1. Get a domain name (GoDaddy, Namecheap)
      2. Get web hosting (Siteground) Web hosting companies compared
      3. Write down your policies and figure out how much to charge
      4. Start Here – Get a business license (you will be providing a service). Put money aside for taxes.
      5. Get a payment service (PayPal, Square) and install Woocommerce on your site so people can use it to pay you
      6. Make business cards (Moo.com)
      7. Have somewhere to meet clients (office/home office or co-working space)
    2. Marketing
      1. Network – join local meetups and business groups
      2. Go to all kinds of events and chat people up and hand out cards. Also, always  keep learning
      3. Place Google Ads
    3. Creating a web design proposal
      1. See example contract
    4. Signing a contract/accepting a deposit/committing to a schedule
      1. Once you take someone’s money, you have to deliver
    5. Doing the work
      1. Setting up a work schedule and deliverables: under-promise and over-deliver
      2. Build the site in a secret location where only the client and you can view it
    6. Launching the site
      1. Test the site on mobile, tablet, Mac, PC and on a variety of browsers (Browsershots)
      2. If appropriate, make a big deal out of the website launch (press release, have a launch party, etc.). Also, consider having a “soft launch” before the big launch to catch any errors
    7. Maintenance
      1. 80% of your income over time can come from maintenance

Assignments

Beginning

  1. Do chapter 10 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. Work on your WordPress site

Advanced

  1. Work on your WordPress site
 

Web Design – week 13

Classroom

  1. Student job doing web design for this site. Pays $20/hr. Must go to the client’s house in Oro Valley.
  2. Presentations: Erik, Carlos
  3. Look at student websites
  4. Discuss the steps it takes to create websites for clients:
    1. Setting up shop/figuring out your policies and rates
      1. Get a domain name (GoDaddy, Namecheap)
      2. Get web hosting (Siteground) Web hosting companies compared
      3. Write down your policies and figure out how much to charge
      4. Get a business license (you will be providing a service). Put money aside for taxes.
      5. Get a payment service (PayPal, Square) and install Woocommerce on your site so people can use it to pay you
      6. Make business cards (Moo.com)
      7. Have somewhere to meet clients (office/home office or co-working space)
    2. Marketing
      1. Network – join local meetups and business groups
      2. Go to all kinds of events and chat people up and hand out cards. Also, always  keep learning
      3. Place Google Ads
    3. Creating a web design proposal
      1. See example contract
    4. Signing a contract/accepting a deposit/committing to a schedule
      1. Once you take someone’s money, you have to deliver
    5. Doing the work
      1. Setting up a work schedule and deliverables: under-promise and over-deliver
      2. Build the site in a secret location where only the client and you can view it
    6. Launching the site
      1. Test the site on mobile, tablet, Mac, PC and on a variety of browsers (Browsershots)
      2. If appropriate, make a big deal out of the website launch (press release, have a launch party, etc.). Also, consider having a “soft launch” before the big launch to catch any errors
    7. Maintenance
      1. 80% of your income over time can come from maintenance

Assignments

Beginning

  1. Do chapter 9 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. Work on your WordPress site

Advanced

  1. Work on your WordPress site
 

Web Design – week 12

Classroom

  1. Presentations: Richard, Erik, M.C. Beckett

Beginning 

  1. Look at websites
  2. Woocommerce

Advanced

  1. I will work with you one-to-one on the following:
    1. Determine what features you will add to your website this semester

Assignments

Beginning

  1. Do chapter 8 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. Work on your WordPress site

Advanced

  1. Work on your WordPress site
 

Web Design – week 11

Classroom

  1. Presentation: Richard, Erik

Beginning 

  1. First hour – learn how to use Elementor, talk about any additional plugins
  2. Second hour – incorporate Elementor into some sections of your website

Advanced

  1. I will work with you one-to-one on the following:
    1. Determine what features you will add to your website this semester

Assignments

Beginning

  1. Do chapter 7 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. Work on your WordPress site

Advanced

  1. Work on your WordPress site
 

Web Design – week 9

Classroom

  1. Presentation: Anthony, Marlene

Beginning 

  1. Note: you can’t do the lesson (chapter 5) that uses Adobe Extract on Pima computers. You can skip it, if you want. It’s not critically important.
  2. First half-hour – look at student WordPress sites
  3. Remainder of class:  the Top 20 Must-Have WordPress Plugins
  4. Go over my personal favorite plugins: NextGen Gallery, Contact Form 7, Akismet, Broken Link Checker, Elementor, Login Lockdown, One-click Child Theme, Wordfence

Advanced

  1. I will work with you one-to-one on the following:
    1. Show how includes can be used as footers and sidebars

Assignments

Beginning

  1. Do chapter 6 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. Work on your WordPress site

Advanced

  1. Work on your WordPress site
  2. Create some PHP includes for your site
 

Web design – week 8

Classroom

  1. Presentation: Anthony
  2. Check in with everyone about grades

Beginning 

  1. First hour – discuss WordPress for 1/2 hour, spend 1/2 hour on HTML & CSS
    1. From book: HTML Basics and What’s New in HTML5
    2. CSS Basics: CSS Box Model
  2. Second hour of class:  Either work on your WordPress website or the book lessons. Next week we’re going to look at everyone’s WordPress sites and see how they are progressing

Advanced

  1. Talk about you’ve done to your website and discuss the next steps
  2. We will working on the following:
    1. Define PHP includes
    2. Show how includes can be used as footers, headers and sidebars

Assignments

Beginning

  1. Do chapter 5 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. Work on your WordPress site

Advanced

  1. Work on your WordPress site
  2. Create some PHP includes for your site
 

Web Design – week 7

Classroom

  1. Presentation: Daniel
  2. Remember Liz’s presentation last week? Check out this article
  3. Advanced – work on your WP websites for the first hour of class, then we’ll work on databases
  4. Beginning – discuss WordPress – continue general tour, discuss HTML & CSS and what the book lessons are for

Beginning 

  1. Download and work on these files
  2. Second hour of class: start bringing elements of your Photoshop mockup into your WordPress site (logo, colors, images, etc.)

Advanced

  1. Talk about you’ve done to your website and discuss the next steps
  2. We will 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

Assignments

Beginning

  1. Do chapter 4 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. Continue to apply the design concepts from your mock ups to your WordPress site

Advanced

  1. Make suggested changes to website
 

Web Design – week 6

Classroom

  1. Presentation: Liz
  2. Advanced – work on database assignment
  3. Beginning – discuss WordPress – general tour

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