HTML 4/5 with CSS

Visuel non disponible

With more than 250 million North American users now on the Internet and more than 1.6 billion worldwide, it’s wonder that HTML has stayed the course as the most popular web programming language. In addition, the skills learned in the study of HTML are fundamental to more advanced programming technologies such as JavaScript, PHP, Flash ActionScript and many others. This course covers all the important features of HTML 4 and HTML 5, and includes an introduction to styling web documents using CSS. The working scripts and step-by-step examples found here will have you quickly creating the kind of web content demanded by today’s web sites. With the help of the instruction in this course, you will quickly be adding text, links, images, sounds, and videos to your web pages and expertly formatting everything using the latest and most powerful CSS techniques. To begin learning today, simply click on the movie links.

Formateur : James Gonzalez
Enregistré sur PC | Langue: Anglais
Durée : 10h5 | Leçons: 142

Compatible Mac, Windows & iPad (en VOD)
143,52 € En stock

Acheter sur CD
ou DVD
Acheter des Crédits
pour Consultation
En savoir plus >>


TVA incluse, Hors Livraison 143,52 €

Accès à l'unité

Cette formation nécessite crédits

10 Crédits 10,00 € TTC commander
35 Crédits 30,00 € TTC commander
60 Crédits 50,00 € TTC commander
130 Crédits 100,00 € TTC commander

  • Basic Formatting

    • (04:18) Paragraph vs. Line Breaks
    • (03:15) Bold & Italic
    • (02:58) Superscript & Subscript
    • (02:37) Preformatted Text
    • (04:08) Rules & Blockqoutes
    • (04:46) Abbreviations & Acronyms
    • (03:07) CSS Text Properties

  • Color & Images

    • (07:05) Color on the Web
    • (05:37) Color Schemes
    • (03:46) Creating & Naming Graphics
    • (03:29) Image Resolution
    • (06:50) Image File Formats
    • (06:50) Getting Images to Load Faster
    • (05:41) Background Images & Color
    • (02:38) Image Maps
    • (06:41) The IMG Tag
    • (03:19) IMG Tag Attributes

  • Links

    • (02:19) The Anchor Element
    • (06:38) Absolute vs. Relative Links
    • (04:40) Writing Relative Links
    • (04:33) File Structure & Linking Tips
    • (03:09) HREF & Target Attributes
    • (04:55) Internal Links & the Name Attribute
    • (06:32) Changing Link Colors

  • Tables

    • (03:58) Tables vs. Div Tags
    • (04:51) Setting Table Widths
    • (02:57) Cell Padding & Spacing
    • (04:11) Positioning Tables & Contents
    • (03:34) Table Headers
    • (03:18) Spanning Columns & Rows
    • (04:15) Nesting Tables

  • Forms

    • (03:05) Intro to Forms
    • (03:21) Input Fields
    • (02:43) Radio Buttons
    • (02:38) Checkboxes
    • (02:39) Dropdown & Selection Lists
    • (01:44) Large Text Input
    • (02:16) File & Hidden Fields
    • (03:59) Submit & Reset Buttons
    • (03:51) Image & General Buttons
    • (03:14) Making Forms Easier to Use
    • (04:33) Organizing Forms using Fieldset
    • (03:02) Tips for Formatting Forms
    • (08:13) Processing Form Data

  • Style Sheets

    • (05:03) What is CSS & Why Use It
    • (02:14) Style Syntax & Structure
    • (04:47) Writing & Applying Your First Styles
    • (03:16) Intro to Selectors
    • (03:07) Base/Tag Selector
    • (06:18) The Class Selector
    • (03:08) The ID Selector
    • (04:04) Context Selectors
    • (03:26) When to Use ID or Class

  • Managing Multiple Styles

    • (03:34) How Styles Cascade
    • (04:24) Cascade & Inheritance Rules
    • (02:38) Cascade & Inheritance Tips
    • (02:58) Inlining Styles
    • (02:19) Embedding Styles
    • (03:38) Importing Style Sheets
    • (07:04) Linking Style Sheets

  • CSS Building Blocks

    • (05:37) The Box Model
    • (03:11) The Div Tag
    • (04:15) Child Divs
    • (02:33) Width & Height
    • (06:24) Margin
    • (03:46) Padding
    • (06:52) Borders

  • Formatting Text

    • (05:18) Why Text Formatting is Important
    • (05:32) Choosing Fonts
    • (04:54) Browser-Safe Fonts
    • (04:52) Font Size
    • (02:54) Applying Styles to Text
    • (04:38) Setting Line Height
    • (04:16) Letter Spacing (Kerning)
    • (05:01) Other Font Properties
    • (06:26) Tips for Improving Text Legibility

  • Styling Lists / Colors / Images

    • (06:56) Styling Lists with CSS
    • (03:17) CSS Background Color
    • (04:02) CSS Background Images
    • (02:30) Setting Image Opacity

  • Laying Out Pages with CSS

    • (03:03) CSS Layout Structure
    • (05:26) Block vs. Inline Display
    • (02:30) Containing Blocks
    • (07:18) Positioning Schemes
    • (05:01) Static / Fixed / Absolute Positioning
    • (07:04) Relative Positioning
    • (05:56) Floating & Clearing Content
    • (03:33) Using Floats in Layouts
    • (02:59) Fixed-Width Layouts
    • (07:10) Liquid / Fluid Layouts
    • (03:12) Elastic & Variable Fixed Width Layouts
    • (07:10) Tips for Creating & Applying Styles

  • HTML 5

    • (04:12) What is HTML 5?
    • (03:58) HTML 4 vs. HTML 5
    • (05:34) New HTML5 Structural Elements
    • (04:02) The Article / Section / NavElements
    • (04:20) Aside / Figure / Legend Elements
    • (04:55) Video & Audio Elements
    • (03:30) Playing Video & Audio
    • (02:36) Controlling Media Playback
    • (03:02) The Canvas Element
    • (03:18) Additional HTML 5 APIs
    • (03:59) Where You Can Use HTML 5
    • (05:01) Easing the Transition from XHTML

  • Advanced Topics

    • (03:30) XML
    • (06:31) Adding Multimedia
    • (05:50) Multimedia Players & Platforms
    • (03:25) JavaScript
    • (04:06) Dynamic HTML
    • (05:50) AJAX

  • Publishing your Web Site

    • (04:37) Understanding Web Page Publishing
    • (06:41) Site Setup & File Transfer
    • (04:46) Site Management & Organization
    • (06:31) Site Troubleshooting Tips
    • (06:12) Promoting Your Sites pt. 1
    • (05:06) Promoting Your Sites pt. 2

  • Conclusion

    • (03:38) Wrap-up

  • Credits

    • (01:21) About the Author
Formateur : James Gonzalez
Langue : Anglais
Durée : 10h5
Nombre de séquences vidéo : 142 		SKU : 34077
Réf :
ISBN : 1-935320-93-9

Descriptif :

With more than 250 million North American users now on the Internet and more than 1.6 billion worldwide, it’s wonder that HTML has stayed the course as the most popular web programming language. In addition, the skills learned in the study of HTML are fundamental to more advanced programming technologies such as JavaScript, PHP, Flash ActionScript and many others. This course covers all the important features of HTML 4 and HTML 5, and includes an introduction to styling web documents using CSS. The working scripts and step-by-step examples found here will have you quickly creating the kind of web content demanded by today’s web sites. With the help of the instruction in this course, you will quickly be adding text, links, images, sounds, and videos to your web pages and expertly formatting everything using the latest and most powerful CSS techniques. To begin learning today, simply click on the movie links.




James Gonzalez

James Gonzalez is a computer applications and digital communications professor at the College of Marin and is on the faculty of the Art Institute of Pittsburgh, Online Division, where he teaches courses in interactive media and Web design. James’ current professional focus is on the application of digital media in online instructional environments. He has taught courses nationwide on the use of digital media software and its applications in instructional environments and has also published numerous works on these subjects including more than two dozen video and web-based instructional courses covering a variety of software applications and technologies including eLearning, Adobe Dreamweaver, Flash, and Fireworks, promoting web sites with SEO and many others.

Vous souhaitez recevoir l'aide d'un formateur expérimenté pour parfaire votre apprentissage ? C'est possible grâce a notre centre de formation accompagnée a distance.

Nouveaux Parcours

Tous les parcours »
  • Profitez de conseils personnalisés grâce a des entretiens téléphoniques réguliers avec votre formateur.
  • Confrontez-vous a la réalité des entreprises grâce aux exercices proposés pendant la formation.
  • Obtenez une Attestation de Formation Professionnelle.
  • Contactez-nous pour le financement de votre formation par votre OPCA.