Generic filters
Search in title

Basic Level HTML5 Training

  • Training Duration:
  • 3 Days
  • Training Environment:
  • On-site at the Institution
  • In DVA Classrooms
  • Online
Download Training Document
Request Information!
HTML5 eğitimleri kategorisi

About the Training

The Basic Level HTML5 Training is a comprehensive course designed to introduce participants to web development processes and equip them with the skills to create basic yet structured web pages. This training helps participants learn the fundamental concepts of HTML5, enabling them to develop simple but functional websites.

In the first section, participants are introduced to HTML5 and its core concepts. They gain knowledge about what HTML5 is, its history, and its significance in web development.

The second section focuses on the fundamental building blocks of HTML5. Participants learn about semantic tags, heading, paragraph, and list tags, along with acquiring basic content management skills, such as adding visual elements and links.

In the third section, participants are introduced to form elements. They learn how to create basic forms using HTML5 and the essential methods for collecting user information.

The fourth section emphasizes the integration of multimedia elements in HTML5. Participants discover how to embed multimedia content, such as images, audio, and video, into web pages.

The Basic Level HTML5 Training encourages participants to develop simple HTML5 projects using real-world examples. This allows them to put theoretical knowledge into practice and solidify their understanding through tangible examples.

This training is ideal for beginners in web design and development. By completing this course, participants will have a solid foundation in web development and be prepared to tackle more advanced topics in the future.

What Will You Learn?

In the Basic Level HTML5 Training, you will learn the following:
  • HTML5 tags: Explanation of the basic tags used in HTML5 and how to use them.
  • Page structure: Creating a page structure using HTML5 code, adding elements such as headers, paragraphs, lists, tables, and more.
  • Embedding media: Adding images, videos, and audio files directly to the web page using HTML5 code.
  • Links and forms: Creating links and configuring forms, using HTML5 tags to collect and submit form data.
  • Responsive design: Creating pages compatible with mobile devices and understanding how the page will appear on different devices.
  • HTML5 features: Learning about new HTML5 features such as Canvas, Geolocation, Web Storage, and Web Workers, and their benefits.
This training is ideal for those who want to start building static web pages using HTML5.

Prerequisites

The prerequisites for the Basic Level HTML5 Training are as follows:
  • Computer skills: You need to have basic computer skills to learn HTML5.
  • Internet: Internet access is essential for learning HTML5, as you’ll be using various resources and online examples.
  • Text editor: A text editor is required to write HTML5 code. Examples include Notepad++, Sublime Text, or Brackets.
  • Interest: An interest in modern web technologies and a willingness to learn are crucial for learning HTML5.
Once these prerequisites are met, you can participate in the basic HTML5 training and improve your skills in creating web pages using HTML5.

Who Should Attend?

The following individuals can participate in the Basic Level HTML5 Training:
  • Those interested in web design and development: Learning HTML5 is an ideal starting point for anyone looking to build a career in web design and development.
  • Beginner web developers: HTML5 is essential for beginner web developers. By learning the fundamental concepts, you can progress to more advanced web projects.
  • For personal projects: Learning HTML5 is useful for developing personal web projects, such as blogs, portfolios, or e-commerce sites.
  • Marketing and sales professionals: HTML5 can also benefit professionals working in marketing or customer service. By understanding how web pages are structured and used effectively, you can add more value to your brand.
If you have an interest in web design and development and possess beginner-level knowledge, this training is perfect for you.

Outline

Front-end Web Development
  • How does the web work?
  • The terms: front-end and back-end
Introduction to HTML5
  • HTML: The structure of the web page
  • What is HTML5?
  • Who is responsible for HTML5?
  • Why should I be writing HTML5?
  • When was HTML5 created?
  • Where is the official HTML5 specification?
  • When did HTML5 reach recommendation status?
  • How do I contribute to the HTML5 specification?
  • HTML5 summary
  • Abbreviated Syntax Guide to writing HTML5
  • How to code HTML elements
  • How to code HTML attributes
  • Guided Exercise: Writing HTML5 basic (boilerplate) code
  • HTML5 best practices
  • Using the Emmet plugin
Syntax
  • Introduction to HTML5 Syntax
  • HTML Elements: How to write HTML tags
  • HTML syntax rules
  • HTML void elements
  • HTML page structure
  • Browser rendering modes
  • The Doctype
  • The document root node
  • The document head section
  • Basic structure of a web page
  • The family relationship between elements
  • HTML page structure
Structure
  • Introduction to the structure of HTML documents
  • The HTML Content Models
  • The Content Models
  • Deprecated elements
  • Elements with new meanings
  • Deprecated attributes
  • Character Entities
  • The Head section
  • Adding Metadata
  • HTML5 structural and semantic elements
  • HTML div and span elements
  • The main element
  • Overview of Lists
  • Overview of HTML Links
  • HTML Images
  • Tables
  • The Remaining HTML Element
  • Using HTML 5 templates
  • Using the HTML5 Boilerplate and Mobile Boilerplate
Elements
  • What are the new elements?
  • How do I use the new elements?
  • HTML5 new attributes
  • Using the hidden attribute
Forms
  • Introduction form elements and attributes
  • Form input types
  • Form attributes
  • Form elements
  • When do I use the new elements?
  • The FormData object
Video and Audio
  • Introduction to HTML5 media elements
  • Audio and Video
HTML Canvas
  • What are the new elements
  • Why use the Canvas element and API?
Web Components
  • What is a web component?
    • Custom elements
    • Shadow DOM
    • HTML Templates
    • The slot element
  • Comparing HTML Web components with JavaScript frameworks
    • Angular
    • React
    • Vue
  • Understanding custom elements
  • The Shadow DOM
  • The custom element
  • Creating a web component
  • The web component code in HTML
    • Where to write the HTML script element
  • JavaScript modules
    • Module Concepts

Training Request Form

HTML5 eğitimleri kategorisi

HTML5 Training

HTML5 Training: Foundations of Modern and Advanced Web Design The Importance of HTML5 Training for Organizations The Role of HTML5 in Modern and Interactive Web

Eğitimi İncele »

If you want to maximize the benefits of your training in terms of time and cost efficiency, all you need to do is contact us.

Our training consultants will get in touch with you, assist in identifying your organization’s needs, and provide the most suitable training programs for your employees.

Training Request Form

Digital Vision Academy © All Rights Reserved 2023