Course Objective:

The perfect website doesn’t only depend on website structure but is also heavily based on website design. The Leaders’ Web Design Training Course teaches students how to create websites that both look good and function perfectly.

 

Students receive a certification accredited by the ministry of education upon completing this course. 

​​

Course Outline:

• Creating a Web Page

  1. Create a Global Structure

  2. Add a Page Title

  3. Modify the Page Background

  4. Create Paragraphs

  5. Embed Images

​​

• Structuring Content

  1. Create Headings

  2. Create Lists

  3. Notate Code

  4. Insert Horizontal Rules

  5. Control Line Breaks

  6. Group Elements

 

• Linking Web pages

  1. Create Local Links

  2. Create Remote Links

  3. Create Image Links

​

• Formatting Text

  1. Apply Bold and Italics

  2. Modify Font Styles

  3. Create an Embedded Style Sheet

  4. Insert HTML Entities

 

• Creating Tables

  1. Create the Table Body

  2. Create Table Headers

  3. Modify the Table Structure

  4. Align Table Content

  5. Modify Table Background Colors

 

• Creating a Page Layout Using Tables

  1. Create a Layout Table

  2. Embed Images in Tables

  3. Modify Table Spacing

  4. Create an Image Quilt

  5. Nest Tables

 

• Separating Structure and Presentation

  1. Apply Logical Markup

  2. Use Class Selectors to Apply Styles

  3. Share Styles across Documents with External Style Sheets

  4. Format Elements with Inline Styles

  5. Account for Cascade and Inheritance When Setting Styles

 

• Creating Forms

  1. Create a Basic Form

  2. Radio Buttons and Check-boxes

  3. Create Text Areas

  4. Create Select Lists

  5. Create Graphical Buttons

 

• Modifying Links

  1. Modify Default Link Styles

  2. Set a Tabbing Order

  3. Define Access Keys

  4. Create an Email Link with Default Content

 

• Enhancing Forms

  1. Organize Form Elements

  2. Create Categorized Drop-down List Options

  3. Control Form Element Access

 

• Enhancing Data Tables

  1. Create Columns

  2. Create Row Groups

  3. Add a Summary and Caption

  4. Create a Scrolling Table

  5. Create Custom Table Borders

 

• Creating a Page Layout Using Frames

1. Create a Frame-set Document

2. Modify Frame Borders

3. Specify Frame Targets

4. Create Inline Frames

​

• Creating a Website

1. Define a Website

2. Create Basic Web Pages

3. Save a Web Page

​

• Working with Layers

  1. Create Layers

  2. Use the Layers Panel

  3. Define Layers with Styles

  4. Combine Layers with Behaviors

  5. Insert Rich Media Objects

 

• Adding Content to Web Pages

  1. Format a List

  2. Insert Images

  3. Manage Tables

  4. Create Repeating Region Templates

 

• Creating an Effective User-Navigation Interface

  1. Create Rollovers

  2. Create a Navigation Bar Using Behaviors

  3. Create a Navigation Bar Using the Insert Navigation Bar Tool

  4. Add Flash Buttons and Text to a Page

 

• Working with Record sets

  1. Create Record sets

  2. Display Records

  3. Page through Record sets

 

• Creating Detail, Search, and Results Pages

  1. Create Master Detail Pages

  2. Create Search and Results Pages

 

• Creating Vector Graphics

  1. Vector Drawing Tools

  2. Drawing Basic Shapes

  3. Modifying Vector Graphics

 

• JQuery

  1. Query Introduction

  2. jQuery Install

  3. jQuery Syntax

  4. jQuery Selectors

  5. jQuery Event Methods

  6. jQuery Effects - Hide and Show

  7. jQuery Effects - Fading

  8. jQuery Effects - Sliding

  9. jQuery Effects - Animation

  10. jQuery Stop Animations

  11. jQuery Callback Functions

  12. jQuery – Chaining

  13. jQuery - Get Content and Attributes

  14. jQuery - Set Content and Attributes

  15. jQuery - Add Elements

  16. jQuery - Remove Elements

  17. jQuery - Get and Set CSS Classes

  18. jQuery - css() Method

  19. jQuery - AJAX Introduction

  20. jQuery - AJAX load() Method

  21. jQuery - AJAX get() and post() Methods

  22. jQuery - The noConflict() Method

​

• CSS 

  1. CSS Syntax

  2. CSS Colors

  3. CSS Backgrounds

  4. CSS Borders

  5. CSS Margins

  6. CSS Padding

  7. CSS Height/Width

  8. CSS Box Model

  9. CSS Outline

  10. CSS Text

  11. CSS Fonts

  12. CSS Icons

  13. CSS Links

  14. CSS Lists

  15. CSS Tables

  16. CSS Display

  17. CSS Max-width

  18. CSS Position

  19. CSS Overflow

  20. CSS Float

  21. CSS Combinators

  22. CSS Pseudo-class

  23. CSS Pseudo-element

  24. CSS Opacity

  25. CSS Navigation Bar

  26. CSS Dropdowns

  27. CSS Image Gallery

  28. CSS Image Sprites

  29. CSS Attr Selectors

  30. CSS Forms

  31. CSS Counters

  32. CSS Website Layout

  33. CSS Units

  34. CSS Specificity

​

• CSS Advanced

  1. CSS Border Images

  2. CSS Backgrounds

  3. CSS Colors

  4. CSS Gradients

  5. CSS Shadows

  6. CSS Text Effects

  7. CSS Web Fonts

  8. CSS 2D Transforms

  9. CSS 3D Transforms

  10. CSS Transitions

  11. CSS Animations

  12. CSS Tooltips

  13. CSS Style Images

  14. CSS object-fit

  15. CSS Buttons

  16. CSS Pagination

  17. CSS Multiple Columns

  18. CSS User Interface

  19. CSS Variables

  20. CSS Box Sizing

  21. CSS Flexbox

  22. CSS Media Queries

​

• CSS Responsive

  1. RWD Intro

  2. RWD Viewport

  3. RWD Grid View

  4. RWD Media Queries

  5. RWD Images

  6. RWD Videos

  7. RWD Frameworks

​

Target Audience:

• Computer Science and Computer Engineers students and Fresh Graduates

• Programmers and Developers

• Graphic Designers

• Junior Web Developers

• Senior Developer

• Website Designer

​

For further information and registration, please contact us on:

E-mail:  [email protected]

Phone Number: 00-961-1-340610

WhatsApp Number: 00-961-81-657222 

​

For other related Computer and Programming Training Courses, please click on the below: