- Email: [email protected]
- Office: 232 - McGill Hall
- Office Hours: Tuesdays, 10:30AM-Noon; Wednesdays, 2:30PM-4:00PM
This course is intended to make you comfortable with presenting yourself through the web. In addition, you will learn skills that should allow you to build, manage, and develop websites for potential customers.
This course will start with an overview of HTML and CSS. This will be handled through a static hosting on github.io. After this introduction, Content Management Systems will be introduced, with particular emphasis paid to wordpress.org
- Maybe this is UMT Moodle instead?
- If you are interested in some supplemental reading on HTML and CSS, The HTML & CSS book is a nice one.
- I have also recently come across "HTML5: Up & Running", which is a community sourced book of information on HTML5!
- Learn the terminal, it is a powerful tool!
- Unix for the Beginning Mage (for mac and linux)
- Windows Command Line
You will be expected to purchase hosting space for your work between October and the end of the semester. We recommend BlueHost.org.
- Representing yourself online
- Getting clients and building websites
-
Topic: Basic Terms and Concepts
-
Focus Areas: The Web and Development Environment
-
Syllabus & Class overview.
-
Text editors
-
Viewing source code.
-
Unix
-
Git and Github
- Introduction to Git and Command Line by Steve Klise
- Git workflow for beginners
- "Try" Git tutorial
- Github Pages: By no means, is github pages required for hosting your projects. But it's free and fast and lives on github. So there are many reasons why you might like to consider it, at least during the homework / experimentation stage / of a project.
Exercises / Assignments: history, web.archive.org, and Source Code
-
Read about the History of the Web and Browsers.
- Describe the terms
- HTML
- URL
- 'internetwork'
- Describe the terms
-
Find the earliest instance of google.com that you can on web.archive.org and describe the interface and interaction.
-
Go to an artists website that you admire. Describe what about the design of this site you like or do not like, and why? Also discuss any of the following topics as are relevant: navigation, page load times, layout, intuitiveness, features, clutter, simplicity, etc. (Don't worry that we have not covered these terms yet. Take you best guess.)
-
Now, use the archive site and look for the earliest instance of the site, and describe differences from its first appearance, as well as the general evolution over the course of its existence.
-
Examine the source code and describe anything interesting, you find about it?
-
Write all of your answers into the markdown example file available from the github repository
-
Upload this file to your github.io site and add the link to the HW Week 1.1 wiki
-
Topic: HTML 1
-
Focus Areas: Hello World
-
Review intro to "HMTL5, CSS3, & JS", index.html,
<Head><Body>, "Hello World"HTML 5 For Web Designers (Content on right) -
Markup, "Elements, Tags, & Attributes", Style & Best Practices,Mozilla Elements 4.
-
-
Exercises / Assignments:
-
Copy a Poem; complete this assignment if you have not yet
-
Find a poem between 10-30 lines long. Copy it into an index.html file.
-
This file should produce the poem with the correct formatting, carriage returns, section breaks, and attribution.
-
The contents of your poem should be marked up with the relevant tags (
<h1>,<p>, etc). You should also add unique id and class attributes to each element. -
Finally, this document should follow the best style and practices discussed in class and include all necessary meta data.
-
Post this to your GitHub Pages account, and add the link to the class wiki HW Week 1.2.
- Topic: HTML 1
- Focus Areas: Links and Images
Exercise/Assignment
- Create an html page that is a story of nonsense.
- See the HW Wiki page for details.
-
Topic: HTML 2
-
Focus Areas: More Elements in HTML5
- tables
- forms
-
Topic: HTML 2
-
Focus Areas: More Elements in HTML5
- extra markup
- audio
- video
-
Exercises / Assignments: HW Wiki Page
-
Topic: CSS 1
-
Focus Areas:
- Overview of what CSS (Cascading Style Sheets) can do for Web pages.
- CSS basic syntax, CSS properties, Lists, Selectors, Inheritance and Precedence
-
Exercises / Assignments:
-
Topic: CSS 2
-
Focus Areas: Debugging and Layout
- Debugging
- Page Layout
-
Exercises / Assignments:
- Critique of final site.
We will have weekly assignments that are relevant to material from the previous class. These assignments are required and you should be prepared to show/talk about them in class. It is expected that everyone in the class will create and maintain a blog for their assignments.
Attendance is mandatory. Please inform your teacher via email if you are going to miss a class. Two unexcused absences is cause for failing the class. (An unexcused lateness of 10 minutes or more is equivalent to 1/2 an absence.)
This class will be participatory, you are expected to participate in discussions and give feedback to other students both in class and participate with their projects. This (along with attendance) is 40% of your grade.
Class will culminate with final projects. You are expected to push your abilities to produce something that utilizes what you have learned in the class that is useful in some manner to yourself or the world. This will comprise 20% of your grade. Grades will be based primarily on the student's ability to:
- Demonstrate an understanding of the specific characteristics and integrative capabilities of the assigned topic in your own words and code.
- Articulate a clear and concise perspective. Cutting and pasting or copying word for word off the Internet will result in loss of points.
- Present an organized file/program, as well as blog entry; including proper and punctual delivery of the assignment files.
- Demonstrate creativity beyond the expected technical requirements.
IMPORTANT: Assignments handed in after the due date and time will have points deducted for lateness. This will be in addition to any points deducted for content. Those that are uploaded late but within one week of the due date will lose 1 point for lateness. For those uploaded after that, the number of deducted points will be at the discretion of the faculty.
Grades will be determined according to the following breakdown:
- Regular Assignments 50%
- Participation and Attendance 20%
- Exam 10%
- Final Project 20%
Letter Break Downs
- A 95-100
- A- 90-94
- B+ 86-89
- B 83-85
- B- 80-82
- C+ 76-79
- C 73-75
- C- 70-72
- D 60-69
- F 0-59
All students must practice academic honesty. Academic misconduct is subject to an academic penalty by the course instructor and/or disciplinary sanction by the University. All students need to be familiar with the Student Conduct Code. The Code is available online at http://www.umt.edu/vpsa/policies/student_conduct.php
I reserve the right to change the intended content of this course throughout the semester. This may be done to adjust for the speed of the class, to better meet educational goals, or to account for changes in technology.
Much of the content for this course will come from the The HTML & CSS book. Many code examples are also copied or derived from their examples also available from the books homepage.