In this hands-on, two-day HTML5 & HTML Introduction with CSS training course, you will learn web design for beginners including the concepts and skills required for using
HTML and HTML5 effectively. This web designing course will allow you to learn web
development by working hands-on starting with basics and ending with advanced
techniques to get the most out of your training experience. You will be learning web
design which includes the basics of coding, beginning with HTML, and advancing to
The topics covered in this course include understanding what HTML5 is, the history of HTML, setting up a development environment using tools like Brackets and Code Editor, creating a page for HTML5 websites, implementing basic HTML tags, linking in HTML, inputting fields and forms, working with colors and formatting text with cascading style sheets (CSS), using CSS for page layout control, computing specificity with CSS, creating table elements and CSS, using list elements and CSS, working with web graphics, and finally, publishing and packing your HTML5 project.
1. Introducing HTML5 Brief History Three Pillars of Modern HTML5: HTML, CSS, and JavaScript The web demystified
2. Getting Started Setting up an environment Code Editor: Brackets, Visual Studio, Notepad++ Browser: Chrome, Webkit Server: local or hosted Creating your first page Syntax basics. Tags explained
3. Basic HTML Tags Text Markup and Elements Containers and Semantic tags Dividing page into logical elements Lists As simple lists As menus Working with Hyperlinks Absolute vs relative Targeting links Table Input fields
4. Cascading Style Sheets (CSS) Definition: What does it do? CSS Basics Linking Formatting Syntax Ems Meyers Reset Formatting text with CSS Fonts Typographic properties Specifying colors with CSS RGB/RGBA Hex Introduction to CSS Box Model Padding vs margins Positioning boxes to layout page
5. Working with Graphics and Media Images GIF JPEG PNG SVG Graphics Audio and Video
6. Putting it all together Combine HTML, CSS and JS to make a complete HTML5 project Formatted Unordered List as menu implementation with CSS and JS Adding sizer JS to make responsive
7. Making it live FTP Hosting Delivering your project to Web
1. Introducing HTML5 Brief History Three Pillars of Modern HTML5: HTML, CSS, and JavaScript The web demystified
2. Getting Started Setting up an environment Code Editor: Brackets, Visual Studio, Notepad++ Browser: Chrome, Webkit Server: local or hosted Creating your first page Syntax basics. Tags explained
3. Basic HTML Tags Text Markup and Elements Containers and Semantic tags Dividing page into logical elements Lists As simple lists As menus Working with Hyperlinks Absolute vs relative Targeting links Table Input fields
4. Cascading Style Sheets (CSS) Definition: What does it do? CSS Basics Linking Formatting Syntax Ems Meyers Reset Formatting text with CSS Fonts Typographic properties Specifying colors with CSS RGB/RGBA Hex Introduction to CSS Box Model Padding vs margins Positioning boxes to layout page
5. Working with Graphics and Media Images GIF JPEG PNG SVG Graphics Audio and Video
6. Putting it all together Combine HTML, CSS and JS to make a complete HTML5 project Formatted Unordered List as menu implementation with CSS and JS Adding sizer JS to make responsive
7. Making it live FTP Hosting Delivering your project to Web
Students must have a good working knowledge of computers, operating systems, using a mouse, keyboard, standard menus and commands. Students must be able to open, save, and close applications and files, as well as navigate to other folders.
