Introduction to Web Development

This course is designed to build your skills in web development and design, no matter how little experience or technical knowledge you currently have. You probably visit several websites every day, whether for business, entertainment or education. But have you ever wondered how these websites actually work? How are they built? How do browsers, computers, and mobile devices interact with the web? What skills are necessary to build a website? With a billion websites now on the internet, the answers to these questions could be your first step toward a better understanding of the internet and developing a new set of internet skills. By the end of this course you’ll be able to describe the structure and functionality of the world wide web, create static web pages using HTML and CSS, select an appropriate web hosting service, and publish your webpages for the world to see. Finally, you’ll be able to develop a working model for creating your own personal or business websites in the future and launch yourself on a learning journey in web development.

• Introduction to HTML
• Welcome to the course! In this module, we will begin with downloading and installing the code editor Visual Studio Code. You will then be able to identify different parts of the HTML language, manually add basic tags for web pages, and properly use basic opening and closing tags with content on a HTML file to markup content. You will also test files for errors using a HTML validator. Let’s get started!
• Links, Images, & Files
• In this module, we will use the anchor tag in HTML to create different kinds of links. You’ll link to files within the same website using relative path syntax. You’ll also demonstrate using tags that put replaced content on a web page. We’ll continue on by identifying different image formats used for images displayed on web pages. You’ll practice using appropriate attributes to provide the browser with more information about replaced content. We’ll finish up this module by identifying other types of replaced content such as video, audio, and iFrame content. Let’s get started.
• Putting Your Site Online
• Welcome to Module 3! In this module, we’ll identify and correctly use different semantic sectioning elements in HTML files. You’ll demonstrate using HTML to change markup on different platforms. You’ll also demonstrate using a service like GitHub to store and share Git repositories. We’ll finish up the module by creating linked HTML files with folders and subfolders, and practice optimizing images and using them on pages for a personal website project. We have a lot to cover, so let’s get started!
• Introduction to CSS
• Welcome to the final module of this course! In this module, we’ll articulate the purpose of CSS and identify different parts of a CSS rule. You’ll demonstrate using characters such as curly braces, semi-colons, and commas when writing CSS syntax. Then, we’ll articulate and differentiate big ideas in CSS and create more specific CSS rules through the use of combinator selectors. We’ll finish up the module by identifying where and how CSS can be used within a website, including in-line CSS, CSS rules inside style tags, and CSS in linked stylesheets.