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

SETC Training Logo

HTML Training (A Complete HTML5 Migration Course)

The course A Complete HTML5 Migration Course (HTML Training) teaches you how to use the new features and tags HTML5. The training covers structural tags including header, section, footer, navbar, aside & others.

by SETC Training [Claim Listing ]
Talented Professionals Logo

Web Design Course

Web Design course is offered by Talented Professionals. Talented Professionals is a Canadian group of specialized professionals, skilled, trained and certified who are dedicated in making impact in lives.

by Talented Professionals [Claim Listing ]
Studio Web Logo

HTML5 (Beginner)

An easy and fun introduction to HTML5 code and the foundations of web design. Beginners HTML is designed with classroom teaching mind; the video lessons, quizzes, automated grading and tracking, makes HTML easy for students to learn, and easy for teachers to teach.

by Studio Web [Claim Listing ]
Cantek IT Program Logo

Web Design

At our school for newcomers, we offer a comprehensive Web Design and Development Course that covers everything you need to get started with web development.

by Cantek IT Program [Claim Listing ]
AOLCC Logo

Web Designer

This program provides students with the necessary skills and knowledge to build a Web Design foundation, learn industry-standard software programs, and produce a well-rounded and dynamic portfolio.

by AOLCC [Claim Listing ]

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