HTML - DHTML Training Institute

HTML (Hyper-Text Markup Language)

HTML (Hyper Text Markup Language) is used for developing flexible, attractive, and user-friendly websites. HTML is used to show content on the page, whereas CSS is used for presenting the page. HTML allows text, images, audio, videos, content information, and objects to be embedded and can be used to create interactive forms.

HTML is a standard for structuring and presenting content on the Web. HTML5 standards bring several new tags. It incorporate features such as geolocation, video playback, and drag-and-drop. HTML5 allows developers to create rich internet applications without the need for third party APIs and browser plug-ins.

        HTML Course Syllabus

Website Design Introduction

• Introduction to the Internet
• Architecture of a website
• Different technologies were used in making the website
• Web Development: Introduction

HTML-Introduction

• History of HTML
• What you need to do to get going and make your first HTML page
• Introduction to HTML Terminology
• What are HTML tags and attributes?
• HTML Tag vs. Element
• HTML Attributes & HTML5 Resources

HTML-Basic Formatting Tags

• HTML Basic Tags(HTML, Head, Title, Body, Metadata)
• HTML Formatting Tags
• HTML Color Coding

Page Formatting

• Adding a New Paragraph
• Adding a Line Break
• Inserting Blank Space
• Preformatted Text
• Changing a Page's Background Color

Text Items and Objects

• Headings
• Comments & Block Quotes
• Horizontal Lines
• Special Characters & Symbols

HTML-Lists

• Unordered Lists
• Ordered Lists
• Definition list
• Nested List

HTML-Images

• Introduction to Images for Webpages
• Adding Images to Webpages
• Image and Image Mapping
• Resizing an Image, Alternative (ALT) Text & Image Labels

HTML-Grouping Using Div Span

• Div and Span Tags for Grouping

HTML-Hyperlink

• URL - Uniform Resource Locator
• URL Encoding
• Text Links
• Image Links
• Opening a Page in a New Window or Tab
• Setting all Links on a Page to Open in a New Window or Tab
• Linking to an Area on the Same Page (Bookmarks)
• Linking to Other Types of Files.

HTML-Table

• Inserting a Table
• <table>
• <tr><th>/ <td>
• < caption >
• <tbody>
• <col> & other options

HTML-Iframe

• Using Iframe as the Target
• Inserting Iframes
• Setting Height and Width
• Using an Iframe for a link target

HTML-Form

• About Forms
• input 
• Text Boxes, Text Areas, Check Boxes, radio-button, select, label
• Menu Lists
• The Submit Button & Reset button

HTML-Headers

• Title and Base
• Link
• Styles
• Script
• Meta

Video and Audio

• About Video and Audio Files
• Linking to Video and Audio files is   free
• Adding Video with Audio
• Using YouTube to Display Video

HTML-Miscellaneous

• HTML Meta Tag
• XHTML
• HTML Deprecated Tags & Attributes
• Troubleshooting.

PROJECT ASSIGNMENTS

DHTML & CSS Style Sheets

DHTML AND CSS

→ DHTML stands for Dynamic Hypertext Markup Language, i.e., Dynamic HTML is used to combine the features of various web development technologies for creating dynamic and interactive web pages. CSS stands for Cascading Style Sheet, which allows web users or developers to control the style and layout of the HTML elements on web pages. DHTML also facilitates the use of methods, events, properties, and codes.

→ DHTML is used for designing the animated and interactive web pages that are developed in real-time. DHTML helps users by animating the text and images in their documents. It allows for adding the effects on their pages. It also allows the page authors to include drop-down menus or rollover buttons. With the help of DHTML, users can easily change the tags and their properties. The DHTML uses the High bandwidth effect, which improves the functionality of the web page.

        DHTML & CSS SYLLABUS

Learning DHTML Basics

• Introducing DHTML
• Reviewing HTML and JavaScript used in DHTML
• Creating a simple DHTML example
• Understanding the DOM, including DOM properties and DOM methods
• Creating position able elements (layers)
• Responding to events
• Finding and critiquing online DHTML resources

Working with Style Sheets

• Introducing style sheets
• Using style sheet properties
• Controlling styles with JavaScript
• Employing consistent styles
• Responding to accessibility issues and requirements

CSS2-Introduction    

• Benefits of CSS
• CSS Versions History
• CSS Syntax
• External Style Sheet using < link >
• Multiple Style Sheets
• Value Lengths and Percentages
• Explaining the various components of CSS rule like value, property, etc.
• Understanding the syntax and rules for correct usage of CSS
• CSS2-Syntax

CSS Syntax

• single-style sheets
• Multiple Style Sheets
• Value Lengths and Percentages

CSS2-Selectors

• ID Selectors
• Class Selectors
• Grouping Selectors
• Universal Selector
• Descendant/Child Selectors
• Attribute Selectors
• CSS-Pseudo Classes
• Describing the various selectors (class, ID, universal, etc.)

CSS Cascade

• Understanding the specificity in CSS and specificity hierarchy for style application to different element(s) in a web page
• Detailing the usage of !important for specific style application

CSS2-Color Background Cursor

• background-image
• background-repeat
• background-position
• CSS Cursor

CSS2-Text Fonts

• color
• background-color
• text-decoration
• text-align
• vertical-align
• text-indent
• text-transform
• white space
• letter-spacing
• word-spacing
• line-height
• font-family
• font-size
• font-style
• font-variant
• font-weight

CSS2-Lists Tables

• list-style-type
• list-style-position
• list-style-image
• list-style
• CSS Tables
• border
• width & height
• text-align
• vertical-align
• padding
• color

CSS2-Box Model

• Borders & Outline
• Page No.
• Margin & Padding
• Height and width
• CSS Dimensions

CSS2-Display Positioning

• CSS Visibility
• CSS Display
• CSS Scrollbars
• CSS Positioning
• Static Positioning
• Fixed Positioning
• Relative Positioning
• Absolute Positioning
• CSS Layers with Z-Index

CSS Floats

• The float Property
• The clear Property
• The clear fix Hack

Setting Dynamic DHTML into Action

• Creating drop-down menus
• Designing a menu tree
• Exploring DHTML text effects
• Animating graphics with DHTML
• Analyzing and creating DHTML examples

Employing Advanced Techniques in the Real World

• Dealing with browser differences
• Enhancing forms with DHTML
• Displaying dynamic fonts
• Troubleshooting DHTML
• Creating complex animations and interactive games with DHTML
• DHTML tips and tricks
• Investigating online Web page analysis and debugging resources