Class 01

The Week’s Topics

Course Intro
Class Skills Survey
Domain name registration
Web hosting
The Internet
Web file naming conventions
File Organization (Website Directory Structure)
HTML review
Knowing your tools
Finding answers/troubleshooting
Staying up-to-date

Graphic Design Club

There are lots of reasons to join the Graphic Design Club. The first is the sense of community that is built by the club members, a sense of belonging with others who have the same interest. This is especially important for a commuter college like SMC. It is also a chance for students to learn about Graphic Design topics, see exhibits, and hear lectures that are outside the tight frame of class curriculum. Please check the signage at the front door entrance of AET for information about meeting time and dates.


Assignment 1: Due Monday, February 27

1. Read & watch all the “important stuff” for this week.
2. Create a biographical 3 page HTML/CSS website.

Please create an HTML/CSS page using images and text that tells me a little about your self. If you already have a personal or business website, please create a new website for this assignment. The purpose of this assignment is for you to demonstrate your basic skills building an HTML page. In this assignment you should demonstrate the following:

  • An understanding of the basic structure of an HTML page.
  • How to use an external CSS file
  • An understanding of how to use the tags outlined in the class notes.
  • In particular, I want you to demonstrate a skill in inserting images and links into a page.
  • An understanding of correct file organization.
  • Your ability to use FTP to upload the web page to the class server.

You can use Dreamweaver or any other HTML editor you choose. When you’ve completed the assignment, please upload the project folder (be sure your file organization is correct or you will be asked to re-do this assignment) to our class server. Be sure that you place your project folder inside a folder with your last name_first name so I know the files are yours. Check the FTP page for more information. Be sure to check your page after you’ve uploaded it here:

If you run into problems uploading your files to the class server, please refer to the FTP page. There are directions and additional resources there. You may also ask a fellow classmate for help if you’d like. If you continue to have problems, don’t worry, we’ll review FTP next week.

3. Sign up for WordPress.

Post the URL to your WordPress blog in the comments section below.

Sign up at and start your blog for this class. Be sure to view the videos posted in the WordPress section for more information on how to do this.

4. Read the following chapters from our textbook.

Chapter 2: Tools
Chapter 3: Learning on the Web
Chapter 4: Internet Fundamentals

Important Stuff

How the Internet Works 

Domain Name Registration

Web Hosting

Web File Naming Conventions

File Organization (Website Directory Structure)

HTML Basics

HTML Basic Tags 

VIDEO: File Organization (Website Directory Structure)

VIDEO: The Basics of HTML

VIDEO: The Basics of CSS


I’m asking all of you to sign-up on to start a blog for this class. WordPress is a Content Management System (CMS). Below is a short video about WordPress (the version you install on your own server — more info can be found at Note that we’re using the version of WordPress which is different than the version you install on your server.

There is also a good video about what is a CMS.

Additional Resources

HTML Cheat Sheet
CSS Cheat Sheet


  1. Sakuna Sukveeradechakul February 11th

  2. Erik Stamps February 13th

  3. Ronald February 13th

  4. Yan February 13th

  5. Mahnaz Fatima February 13th

    Comment Arrow

    Hi everyone

  6. Mahnaz Fatima February 13th

  7. Kandace Simplis February 13th

  8. Nichole Dayyat February 13th

  9. Kandace Simplis February 13th

  10. Phil Kiczula February 13th

  11. Nichole Dayyat February 13th

    Comment Arrow

    New word press blog for this class

  12. Kandace Simplis February 13th

    Comment Arrow

    okay this is correct blog.

  13. Jeanette Simatauw February 13th

    Comment Arrow

    hi Jamie,
    here’s my wordpress adress

  14. Susanna Goransson February 13th

  15. Bryan Zilar February 13th

  16. Cristen Wilson February 14th

  17. Richard Erdursun February 14th

  18. Sebastian Nilsson February 15th

  19. Tim Thelen February 15th

  20. Candice Hartung February 17th

  21. Erika Gourvitz February 18th

  22. Jesus February 18th

  23. Sam February 19th

  24. Lor Fogel February 20th

  25. Lor Fogel February 21st

    Comment Arrow

    for whatever reason, my comment isn’t showing — at least on MY browser, yet when I try to post it again, I get an “already posted” response. Fun times. So, let’s try this once again…

  26. Lor Fogel February 21st

    Comment Arrow


  27. Kristina Hanson February 21st

  28. Dina February 23rd

  29. Layla Church February 25th

  30. Drew Polk February 25th

  31. Guru Darshan February 26th

  32. Guru Darshan February 26th

    Comment Arrow

    Is anyone else having issues posting to the server? I can’t get mine to connect to the ftp. Gah!!

  33. jamie February 26th

    Comment Arrow

    Be sure to use the new password:

    Set PASSWORD to: Dev4Web (remember, this is case-sensitive)

    I initially had the FTP listed incorrectly in the class notes.

  34. Guru Darshan February 26th

    Comment Arrow


  35. Jennier Pearman February 26th

  36. Courtney Yingling February 26th

    Comment Arrow

  37. MATHEW ELIAS February 26th

  38. Drew Polk February 27th

  39. Emily Maldonado February 27th

    Comment Arrow

  40. Aurelien Besnier February 27th

  41. Yoonhea Lee February 27th

  42. Renato Lopez March 5th

  43. Chrissy Wahlstrom February 24th

Add Yours

  • Author Avatar


Comment Arrow

About Author


Instructor for Graphic Design 66