HTML, CSS & JavaScript Web Publishing

by Calgary Learning Institute Claim Listing

 This HTML, CSS, and JavaScript online course focuses on topics such as building tables, designing forms, integrating multimedia, using responsive web design, and more.

Price : Enquire Now

Contact the Institutes

Fill this form

Advertisement

Calgary Learning Institute Logo

img Duration

Please Enquire

Course Details

Learn web design concepts and techniques with the HTML, CSS, and JavaScript Web Publishing course. The HTML & CSS course is designed for web developers and professionals who want to learn HTML, CSS, and other languages to improve their websites.

This HTML, CSS, and JavaScript online course focuses on topics such as building tables, designing forms, integrating multimedia, using responsive web design, and more.

 

Lesson 1: Introduction

 

Lesson 2: What Is Web Publishing?

  • Thinking Like a Web Publisher

  • Web Browsers

  • Web Servers

  • Uniform Resource Locators

  • Defining Web Publishing Broadly

  • Summary

  • Workshop

  • Additional Exercises

 

Lesson 3: Getting Your Tools in Order

  • Anatomy of a Website

  • Setting Up Your Computer for Web Publishing

  • Using the Google Chrome Developer Tools

  • What Do You Want to Do on the Web?

  • Wireframing Your Website

  • Web Hosting

  • Summary

  • Workshop

  • Additional Exercises

 

Lesson 4: Introducing HTML and CSS

  • What HTML Is (And What It Isn't)

  • What HTML Files Look Like

  • HTML Attributes

  • Using the style Attribute

  • A Short History of HTML Standards

  • The Current and Evolving Standard: HTML5

  • Summary

  • Workshop

  • Additional Exercises

 

Lesson 5: Learning the Basics of HTML

  • Structuring Your HTML

  • The Title

  • Headings

  • Paragraphs

  • Comments

  • Summary

  • Workshop

  • Additional Exercises

 

Lesson 6: Organizing Information with Lists

  • Lists: An Overview

  • Numbered Lists

  • Unordered Lists

  • Definition Lists

  • Nesting Lists

  • Other Uses for Lists

  • Summary

  • Workshop

  • Additional Exercises

 

Lesson 7: Working with Links

  • Creating Links

  • Linking Local Pages Using Relative and Absolute Pathnames

  • Links to Other Documents on the Web

  • Linking to Specific Places Within Documents

  • Anatomy of a URL

  • Kinds of URLs

  • Summary

  • Workshop

  • Additional Exercises

 

Lesson 8: Formatting Text with HTML and CSS

  • Character-Level Elements

  • Character Formatting Using CSS

  • Preformatted Text

  • Horizontal Rules (or Thematic Breaks)

  • Line Break

  • Addresses

  • Quotations

  • Special Characters

  • Fonts and Font Sizes

  • Summary

  • Workshop

  • Additional Exercises

 

Lesson 9: Using CSS to Style a Site

  • Including Style Sheets in a Page

  • Selectors

  • Units of Measure

  • Editing Styles with Developer Tools

  • Using Color

  • Links

  • The Box Model

  • More Selectors

  • The <body> Tag

  • Summary

  • Workshop

  • Additional Exercises

 

Lessons 10: Using Images on Your Web Pages

  • Images on the Web

  • Image Formats

  • Inline Images in HTML: The <img> Tag

  • Images and Text

  • Images and Links

  • Other Neat Tricks with Images

  • Image Backgrounds

  • Using Images as Bullets

  • What Is an Imagemap?

  • Image Etiquette

  • Summary

  • Workshop

  • Additional Exercises

 

Lessons 11: Building Tables

  • Creating Tables

  • Table Parts

  • Sizing Tables, Borders, and Cells

  • Table and Cell Color

  • Aligning Your Table Content

  • Spanning Multiple Rows or Columns

  • More Advanced Table Enhancements

  • How Tables Are Used

  • Summary

  • Workshop

  • Additional Exercises

 

Lessons 12: Using CSS to Position Elements on the Page

  • Positioning Schemes

  • Absolute Positioning

  • Fixed Positioning

  • Controlling Stacking

  • Creating Drop-Down Menus

  • Summary

  • Workshop

  • Additional Exercises

 

Lessons 13: Designing Forms

  • Understanding Form and Function

  • Using the <form> Tag

  • Using the <label> Tag

  • Creating Form Controls with the <input> Tag

  • Using Other Form Controls

  • Grouping Controls with fieldset and legend

  • Displaying Updates with progress and meter

  • Applying Cascading Style Sheet Properties to Form Elements

  • Planning Your Forms

  • Summary

  • Workshop

  • Additional Exercises

 

Lessons 14: Structuring a Page with HTML5

  • A Short History of HTML Page Layout

  • Laying Out a Page in HTML5

  • HTML5 Structural Tags

  • The Page Outline

  • Using HTML5 Structural Elements

  • Summary

  • Workshop

  • Additional Exercises

 

Lessons 15: Integrating Multimedia: Video and Sound

  • Embedding Video the Simple Way

  • Hosting Your Own Video

  • Embedding Video Using <video>

  • Embedding Flash Using the <object> Tag

  • The <embed> Tag

  • Embedding Flash Movies Using SWFObject

  • Flash Video Players

  • Embedding Audio in Your Pages

  • Summary

  • Workshop

  • Additional Exercises

 

Lessons 16: Advanced CSS: Page Layout in CSS

  • Laying Out the Page

  • The Role of CSS in Web Design

  • Summary

  • Workshop

  • Additional Exercises

 

Lessons 17: Using Responsive Web Design

  • What Is Responsive Web Design?

  • Mobile Devices Should Come First

  • Planning a Responsive Website

  • Writing Media Queries

  • Understanding the Mechanics of RWD

  • Responsive Web Design Best Practices

  • Summary

  • Workshop

  • Additional Exercises

 

Lessons 18: Introducing JavaScript

  • Why Would You Want to Use JavaScript?

  • The <script> Tag

  • JavaScript and the Chrome Development Tools

  • The JavaScript Language

  • The JavaScript Environment

  • Events

  • Summary

  • Workshop

  • Additional Exercises

 

Lessons 19: Using jQuery

  • What Are JavaScript Libraries?

  • Getting Started with jQuery

  • Your First jQuery Script

  • Selecting Elements from the Document

  • Binding Events

  • Modifying Styles on the Page

  • Modifying Content on the Page

  • Special Effects

  • AJAX and jQuery

  • Summary

  • Workshop

  • Additional Exercises

 

Lessons 20: Using JavaScript in Your Pages

  • Validating Forms with JavaScript

  • Hiding and Showing Content

  • Adding New Content to a Page

  • Summary

  • Workshop

  • Additional Exercises

 

Lessons 21: Working with Frames and Linked Windows

  • What Are Frames?

  • Working with Linked Windows

  • Inline Frames

  • Opening Linked Windows with JavaScript

  • Summary

  • Workshop

  • Additional Exercises

 

Lessons 22: Designing for the Mobile Web

  • People Browse Differently on Mobile Phones

  • Standards Compliance and the Mobile Web

  • Writing for the Mobile Web

  • Design and Page Layout

  • Using Links

  • Using Images and Multimedia

  • Making the Most of CSS and JavaScript

  • Take Advantage of Mobile Features

  • Other Good Habits and Hints for Mobile Web Design

  • Summary

  • Workshop

  • Additional Exercises

 

Lessons 23: Designing for User Experience

  • Considering User Experience Level

  • Determining User Preferences

  • What Is Accessibility?

  • Alternative Browsers

  • Writing Accessible HTML

  • Designing for Accessibility

  • Validating Your Sites for Accessibility

  • Summary

  • Workshop

  • Additional Exercises

 

Lessons 24: How to Publish Your Site

  • What Does a Web Server Do?

  • How to Find Web Hosting

  • Organizing Your HTML Files for Publishing

  • Publishing Your Files

  • Troubleshooting

  • Promoting Your Web Pages

  • Finding Out Who's Viewing Your Web Pages

  • Summary

  • Workshop

  • Additional Exercises

 

Lessons 25: Taking Advantage of the Server

  • How PHP Works

  • Getting PHP to Run on Your Computer

  • The PHP Language

  • Loops

  • Built-In Functions

  • User-Defined Functions

  • Processing Forms

  • Using PHP Includes

  • Expanding Your Knowledge of PHP

  • Other Application Platforms

  • Summary

  • Workshop

  • Additional Exercises

 

Lessons 26: Search Engines and SEO

  • What Is SEO?

  • How Search Engines Work

  • SEO Techniques

  • Tools for Tracking and Managing SEO

  • Paying for Links

  • Summary

  • Workshop

  • Additional Exercises

  • Calgary Branch

    3025 12 St NE #130, Calgary

Check out more Web Designing courses in Canada

Canadian Business College Logo

Digital Media & Web Design

In this program you’ll develop technical, creative and business capabilities which can lead to a career in digital marketing, graphic design, digital media publishing, web design and development, advertising, sales, or freelance media production.

by Canadian Business College [Claim Listing ]
Doussou Formation Logo

Responsive Web Design Training

The training begins with basic notions such as creating a simple first web page, really starting from scratch and going up to a sufficient level for participants to be autonomous.

by Doussou Formation [Claim Listing ]
Tech-knowlogy Inc. Logo

IT Specialist HTML & CSS

IT Specialist HTML & CSS course is offered by Tech-knowlogy Inc. We are offering high-demand courses and training to aspirant students and individuals at the most affordable cost.

by Tech-knowlogy Inc. [Claim Listing ]
Academy of Learning Career College Logo

HTML and CSS Essentials

In this course, students learn to create Web sites using HTML to mark up the structure of the document, and CSS to dictate how each page element should look. This course looks to expand on the basics with cutting-edge HTML5 and CSS3.

by Academy of Learning Career College [Claim Listing ]
Le Wagon Logo

Web Analytics & Tracking To Your Skills

Gain proficiency in Google Analytics, from interpreting results to crafting customized reports. Delve into GA4 and harness the power of Looker Studio to build dynamic dashboards from your Google Analytics data.

by Le Wagon [Claim Listing ]

© 2024 coursetakers.com All Rights Reserved. Terms and Conditions of use | Privacy Policy