Class 01

The Week’s Topics

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

Announcement
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: http://www.cavanaugh.smcgrdes.com/grdes66/.

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 WordPress.com 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

http://www.everythingaboutweb.com/beginner/how-the-internet-works/ 

Domain Name Registration

http://www.everythingaboutweb.com/beginner/domain-name-registration/

Web Hosting

http://www.everythingaboutweb.com/beginner/web-hosting/

Web File Naming Conventions

http://www.everythingaboutweb.com/beginner/file-naming-conventions/

File Organization (Website Directory Structure)

http://www.everythingaboutweb.com/beginner/file-organization/

HTML Basics

http://www.everythingaboutweb.com/beginner/html-basics/

HTML Basic Tags

http://www.everythingaboutweb.com/beginner/html-basic-tags 

VIDEO: File Organization (Website Directory Structure)

VIDEO: The Basics of HTML

VIDEO: The Basics of CSS

WordPress

I’m asking all of you to sign-up on WordPress.com 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 WordPress.org). Note that we’re using the WordPress.com 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



Comments

  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 http://nicholedayyat.wordpress.com/


  12. Kandace Simplis February 13th

    Comment Arrow

    okay this is correct blog. http://KandaceSimplis.wordpress.com


  13. Jeanette Simatauw February 13th

    Comment Arrow

    hi Jamie,
    here’s my wordpress adress
    https://jeanettesimatauw.wordpress.com/


  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…
    My http://northcountrylor.wordpress.com/


  26. Lor Fogel February 21st

    Comment Arrow

    whew…


  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

    Thanks!


  35. Jennier Pearman February 26th


  36. Courtney Yingling February 26th

    Comment Arrow

    notcoco.wordpress.com


  37. MATHEW ELIAS February 26th


  38. Drew Polk February 27th


  39. Emily Maldonado February 27th

    Comment Arrow

    emmaldonado.wordpress.com


  40. Aurelien Besnier February 27th


  41. Yoonhea Lee February 27th


  42. Renato Lopez March 5th


  43. Chrissy Wahlstrom February 24th


Add Yours

  • Author Avatar

    YOU


Comment Arrow




About Author

jamie

Instructor for Graphic Design 66