Advanced Web Design Course (CSS3+Mobile Web Design+Javascript+Web form handling)

Course details

• The Advanced Web Design course in Singapore entitled the All-in-One Web Design Course is the most comprehensive which coversMobile(PDA/Tablets) Web Design course,HTML5, CSS3, Javascript and Web forms handling scripts. The Advanced Web Designcourse in Singapore is designed as a progressive course to the highly popular All-in-One Web Design course (DreamweaverCS /Photoshop CS /Flash CS).

This Advanced Web Design course in Singapore teaches students how to

• HTML 5 coding
• CSS3 structure, inheritance, selectors, class and id, etc
• CSS3 text, colors, background, list, box model, page layouts, etc
• Create CSS Drop-down Menu with pictures and forms
• Project work - convert a Photoshop Web-design layout to Professional web design.
• Mobile Web Design - Modify and Design a Web Site for mobile devices(handphones, tablets, etc)
• Add interactivity and data checking using Javascript
• Collecting and emailing data back from forms collection.
• FTP Setup - how to upload and download files to web server
• Prerequisite:
• All-in-One Web Design participants with good knowledge of Dreamweaver.

Certificate Of Attendance :

• Certificate Of Attendance will be awarded to participants completing the course achieving minimum 75% attendance.

Training Methodology & Materials:

• 100% hands on
• Well-designed exercises/sessions to enhance further understanding of the courseware

Course Outline:

CSS Introduction:

• CSSv3 Introduction.
• CSS Inline/External/Internal
• CSS Rules 
• CSS Syntax: Selector - Property - Value 
• Measurement in CSS
• Building a Simple CSS Style Sheet

CSS Cascade - Inheritance and Precedance, Classes and Ids:

• CSS Precedence
• CSS Inheritance
• CSS Pseudo-Element Selectors
• CSS Classes
• CSS Id
• CSS Text Properties
• text-ident
• text-align
• text-decoration
• letter-spacing
• word-spacing
• text-transform
• line-height
• CSS Font Properties
• font-family
• font-style
• font-variant
• font-weight
• font-size

CSS Color and Backgrounds::

• Color
• Background Images

CSS Box Model:

• width and height
• padding
• margin
• overflow
• Using CSS Box Model

CSS Page Layouts:

• float
• clear
• Column layouts with float and clear
• positioning
• display
• CSS Project (Converting a Creative Photoshop PSD to Professional Web Design layout)
• Mobile Web Design Using CSS

Introduction to Javascript:

• Introduction to Javascript and DOM as client-side programming.
• Javascript Objects
• Javascript Statements
• Javascript syntax Using Javascript to determine form submission
• Empty Field Validation
• Data Validation (Handphone, addresss, postal code and email,etc)
• Using Javascript to implement Catcha(secret code you type before form submission)
• Using PHP to handle forms submission - emailing:
• PHP reading of form
• PHP Email settings
• Sending text messages using PHP
• Sending HTML formatted email messages using PHP
• PHP Email settings