ART 323 Spring 2015

Web Design

Day 23

April 8, 2015
  • Restaurant Site Due/Critique
  • Introduce WordPress Child Theme
  • WordPress Setup
    • Go to your DreamHost Web Panel
    • Choose Toolbox > One-Click Installs (upper left)
    • Choose WordPress
      • Install to: Choose domain, type in name of new folder
      • Automatically create database
      • Deluxe Install checked
      • Click Install it for me now
    • Wait for email, then follow instructions for setting up an admin user (don’t use admin as username)
    • Log in
  • WordPress Basics
    • How themes work
    • User settings
      • Disable visual editor
      • Set display name
    • Site settings
    • Where content goes
      • Site title
      • Pages and posts
      • Menus and sidebars
    • Jetpack plugin / accounts
  • Setting up a child theme
    • Download parent theme – just type in underscores and click Generate
    • Using Coda, place it in wordpressfolder/wp-content/themes
    • Create a new folder in wp-content/themes with style.css and functions.php files inside of it
    • Add code below
    • Activate your child theme in Appearance > Themes
    • Make sure to update your menu
  • Web Inspector Revisited
    • Use the web inspector to understand the structure of the HTML and find the appropriate elements, classes, and IDs to style
    • We will go through the basic structure of the site together next class

Child Theme – style.css (plain text here)

 Theme Name:   My Child Theme
 Author:       Chris Davis
 Template:     underscores

Child Theme – functions.php (plain text here)


add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );


Day 21

April 1, 2015
  • Work Day
  • Quiz 4 moved to Monday
  • Restaurant Site critique due date/critique moved to Wednesday (due by 1pm)

Day 20

March 30, 2015

Class is canceled for Monday, as I will still be out of town. My apologies for the inconvenience.

Please email me with an update on your progress on our current project. I’d like to know what kind of restaurant your site is for and what pages it will have. Please also upload your site so far and include a link.

This is mandatory and will count as your attendance for Monday as well as 5% of your current project grade. Emailing anytime between now and the end of the day on Tuesday will work.

Thanks and let me know if you have any questions.

Day 17

March 11, 2015

Today’s files

  • Client/Developer Site due/critique
  • Borders in flexible layouts
    • CSS for divs with borders: box-sizing: border-box;
    • Counts padding and border as part of width
  • Media queries
    • Will mostly use ones based on width (max-width or min-width)
    • Other options available
    • General viewport widths
      • Newest iPhones – 375-414px
      • Older iPhones – 320px
      • iPads – 1024px by 768px
      • Other tablets – 1280px by 800px
      • Others

Example media query

@media screen and (max-width: 414px) {

    /* alternate CSS here */


Day 16

March 9, 2015

Today’s files

  • Client/Developer Site due/critique Moved to Wednesday
  • Quiz 3: Chapters 11-12, 14 pp. 333-336
  • Responsive Design
  • Flexible Layouts
    • Percentages
      • Use percentages for layout widths
      • How to do percentages inside of percentages
      • Set a max-width for your container if needed
    • em
      • Used instead of pixels for font-size, line-height, border, as well as some margin and padding
      • Target ÷ context = result (24px ÷ 16px = 1.5em)
        • Context is the font size of the element.
        • Use 16px for the font size of any element or for all aspects of an element where font size isn’t set.
        • Put your math in a comment next to the result.

Day 15

March 4, 2015

Due to the threat of inclement weather this evening, we will not be having class today. Your Client/Developer Site will continue to be due by 1pm on Monday, and we will also still plan on having our third quiz over chapters 11-12 and 14 pp. 333-336 as scheduled.

I would recommend spending some time in the lab this afternoon if you are able. At some point today, please do the following: upload your site and email me with a link and an update on your progress as well as questions or concerns if you have them.

I will be available over the weekend via email as needed. Replies on Sunday will most likely be delayed until the late evening.