CIS195 Web Authoring 1: HTML Intro to the Course
Topics by Week
1. Intro to HTML 5
6. HTML Tables
2. Developing a Web Site
7. HTML Forms
3. Design with CSS
4. Page Layout with CSS
9. Advanced CSS
10. More CSS / Term Project
Why I love software development
Students introduce themselves
How many of you have done some kind of programming or made web pages before?
How many have computers? Bring your notebook computer to class.
Web Sites, HTML and CSS
Why we make web sites
Why we need HTML to make web pages:
It provides a way to structure the pages.
It lets us link pages together.
HTML (Hypertext Markup Language)
Provides content and
A markup language is different from a programming language
CSS (Cascading Style Sheets)
Provide formatting and styling for the HTML pages.
What web page or site do you especially like?
What kind of web page would you like to make?
Basic Web Page
First HTML page
Full blown example: Chennai web page
Open it in Visual Studio Code as an example of what HTML looks like
The simplest example: empty page
Define a Web page head, body, and title.
Stuff you need in every web page!
Explain the syntax of HTML
Add text with no formatting
Basic Formatting Elements
Text-level elements including strong and emphasized text
Syllabus – quick overview
Reading and Quizzes
Purpose of quizzes isn’t testing, it’s focus and accountability
Part 1 is the warm-up
Part 2 requires more problems solving
Upload results to a web server
Beta and Production versions
Code reviews used by real development teams
Look at the code review procedure document