Professional Website Design

Course Outline
Phnom Penh,
27-August-2013

Prepare by Information Technology Skill Center (ITS), Tel: 090 999 670 / 097 8 614 416 / 011 820 908

Page 1

Training Timeframe and Schedule

Module/Subjects

Schedule

Module 1: HTML
Day1: Introduction to Website and HTML
Day2: HTML Elements
Day3: HTML Formatting
Day4: HTML Link
Day5: Media

Mon 02,Sep-2013
Tue 03,Sep-2013
Wed 04,Sep-2013
Thu 05,Sep-2013
Fri 06,Sep-2013

Module 2: Cascade Style Sheet (CSS)

Day1: Introduction to CSS
Day2: CSS and Page Format
Day3: Shadow and Transformations
Day4: Page and Layout
Day5: CSS and Website Menu Design

Mon 09,Sep-2013
Tue 10,Sep-2013
Wed 11,Sep-2013
Thu 12,Sep-2013
Fri 13,Sep-2013

Module 3: JavaScript
Day1: Introduction to JavaScript
Day2: Variables
Day3: Function
Day4: Class Objects and Regular Expression
Day5: Form Validation

Mon 16,Sep-2013
Tue 17,Sep-2013
Wed 18,Sep-2013
Thu 19,Sep-2013
Fri 20,Sep-2013

Module 4: AJAX
Day1: Introduction to AJax
Day2: Create Ajax Object
Day3: Understand Ajax Request
Day4: Understand Ajax Response
Day5: Ajax and Server

Mon 23,Sep-2013
Tue 24,Sep-2013
Wed 25,Sep-2013
Thu 26,Sep-2013
Fri 27,Sep-2013

Module 5: JQuery and JQuery Plugins

Day1: Introduction to JQuery
Day2: JQuery Effects
Day3: JQuery HTML and CSS
Day4: JQuery Ajax
Day5: JQuery Plugins

Mon 30,Sep-2013
Tue 01,Oct-2013
Wed 02,Oct-2013
Thu 03,Oct-2013
Fri 04,Oct-2013

Module 6: Website Template Design

Day1: Basic Website Template Design (1Page)
Day2-3: Small Business Website Design (5Pages)
Day4-5: Medium Business Website Design (10 to 15Pages)

Mon 07,Oct-2013
Wed 09,Oct-2013
Fri 11,Oct-2013

Module 7: PHP
Day1: Introduction PHP
Day2: Variable, String and Array

Mon 14,Oct-2013
Tue 15,Oct-2013

Prepare by Information Technology Skill Center (ITS), Tel: 090 999 670 / 097 8 614 416 / 011 820 908

Page 2

Day3-5: Control Structure

Day6: Function
Day7: PHP with Form
Day8-10: PHP Advance

Fri 18,Oct-2013
Mon 21,Oct-2013
Tue 22,Oct-2013
Fri 25,Oct-2013

Module 8: MySQL
Day1: Introduction to MySQL
Day2: Advance Views
Day3: Advance Procedure and Function
Day4: Advance Trigger
Day5: Advance Event
Day6: MySQL Administrator
Day7: MySQL Backup and Restore
Day8: MySQL Backup and Restore

Mon 28,Oct-2013
Tue 29,Oct-2013
Wed 30,Oct-2013
Thu 31,Oct-2013
Fri 01,Nov-2013
Mon 04,Nov-2013
Tue 05,Nov-2013
Wed 06,Nov-2013

Module 9: Structure Query Language (SQL)

Week1: Basic Query Statements
Week2: MySQL with PHP

Mon 11,Nov-2013
Mon 18,Nov-2013

Module 10: Real WebsiteProject Development

Week1: First Dynamic Website Project Development
Week2: Second Dynamic Website Project Development
Week3-4: Professional Classified Website Project Development

Mon 25,Nov-2013
Mon 02,Dec-2013
Mon 09,Dec-2013

Prepare by Information Technology Skill Center (ITS), Tel: 090 999 670 / 097 8 614 416 / 011 820 908

Page 3

Module 1
Hypertext Markup Language (HTML)
Day1: Introduction to Website and HTML

What is a Web Browser?

Using an HTML Editor
Writing Code with a Text Editor
Publishing Documents

Day2: HTML Elements

Rules of Syntax
Building a Document
Using DIV
Using Table
Using Headings
Using Paragraphs

Day3: HTML Formatting

Displaying Preformatted Text

Formatting with Inline Elements
Introducing List Elements
Using Background

Day4: HTML Link

Understanding and Using URLs

Linking to a Web Document
Linking to a Local Document
Linking to Anchors

Day5: Media
Image
Sound and Sound Background
Video
Prepare by Information Technology Skill Center (ITS), Tel: 090 999 670 / 097 8 614 416 / 011 820 908

Page 4

Module 2
Cascade Style Sheet (CSS)
Day1: Introduction to CSS

CSS and Web Browser

What can You Do with CSS?
CSS Syntax
Selector, ID, Class

Day2: CSS and Page Format

Color (Text and Background)

Font
Font Format
Text Effect

Day3: Shadow and Transformations

Text shadow
Box shadow
Text Transformations
Image Transformation
Image Effect

Day4: Page and Layout

Multiple Columns Layout
User Interface
Page and Color
Day5: CSS and Website Menu Design
One Level Menu Bar
Multiple Level Menu Design

Prepare by Information Technology Skill Center (ITS), Tel: 090 999 670 / 097 8 614 416 / 011 820 908

Page 5

Module 3
JavaScript
Day1: Introduction to JavaScript

What is JavaScript?
JavaScript and HTML
JavaScript and CSS
Using JavaScript and Syntax

Day2: Variables
Variables Declaration
String Object
Array
Day3: Function

Create Function
Call Function
Function and HTML Elements
Using JavaScript Function with Link

Day4: Class Objects and Regular Expression

Create JavaScript Class

Create Object and Using
Regular Expression Syntax
Apply Regular Expression

Day5: Form Validation

Number Validation
Text Validation
Phone Number Validation
Email Validation
Website Validation

Prepare by Information Technology Skill Center (ITS), Tel: 090 999 670 / 097 8 614 416 / 011 820 908

Page 6

Module 4
AJax
Day1: Introduction to AJax
What is Ajax?
Ajax Object
Ajax Syntax
Day2: Create Ajax Object
Rules of Syntax
Create Ajax Object
Using Ajax
Day3: Understand Ajax Request
Ajax Request
Apply with Website
Day4: Understand Ajax Response
Ajax Response
Apply with Website
Day5: Ajax and Server
Ajax and Server
Load Data by Ajax

Prepare by Information Technology Skill Center (ITS), Tel: 090 999 670 / 097 8 614 416 / 011 820 908

Page 7

Module 5
JQuery Plugins
Day1: Introduction to JQuery

What is JQuery?
JQuery Installation
JQuery Syntax
JQuery Selectors
JQuery and Events

Day2: JQuery Effects

JQuery Hide/Show
JQuery Fade
JQuery Slide
JQuery Animation

Day3: JQuery HTML and CSS

JQuery GET/SET
JQuery Add/Remove
JQuery CSS and CSS Classes
JQuery Dimensions

Day4: JQuery Ajax

JQuery Ajax
JQuery Load
JQuery Post/Get
Day5: JQuery Plugins
JQuery UI
JQuery From Validation
JQuery Sort Table

Prepare by Information Technology Skill Center (ITS), Tel: 090 999 670 / 097 8 614 416 / 011 820 908

Page 8

Module 6
Website Template Design
Day1: Basic Website Template Design (1Page)
Page Layout Design
Page Formatting
Publishing Website to Server
Day2-3: Small Business Website Design (5Pages)

Page Layout Design

Page and Menu Design
Page Formatting
Publishing Website to Server

Day4-5: Medium Business Website Design (10 to 15Pages)

Page Layout Design

Page and Menu Design (Multiple Level)
Page Formatting
Link with Google Map
Publishing Website to Server

Prepare by Information Technology Skill Center (ITS), Tel: 090 999 670 / 097 8 614 416 / 011 820 908

Page 9

Module 7
PHP
Day1: Introduction PHP

What is PHP?
Client-Server
Installation and Configuration
Run First Script with Apache

Day2: Variable, String and Array

Rules of Syntax
Using Variable
Using String
Using Array
Using Date Object

Day3-5: Control Structure

Switch
If and IfElse
Loop (For, While, DoWhile and For Each)
Apply with Project

Day6: Function
Create Function
Using and Apply with Project
Day7: PHP with Form

PHP Form
POST Method
GET Method
File Upload

Prepare by Information Technology Skill Center (ITS), Tel: 090 999 670 / 097 8 614 416 / 011 820 908
10

Page

Day8-10: PHP Advance

PHP File
Session and Cookie
Email
Database

Prepare by Information Technology Skill Center (ITS), Tel: 090 999 670 / 097 8 614 416 / 011 820 908
11

Page

Module 8
MySQL
Day1: Introduction to MySQL

What is MySQL?
Installation
MySQL Front-End
Create Database, Table

Day2: Advance Views

Rules of Syntax
Building a Document
Using DIV
Using Table
Using Headings
Using Paragraphs
Other

Day3: Advance Procedure and Function

Displaying Preformatted Text

Formatting with Inline Elements
Fonts
Introducing List Elements
Using Color
Using Border
Using Background
Other

Day4: Advance Trigger

Displaying Preformatted Text

Formatting with Inline Elements
Fonts
Introducing List Elements

Prepare by Information Technology Skill Center (ITS), Tel: 090 999 670 / 097 8 614 416 / 011 820 908
12

Page

Using Color
Using Border
Using Background
Other

Day5: Advance Event

Displaying Preformatted Text

Formatting with Inline Elements
Fonts
Introducing List Elements
Using Color
Using Border
Using Background
Other

Day6: MySQL Administrator

Displaying Preformatted Text

Formatting with Inline Elements
Fonts
Introducing List Elements
Using Color
Using Border
Using Background
Other

Day7: MySQL Backup and Restore

Displaying Preformatted Text

Formatting with Inline Elements
Fonts
Introducing List Elements
Using Color
Using Border
Using Background
Other

Prepare by Information Technology Skill Center (ITS), Tel: 090 999 670 / 097 8 614 416 / 011 820 908
13

Page

Day8: MySQL Backup and Restore

Displaying Preformatted Text

Formatting with Inline Elements
Fonts
Introducing List Elements
Using Color
Using Border
Using Background
Other

Prepare by Information Technology Skill Center (ITS), Tel: 090 999 670 / 097 8 614 416 / 011 820 908
14

Page

Module 9
Structure Query Language (SQL)
Week1: Basic Query Statements

Syntax
SELECT, INSERT, DELETE AND UPDATE
WHERE
ORDER
GROUP BY
HAVING
SQL LIKE
SQL IN
SQL BETWEEN
JOIN, LEFT JOIN, RIGHT JOIN
CREATE DB
CREATE TABLE
SQL DROP
SQL ALTER
SELECT INTO
SQL FUNCTION (SUM, MAX, MIN, AVG)
Using Headings
Using Paragraphs

Week2: MySQL with PHP

Advance PHP and MySQL Connection

PHP SELECT Data From MySQL
PHP INSERT Data in MySQL
PHP DELETE Data in MySQL
PHP UPDATE Data in MySQL
Advance PHP/MySQL

Prepare by Information Technology Skill Center (ITS), Tel: 090 999 670 / 097 8 614 416 / 011 820 908
15

Page

Module 10
Real Project Development
Week1: First Dynamic Website Project Development

Define Website Project Scope

Define Website Targets
Define Dynamic Pages
Design Database Structure
Design Layout and Interface Look and Feel
Website Development
Hosting

Week2: Second Dynamic Website Project Development

Define Website Project Scope

Define Website Targets
Define Dynamic Pages
Design Database Structure
Design Layout and Interface Look and Feel
Website Development
Hosting

Week3-4: Professional Classified Website Project Development

Define Website Project Scope

Define Website Targets
Define Dynamic Pages
Design Database Structure
Design Layout and Interface Look and Feel
Website Development
Hosting

Prepare by Information Technology Skill Center (ITS), Tel: 090 999 670 / 097 8 614 416 / 011 820 908
16

Page

Thanks

Prepare by Information Technology Skill Center (ITS), Tel: 090 999 670 / 097 8 614 416 / 011 820 908
17

Page