
Begin your web design journey by building a site from scratch and gaining a solid foundation in how website design and development work. Explore the internet's essential role.
Explore how computers connect to the internet and exchange data through connections, cables, and signals to load websites, images, and videos.
Explore how data becomes binary through bits and bytes, enabling devices to represent images, videos, and websites, and understand how the internet transfers information.
Discover how a server stores digital content for the internet and websites, runs programs, and hosts files that tell browsers how a site looks, including images, videos, and text.
Explore how devices communicate on the internet through unique IP addresses that locate them and route data. Learn how name servers translate web addresses to IPs to reach sites.
Discover how domain name servers map website names to IP addresses, enabling browsers to locate servers and display web pages without typing numeric addresses.
Explain how web browsers request and display web pages using http, dns, ip addresses, and html, then render the index file from the server for viewing.
Install a plain text editor such as Notepad or Notepad++ to write code without word processor formatting. Save files with the correct extensions so browsers can read the code.
Learn to use an ftp client to upload and download files, connect to a server via IP address and login details, and navigate the root folder and directories.
Learn how coding languages let you communicate with a computer to render web pages in a browser, starting with HTML—the building blocks of websites—using a plain text editor.
Explore building blocks of web pages by writing HTML with tags, structuring content in head and body, and using elements such as h1, img, a, div, and p.
Learn to add CSS with internal, inline, and external methods, and apply colors, fonts, sizes, and layouts using element, id, class, and plus selectors.
Upload your site files to the server using an ftp client or hosting panel. Find the root directory, public_html, and ensure index.html loads.
Organize your web server with a clear folder and directory structure, using a root directory and index pages, and manage paths, links, and assets like CSS and images.
Explore CSS background properties by applying background color to body and header, or use background image with divs and ids, using hex codes, color names, or file paths.
Learn to apply CSS colors using color names, RGB values, and hexadecimal codes, and preview changes with a color picker to style elements like headings.
Learn how the font-family property assigns fonts to elements, and how to build font stacks with web site fonts and fallbacks like Arial, Verdana, and sans-serif.
Learn how to use @font-face to add licensed custom typography by hosting font files on your server, declaring formats like woff and woff2, and applying font-family to page elements.
Learn to control white space around elements with the CSS margin. Set top, right, bottom, and left margins, use shorthand forms, and explore values like px, percent, auto, and inherit.
Continue learning in this web design course, practice html and css, edit images, and explore WordPress and back-end languages to build a portfolio for junior roles.
This course will teach students about the processes of web design and will ready them to begin a career as a Web Designer. Topics included in the course are file transfer protocol, adding CSS, an introduction to HTML, text editors and adding files. Upon completion of this course, students will have learned the skills that are necessary to create well-functioning websites using CSS and HTML.