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

Digital Marketing Institute & Training Center Logo

Web Design Training

We offer Fast Track Website Design (Front-End) training that includes HTML, CSS, Java Script, JQuery, PHP and many more website design tools and techniques.

by Digital Marketing Institute & Training Center [Claim Listing ]
Practicum Canada Logo

Web Services

Web Services courses are offered by Practicum Canada. Practicum Canada has highly skilled and proficient professionals with over 20 years of industry and academic experience. We are equipped with innate abilities to instill academic and professional expertise.

by Practicum Canada [Claim Listing ]
  • Price
  • Start Date
  • Duration
NAIT (Northern Alberta Institute of Technology) Logo

Web Design Level II (CCTW200)

Save time and money by enhancing your progressive web development skillset. Graduates of this course will be skilled at using basic cascading style sheet (CSS) code, including how to make liquid images for the web.

by NAIT (Northern Alberta Institute of Technology) [Claim Listing ]
Eternal Beauty Logo

Website Design

Website Design course is offered by Eternal Beauty. Eternal Beauty is not just another school; we are focused and committed to bringing you the very best the industry has to offer. From our elite professional instructors to our stunning world-class learning centers.

by Eternal Beauty [Claim Listing ]
Eliquo Training Logo

HTML (Intro)

Take this course to go under the hood of your favourite web pages to find out what makes them tick. We'll show you how to create a web page using a simple text editor and how to use your new-found HTML skills to increase your productivity.

by Eliquo Training [Claim Listing ]

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