Website Construction principles. HTML5, CSS
Students are provided with a hands-on introduction to the universal architecture of the web. This course covers website construction with HTML5 and CSS, file structure and hierarchy, design and usability concepts, accessibility-conscious coding, and website hosting and administration. Students will learn website development fundamentals hands-on by building a simple, professional-class website in class. Instructor: S. White
5 Classes
Learning Outcomes:
Students will
- Display working knowledge of HTML5 fundamentals including proper syntax, tag nesting, and semantic usage for common website page structures
- Exhibit familiarity with CSS fundamentals including syntax, cascade, inheritance, specificity, importance, box model, and various types of selectors and commonly used properties
- Understand how to organize and link website files and assets in a web root folder to build a functioning, publishable website
- Demonstrate ability to publish a website to the World Wide Web
General Course Goals:
This course is designed to provide an experiential introduction to fundamental and universal website construction skills. It is an excellent primer for anyone new to website development coding who wants to gain proficiency in building websites from scratch or in customizing the look of websites built in content management systems like WordPress and Drupal.
Website development is a wide and deep field with many interlocking parts. The primary goal for beginner students who come to Website Development – Part I and its two follow-up courses, Part II & Part III, is to give them a fundamental overview understanding so that they have good perspective with which to own their learning curve going forward. Website development is as much a problem solving art as it is a technology skill set. Students will learn essential technical skills and best practices in the context of devising real solutions for client website needs. Throughout the course series, they will also learn how to troubleshoot and debug.
Specific Course Goals:
Upon successful completion of this course, students will be able to:
Recall:
- - The software tools needed to use for each of the various aspects of local website development
- - Required and commonly used HTML tags
- - Proper syntax for writing HTML and CSS
Understand:
- - The reasoning behind HTML5 semantics and how to make good semantic decisions for best practices in website coding
- - How to weave HTML and CSS together to code clean content structure with unlimited styling options
- - The CSS box model and how to use it to create space, borders, underlines on hover, and how it works with backgrounds
- - When to host fonts locally and how to do so
Recognize:
- - CSS Background Options
- - CSS Positioning, Float, and Display properties and options
- - The various methods of specifying color
Identify:
- - Semantically appropriate HTML tags for different types of content
- - Various types of CSS selectors
Perform:
- - Upload and download website files between a local development environment and public server for publishing work on the World Wide Web
- - Best practice of coding a website by separating structure and presentation