At Msgr. Felicien Mubiligi Catholic TSS we plan on teaching this class where we assume that you are a beginner in HTML and CSS. We believe a proper web designer should be able to develop a website from the ground up; by this our teachers mean coding HTML and CSS from scratch without the use of pretty web design software. We feel people tend to skip over the basics and go right to the items they want to implement; however without a strong base, you cannot build anything without it collapsing.
In this course, our students will gain a foundational knowledge of website creation and be able apply it to the planning, design and development of your own portfolio website over the course of the school year.
By the end of this course you will be comfortable creating, coding and posting static and dynamic HTML and CSS files to the Internet. Equipped with a historical understanding of the web’s evolution and key industry-standard design guidelines to ensure strong online presentation, you will have a foundational knowledge of website creation and apply it to the planning, design and development of your own web page over the course of the semester. Critical thinking will be encouraged through your class interactions, projects, and online postings.
GOALS AND/OR OBJECTIVES:
By the end of this course, students will:
- Be able to read and write HTML and CSS code
- Create a full functioning website
- Understand how to upload websites to a web server
- Be familiar with different web design theories and understand web terminology
What You Can Expect To Know
- (X)HTML syntax
- Why: These are the rules that define how a website is structured
- How: You’ll write code to make webpages, this code needs to follow these rules in order to work.
- (X)HTML elements
- Why: These are the ways information can be recorded in your webpages.
- How: You’ll write code to make webpages, this code needs to contain these elements.
- Basic Web Design Concepts
- Why: These concepts are what makes a webpage well designed and readable.
- How: You’ll use them to refine a basic webpage.
- (X)HTML DOCTYPES
- Why: Doctypes (Document Type Declarations) identifies the version of (X)HTML you have developed your site with and validates your pages against a list of syntax rules.
- How: You’ll discuss Doctypes amongst your peers and identify which is best for your project website.
- (X)HTML validation tools
- Why: Validators let you check if there’s anything wrong with the page you’re making.
- How: You’ll use this to check for errors and to confirm that you’ve made a standards compliant webpage.
- (X)HTML Best Practices
- Why: There’s many ways of making webpages, best practices lets you do exactly that, learn the best ways of practicing web development.
- How: You’ll read articles about best practice or discover it yourself through trial and error.
- CSS: The Cascade
- Why: CSS can be introduced to a page at many levels – some of those levels have a higher priority than others. This can influence how your page appears.
- How: You’ll be using CSS to make your page look great.
- CSS: Selectors and Properties
- Why: These are the instructions that tell your web page how to display.
- How: You’ll use these CSS elements to change how HTML elements appear on your page.
- Site Structure
- Why: A web page is made up of many files including images, HTML files and CSS. You need to know how to structure these files.
- How: You’ll need to make a site structure as part of your major project.
- Why: Forms let people submit information, such as a comment via your website
- How: You’ll make a contact form as part of your major project.
Course sessions may include lecture, demonstration, supervised hands-on projects, and independent problem solving sessions, online web-based learning and student presentations. Delivery of course materials, assignments, and tests will vary from course to course based on in-class and on-line course types. Students should expect that work outside of class is a requirement to complete the assignments.
- Adobe dreamweaver
- Microsoft publisher, Web
- Web Development and Design Foundations with HTML5 by Terry Felke-Morris
- HTML and CSS: Design and Build Websites by Jon Duckett
To read the full syllabus for this subject, please download the document in the download section below.