พื้นฐานการสร้างและออกแบบ 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.