Web Design with XHTML, HTML, and CSS level 1 E-Learning + Book

Dreamweaver CS4–Level 1 E-Learning + Book

Dreamweaver CS4–Level 2 E-Learning + Book

Dreamweaver CS4–Level 3 E-Learning + Book

***

Web Design with XHTML, HTML and CSS: Level 1

Course Type: E-Learning

Estimated Time of Completion: 6 hours 

Language: English

Description:

While using the Internet, you have probably encountered various attractive and useful websites, and you may have formed your own opinions of their capabilities and limitations.

However, merely using the Internet will not give you an understanding of how these sites are created.

In this course, you will examine the basics of foundational web technology and create your own functional web pages using markup languages like Hypertext Markup Language (HTML), Extensible Hypertext Markup Language (XHTML), and Cascading Style Sheets (CSS).

Web Design with XHTML, HTML and CSS-Level 1 is intended for students who are interested in creating web pages and web sites using popular web publishing technologies. Students who want to learn Web design for their personal use or for business related purposes will benefit equally.

Objectives:

In this course, you will create and design web pages with text, graphics and data tables. You will then link these web pages to enable navigation between these web pages.

Course Description

While using the Internet, you have probably encountered various attractive and useful websites, and you may have formed your own opinions of their capabilities and limitations. However, merely using the Internet will not give you an understanding of how these sites are created. In this course, you will examine the basics of foundational web technology and create your own functional web pages using markup languages such as Hypertext Markup Language (HTML), Extensible Hypertext Markup Language (XHTML), and Cascading Style Sheets (CSS).

Course Objective:

You will create and design web pages with text, graphics, and data tables. You will then link these web pages to enable navigation between these web pages.

Target Student:

Web Design with XHTML, HTML, and CSS: Level 1 is intended for students who are interested in creating web pages and web sites using popular web publishing technologies. Students who want to learn web design for their personal use or for business related purposes will benefit equally.

Prerequisites:

You should be familiar with using personal computers with a mouse and keyboard and possess basic typing skills. You should be comfortable in the Windows environment and be able to use Windows to manage information on your computer. Specifically, you should be able to launch and close programs; navigate to information stored on the computer; and manage files and folders. Familiarity with Internet Explorer 7 and Firefox would be an advantage.

Platform Requirements:

Microsoft® Windows® XP Professional with Service Pack 2 or better.

Software Requirements

Microsoft® Internet Explorer® 7.0.

Mozilla Firefox 2.0 or above.

Notepad++ 4.6 or above.

Performance-Based Objectives:

Upon successful completion of this course, students will be able to:

create a basic web page.

structure the content on your web page.

apply styles to the page elements.

create, modify, and format a table.

Lesson 1: Creating a Basic Web Page

Topic 1A: Introduction to Web Design and Development

Topic 1B: Create a Basic Page Structure

Lesson 2: Structuring Content

Topic 2A: Create Headings and Horizontal Rules

Topic 2B: Control Text Flow

Topic 2C: Create Lists

Lesson 3: Applying Styles Using CSS

Topic 3A: Format Text

Topic 3B: Format Lists

Topic 3C: Format Images

Topic 3D: Modify Page Background

Lesson 4: Working with Tables

Topic 4A: Create a Table

Topic 4B: Modify the Table Structure

Topic 4C: Format the Table

Lesson 5: Linking Web Pages

Topic 5A: Create Hypertext Links

Topic 5B: Create Image Links

Topic 5C: Create Email Links

Topic 5D: Format Links

Appendix A: XHTML Character Entities

Appendix B: CSS Properties and Values

Adobe® Dreamweaver® CS4: Level 1

Course Description:

You may want to make information available on the Internet. To achieve this, you need to create a website. In this course, you will design, build, and upload a website using Dreamweaver.

Course Objective:

You will design, build, and upload a website.

Target Student:

This course is intended for novice web designers, web developers, and web graphic artists, and also for media marketing personnel who need to build simple websites and want to utilize the features of Adobe Dreamweaver CS4.

Prerequisites:

To ensure your success in this course, it is recommended that you first take the E-Learning course (or have equivalent knowledge): Web Design with XHTML, HTML, and CSS : Level 1.
 

Hardware Requirements:

An Intel® Pentium® IV processor

512 MB of RAM

1 GB of available disk space for software installation, and an additional 10 MB for the course data files

A 256-color monitor with 1024 x 768 resolution

A DVD-ROM drive

Internet connection

Adobe® Dreamweaver® CS4 (Can use Trial download from Adobe site or contact us for a CD)

Microsoft® Office 2003 or later

Upon successful completion of this course, students will be able to:

Lesson 1: Getting Started with Dreamweaver

Topic 1A: Examine the Basic Concepts of Web Designing

Topic 1B: Explore the Dreamweaver Interface

Topic 1C: Customize the Interface

Lesson 2: Building a Website

Topic 2A: Define a Website

Topic 2B: Create a Document

Lesson 3: Working with Web Pages

Topic 3A: An Introduction to Cascading Style Sheets

Topic 3B: Format a Web Page

Topic 3C: Insert Images

Topic 3D: Insert Tables

Topic 3E: Import Data from Other Applications

Topic 3F: Organize Files and Folders

Lesson 4: Working with Reusable Site Assets

Topic 4A: Create and Use Library Items

Topic 4B: Update Library Items

Topic 4C: Use Snippets

Topic 4D: Create a Template

Lesson 5: Working with Links

Topic 5A: Create Hyperlinks

Topic 5B: Create Anchors

Topic 5C: Create Email Links

Topic 5D: Create Image Maps

Topic 5E: Create Image Link Rollovers

Lesson 6: Uploading a Website

Topic 6A: Ensure Accessibility

Topic 6B: Upload Files onto a Site

Appendix A: Using Frames

Supplemental Lesson: Working with Frames

Topic 1A: Create Framesets

Topic 1B: Create a Navigation Bar

Appendix B: Using Dreamweaver Extensions

Appendix C: New Features in Adobe Dreamweaver CS4

***

Adobe® Dreamweaver® CS4: Level 2

Course Description:

You created basic web pages. You may now need to develop websites with advanced functionality. In this course, you will use the advanced features of Adobe® Dreamweaver® CS4 to design and develop professional-looking websites.

Course Objective:

You will develop professional-looking web pages using the Adobe® Dreamweaver® CS4 application.

Target Student:

This course is intended for web designers, developers, graphic artists, media marketing personnel, and anyone who needs to utilize Adobe® Dreamweaver® CS4 to create or enhance websites using advanced techniques.

Prerequisites:

To ensure your success in this course, it is recommended that you first take the following E-Learning courses, Adobe® Dreamweaver® CS4: Level 1 and Cascading Style Sheets (Second Edition): Level 1 or have equivalent knowledge.

Platform Requirements:

Microsoft® Windows® XP with Service Pack 2

Software Requirements:

Adobe® Dreamweaver® CS4 (Can use Trial download from Adobe site)

Microsoft® Internet Explorer® 6.0

Adobe® Photoshop® CS4 (Can use Trial download from Adobe site)

Adobe® Flash® Player 9 or above for Mozilla® Firefox®

Shockwave® Player

Performance-Based Objectives:

Upon successful completion of this course, students will be able to:

• work in Code view and use coding tools and features available in Dreamweaver.

• format web pages using advanced CSS techniques.

• work with AP elements.

• work with Spry elements.

• create and validate forms.

• integrate external files with Dreamweaver.

Course Content:

Lesson 1: Working in Code View

Topic 1A: Use Coding Tools

Topic 1B: Search for and Replace Code

Topic 1C: Add Design Notes and Comments

Lesson 2: Formatting with Advanced CSS Techniques

Topic 2A: Use External Style Sheets

Topic 2B: Create a Layout Using CSS

Topic 2C: Apply Rollover Effects Using CSS

Lesson 3: Working with AP Elements

Topic 3A: Create AP Elements

Topic 3B: Control AP Elements

Lesson 4: Working with Spry Elements

Topic 4A: Use Spry Interface Widgets

Topic 4B: Modify Spry Widgets

Topic 4C: Use Spry Data Sets

Lesson 5: Creating a Form

Topic 5A: Set Up a Form

Topic 5B: Add Form Elements

Topic 5C: Validate a Form

Lesson 6: Integrating External Files with Dreamweaver

Topic 6A: Integrate Photoshop Images in Dreamweaver

Topic 6B: Insert Media Objects

Topic 6C: Integrate XML-Based Data

Appendix A: Working with Adobe Bridge and Adobe Device Central

Supplemental Lesson: Using Adobe Bridge and Adobe Device Central

Topic 1A: Explore Adobe Bridge

Topic 1B: Apply Metadata and Keywords to Assets in Adobe Bridge

Topic 1C: Work with Stacks and Filters in Adobe Bridge

Topic 1D: Preview Web Pages in Device Central

Appendix B: New Features in Adobe Dreamweaver CS4

***

Adobe® Dreamweaver® CS4: Level 3

Course Description:

You know to create professional looking web pages. Now, you may need to display dynamic content on web pages. In this course, you will use Adobe® Dreamweaver® CS4 to create and administer database-driven sites.

Course Objective:

You will create and manage database-driven websites.

Target Student:

This course is intended for designers, developers, graphic artists, and media marketing personnel.

Prerequisites:

To ensure your success in this course, it is recommended that you first take the following E-learning courses: Adobe® Dreamweaver® CS4: Level 1 and Adobe® Dreamweaver® CS4: Level 2,

Platform Requirements:

Windows XP Professional with Service Pack 2 or better

Software Requirements:

Adobe® Dreamweaver® CS4(Can use Trial download from Adobe site)

Microsoft® Internet Explorer® 7

WampServer 2.0h (Apache 2.2.11, MySQL 5.1.33, PHP 5.2.9-2)

(Can download as freeware)

Performance-Based Objectives:

Upon successful completion of this course, students will be able to:

• establish database connectivity.

• work with recordsets.

• create interactive page elements.

• administer database records.

• create a user authentication system.

• administer websites.

Course Content

Lesson 1: Establishing Database Connectivity

Topic 1A: Connect to a Server

Topic 1B: Identify the Components of a Database-Driven Site

Topic 1C: Create a Connection to the Database

Lesson 2: Working with Recordsets

Topic 2A: Create Recordsets

Topic 2B: Display Records

Topic 2C: Navigate Through Recordsets

Lesson 3: Creating Interactive Page Elements

Topic 3A: Create Master and Detail Pages

Topic 3B: Create Search and Results Pages

Topic 3C: Use Dynamic Form Elements

Lesson 4: Administering Records

Topic 4A: Insert Records

Topic 4B: Edit Records

Topic 4C: Delete Records

Lesson 5: Creating User Authentication Systems

Topic 5A: Create User Registration Forms

Topic 5B: Secure Web Pages

Lesson 6: Administering Websites

Topic 6A: Transfer Files to Servers