Chances are if you are reading this, you're reading it in a browser. What you might not know: when you navigated to this page, you downloaded an HTML (Hypertext Markup Language) document and some CSS (Cascading Style Sheets) documents and your browser rendered the page just for you from those documents.
HTML and CSS are the standard languages in which webpages are written, HTML being the language with which we markup our content and CSS – how we style that content. The focus of this course will be learning how to make simple websites using those tools.
James McNutt is the library's tech education specialist and instructor for the intro class. For James, one of the most satisfying parts of teaching an introductory web design class is supporting the students as they pull back the curtain and begin to understand how the Internet functions. This course is intended for people with little or no web design experience. Participants are encouraged to bring a laptop if they have one so they can start to figure out their own design workflow though Chromebooks will be available for use in the class if needed.
Web design doesn't require anything more than a computer with a text-editor and browser installed (you don't actually even need a connection to the Internet). For this course, we are suggesting that participants use Sublime Text as their text-editor and Chrome as their browser. Installing those before you come to the first class will help us make the first class go smoother, but for those who feel uncomfortable doing that alone, we're more than happy to help get you set up; just come a little early to the first class.
Class will be held on consecutive Wednesdays from 5:30-6:30pm beginning April 16 though May 21.
Over the six (6) weeks of the course students will:
- Navigate an html editor.
- Create an html page with a title and a body.
- Create an html page with paragraph tags, headings, line breaks, emphasized text and horizontal lines.
- Identify the standard image resolution for the web (72 dpi).
- Resize and crop images for the web.
- Identify and differentiate between the various image formats used in web sites: jpg, gif, png.
- Create an html page that includes images.
- Create inline styles with css.
- Create a web page that uses inline styles.
- Create an internal style sheet with css.
- Create a web page that uses an internal style sheet.
- Create an html page which links to a separate css file.
- Use html tags and css styling elements to separate style from structure.
- Create an html page with div tags.
- Discuss how to register a domain, setup web hosting services and use FTP (file transfer protocol) to move documents to a server.
Participants will be encouraged to continue working through the curriculum after instructed lessons conclude.
Curriculum: derived from Exploring Computer Science v5.0 – Unit 3: Web Design (link below)