Introduction to HTML and CSS

Build Responsive Websites: Learn HTML and CSS the Right Way

Dive into the world of web development with our Introduction to HTML and CSS course—your first step toward becoming a professional front-end developer. This beginner-friendly course introduces you to the foundational technologies that power every website: HTML5 for structure and CSS3 for style. You will learn how websites are built, how different browsers render web content, and how to ensure your web pages are both beautiful and functional on all screen sizes.

From creating clean, semantic markup to styling content with cascading style sheets, you will develop hands-on skills through practical exercises and real-world examples. You will also discover how to create responsive layouts using media queries and build websites that work seamlessly across desktops, tablets, and mobile phones.

Course Highlights:

• HTML Structure and Lists: Learn the essential elements of HTML5 including headings, paragraphs, ordered and unordered lists.
• Links, Images, and Tables: Create interactive and visually rich content by embedding media and linking pages.
• Forms and Multimedia: Use HTML5 forms to collect user input and integrate audio and video into your web pages.
• CSS Styling: Explore color, typography, spacing, and other visual styling tools to enhance your site design.
• Box Model and Layouts: Understand the CSS box model and learn techniques for creating structured and flexible page layouts.
• Grids and Flexbox: Discover how to use CSS Grid and Flexbox to create modern, responsive web page designs.
• Responsive Web Design: Apply media queries and layout techniques to ensure your website looks great on all devices.

Course Benefits:

• Gain hands-on experience building and styling web pages using industry-standard tools and techniques.
• Develop websites using semantic HTML5 and modern CSS3 best practices.
• Learn to build web pages that meet W3C standards and are optimized for SEO.
• Understand the principles of responsive design to create mobile-friendly websites.
• Build and validate multiple web projects designed for desktop, tablet, and mobile users.
• Master layout tools like CSS Grid and Flexbox to structure content effectively across screen sizes.
• Create content that is accessible, user-friendly, and optimized for search engine indexing.

Software: Any Text Editor. Here are some recommendations:

• Sublime:https://www.sublimetext.com/
• Atom: http://atom.io
• Visual Studio Code: http://code.visualstudio.com
• Brackets: http://brackets.io/
• A modern browser like Chrome or Firefox

Course Details and Next Steps

• Course typically offered: Online, every quarter.
• Next steps: Upon completion, consider additional coursework in our specialized certificate in Front End Development  such as Introduction to JavaScript.
• Contact: For more information about this course, please contact infotech@ucsd.edu.