Web Development Fundamentals: HTML & CSS


1  Days


5,500  Baht (Exclusive of VAT 7%)
Special Offer : Contact us

พื้นฐานการสร้างและออกแบบ Website ด้วย HTML & CSS

Throughout this course, you'll learn about the underlying structure of the web – HTML, understand how to use structure to create websites, how to apply styling to a website through CSS. Moreover, you will understand about CSS syntax, selectors, and units. Along the way, you'll also learn about code editors and a browser's developer tools. Get started learning to code in HTML & CSS with this course!

  • Understand coding basics and identify the web technology and HTML/CSS elements
  • used in websites. (This course does not assume any prior experiences)
  • Build websites using proper semantic syntax, design styling, HTML5 forms etc.


Coding Basics: Intro to HTML Syntax

  • The HTML, head, title, & body tags
  • Headings, paragraphs, & lists
  • The strong & em tags
  • The doctype
  • The lang attribute
  • The meta tag & the unicode character set

Coding Links: Absolute & Relative URLs

  • Anchor tags & hrefs
  • Linking to other websites
  • Linking to pages within a website
  • Opening a link in a new browser window/tab

Adding Images

  • The break tag
  • The image tag & source attribute
  • Using the width, height, & alt attributes
  • Using horizontal rules

Intro to Cascading Style Sheets (CSS)

  • The style tag
  • Tag selectors
  • The font-size, font-family, color, & line-height properties
  • Hexadecimal color codes

CSS Class Selectors

  • The class attribute
  • CSS class selectors
  • The span tag
  • CSS opacity

Div Tags, ID Selectors, & Basic Page Formatting

  • Dividing up content with the div tag
  • Assigning IDs to divs
  • Setting width & max-width
  • CSS background-color
  • Adding padding inside a div
  • Centering content
  • CSS borders
  • CSS shorthand & the DRY principle

Using Browser Developer Tools

  • Opening the DevTools in Chrome
  • Editing HTML in the DevTools Elements panel
  • Enabling, disabling, & editing CSS in the DevTools
  • Using DevTools to fine-tune your CSS
  • Hexadecimal shorthand

HTML5 Semantic Elements & Validating HTML

  • The outline algorithm
  • The header, nav, aside, & footer elements
  • Understanding articles & sections
  • The main element
  • The figure & figcaption elements
  • Checking for errors: validating your code

Go Live

  • Hosting Type
  • Domain name
  • Upload File to server
  • Go live

Anyone who wants to build websites the "professional way” or needs to learn how website works.