
Learn how to create and reuse web templates using HTML and CSS, explore syntax, best practices, and hands-on exercises with downloadable sources to sharpen your coding skills.
Learn to write HTML code and set up projects with Dreamweaver or Notepad++, test in Chrome, and use index.html as page while practicing HTML, CSS, and JavaScript without local host.
Master the HTML page structure by building a sample site with head metadata, title, CSS styling, and mobile-friendly viewport guidance while commenting for documentation.
Master the HTML structure by declaring doctype and using html, head, and body tags so browsers render pages. Apply title, paragraph, line break, and heading tags (h1–h6) for clear content.
Explore common html tags for lists and tables, including unordered and ordered lists with type attributes, list items, and table structures using tr, th, and td, plus css styling options.
Learn to add hyperlinks with the a href tag and control link behavior using target self or blank, then embed inline images with the img tag and src attributes.
Learn how div and span differentiate block and inline elements, including spacing between elements, and how em and strong emphasize text, with css styling improving readability and code organization.
Apply inline styles in HTML using the style attribute to add borders, colors, font sizes, and backgrounds; understand how div blocks affect layout and hyperlinks styling.
Learn to build HTML forms with text, password, textarea, radio, checkbox, and select inputs; configure action and method, and understand get versus post for secure submission.
Explore how HTML5 structuring uses article, section, header, and footer to organize content. Improve readability through clean code blocks and navigation with nav elements.
Build a reusable HTML template by structuring doctype, head, body, header, navigation, content, and footer, with a mobile viewport and bringing in a style sheet from an external source.
Learn how to style HTML with CSS by moving from inline styles to a universal stylesheet, applying background colors, font colors, and spacing to divs across a page.
Identify and style page structure by using selectors for nav, ul, and div, apply properties with colon and semicolon, and use px, em, and percent units for fluid, responsive navigation.
Explore how CSS selectors target elements using IDs and classes, apply colors and backgrounds with hex, rgb, and named colors, and understand style propagation from parent to child elements.
Learn to style text with CSS, using font family, size, weight, style, text decoration, line height, text align, and manage hyperlinks with no underlines and uppercase transformations.
Explore how the CSS box model uses margins, borders, and padding, plus border radius, to control space around and inside elements, with examples of borders, colors, and short forms.
Explore grouping and nesting in CSS to reuse properties across selectors, and apply pseudo classes such as hover, active, visited, and first-child to manage styles effectively.
Learn the CSS background shorthand to combine color, image, size, repeat, and position into a single rule for backgrounds.
Explore how CSS display properties control block and inline behavior for divs and spans, and how display none and visibility hidden affect layout, including footer spacing.
Learn to build a responsive web template using css and html, applying pseudo elements like first-letter, nth-child, hover effects, and media queries to structure sections, header, navigation, and footer.
Learn how to build your own HTML and CSS web templates. We use current coding BEST practices including HTML5 and CSS3.
Making your own templates allows you to add you own creativity into you web pages. This course is perfect for anyone who wants to learn more about web development.
We take you from start to finish showing you all the HTML and CSS code you need to know to create web pages.
We show you how to create HTML forms, HTML list, hyperlinks, and many more common elements used regularly in web design and web development.
Then we introduce CSS and what you need to know about CSS. Bringing in common used CSS properties, including box model, pseudo classes, and much much more. CSS project is to build a CSS navigation menu turning an Unordered list into a cool navigation menu.
Last lectures we bring it all together using what we have discussed about HTML and CSS to make a web template.