Course Overview
- There are no prerequisites for this course, it is introductory
- Students should have basic typing skills and the ability to listen to, read, and follow instructions
- The sites and pages built for this course are static and fixed-width only (to learn responsive HTML/CSS, be sure to take GIT414)
- Using libraries to write HTML/CSS for the course is not allowed
Course Materials
- Required Textbook: a custom zyBook created specifically for the course (more information can be found in the Canvas shell and in the ASU class catalog)
- Course Announcements and Communication: Slack
- Course Materials: Canvas (find the link in your myASU)
- A Code Editor: Visual Studio Code
- A GitHub Account (signing up with your student email and verifying it allows you to access free software and tools!)
- Software (installed on personal computer): GitHub Desktop
- Adobe Creative Cloud (free for ASU students)
- Google Drive (free for ASU students)
Assignments
There are multiple types of assignments in each module: zyBooks Challenge Activities and Module Homework/Coding Assignments. Challenge Activities are to be completed in your zyBook, ad the Homework assignments generally ask you to apply the knowledge gained in that module, using it to write some code.
Coding activities are used during class meetings to practice the topics covered each day. These can only be completed for credit by students in attendance that day.
Students are required to complete the zyBook participation activities before the course meeting where they are discussed and practiced.
The course also includes a final project that allows the student to use their understanding of HTML/CSS to build a website.
Course Topics
- Web History
- IP Addresses, Domain Names, & URLs
- HTTP
- Web Trends
- How Does the Internet Work?
- File Naming Conventions and Folder Organization
- HTML Document Structure
- HTML Developer Guidelines
- Basic HTML Tags
- HTML Special Characters
- HTML Lists
- Lorem Ipsum
- Indenting HTML
- Validating HTML
- HTML Containers
- HTML Semantic Elements
- HTML Links
- HTML Navigation
- HTML Images
- Audio/Video in HTML
- HTML Tables
- HTML Forms & Form Widgets
- CSS Selectors
- CSS Box Models
- Common CSS Properties
- Font & Text Properties in CSS
- CSS Flexbox
- CSS Grid
- Positioning Elements with CSS
- Styling HTML Forms with CSS
Resources for Students
GIT Coding Resources:
Have additional questions? Reach out to the professor teaching the course section you have interest in registering for using the course catalog. The clickable name shown there leads to the profile that includes their contact information.
Credits:
Created with images by wutzkoh - "Asian man working code program developer computer web development working design software on desk in office." • Tee11 - "HTML code on computer monitor. Software / Web Developer Programming Code" • Melisa - "Code background in editor. Web programming with css coding"