CIS195 Web Authoring 1: HTML
Topics by Week | |
---|---|
1. Intro to HTML | 6. HTML Tables |
2. Developing a Web Site | 7. HTML Forms |
3. Design with CSS | 8. Multimedia |
4. Page Layout with CSS | 9. Advanced CSS |
5. Midterm | 10. More CSS / Term Project |
Intro to the CourseWeek 1, Session 1ContentsIntroductionsWeb Sites, HTML and CSSDiscussionMaking a Basic Web PageThe skeleton of every web pageAdding some content and structure to the skeletonCourse Overview Computer Skill ExpectationsSyllabus and Learning ActivitiesNext Class
Introduce myself
Students introduce themselves on the Moodle forum
Why we make web sites.
HTML (Hypertext Markup Language)
CSS (Cascading Style Sheets)
Full blown example: Chennai web page
The simplest example: Empty page
View the source to see what the HTML looks like.
This is the stuff you need in every web page!
When you make a web page, you need to define html, head and body elements.
Explain the syntax of HTML
Now we're going to modify the empty page to make our own first web page. You can use Notepad on Windows, or TextEdit1 on a Mac.
Copy the empty HTML page and edit it to make your own page.
Add text with no formatting.
Add paragraphs using the <p>
tag.
Add some basic Formatting Elements
Headings use the <h1>
, <h2>
, <h3>
etc. tags.
Text-level elements including strong, <b>
and emphasized <i>
text.
This is a beginning class with no prerequisites, but you should be able to do some basic things on a computer such as:
Create and edit a file using an application like Microsoft Word.
Manage files and folders using File Explorer (Windows), or the Finder (MacOS).
You should be able to move, copy, rename or delete files and folders.
Reading and Quizzes
Lab assignments
Most labs have two parts (not Lab 1 though):
Part 1 is the warm-up.
Part 2 requires more problems solving.
Upload the web sites you make to:
Web Authoring Lecture Notes by Brian Bird, 2018, revised 2022, are licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.