1. Introduction to Advance Web Technologies

2. Course Outline Introduction to the Subject Conceptual preparation
Tools overview needed for web design/dev
HTML,HTML5
Intoduction to Server-side Language PHP
Diping and diving into PHP
Intoduction to MySQL Database
Connection of MySQL with PHP and more
Overview of further AWTs (XML,JS,WP, etc.)
Finalizing the Research/Projects assigned

3. Text Books/Other Resourses
PHP, MySQL, JavaScript & HTML5
by Steve Suehring and Janet Valade
Learning Web Design
by Jennifer Niederst Robbins
PHP Manual
from (official site of php)
PHP for Absolute Beginners
by Jason lengstorf

4. Rough Timeline of Web Technologies
HTML
HTML 2, PHP
CSS 1 + JavaScript
HTML 4
CSS 2
XHTML 1
Tableless Web Design
AJAX
to-date HTML 5

5. Introduction to Advance Web Technologies
1.HTML as a Design Tool
Tables, Text Formatting, HTML Limitations
2.The Advantages of Separating Content from Presentation
CSS, DHTML & Javascript
3.How to Implement Advanced Technologies
Converting Existing Pages
4.The Power of Database Functionality
PHP, MySQL
5.Interactive Applet Creation
Flash, Java, XML & XHTML
6.Design Tools
Dreamweaver, Photoshop, Zend Studio, phpstorm
7.Best Practices Workflow
Cleanliness, Consistency & Common Sense Navigation
8.Resources
Books, Websites, Training Media

6. (Hypertext Markup Language)
What is HTML?
(Hypertext Markup Language)
The document format of the WWW
Text File Format (html)
Presentation Language vs. Programming Language
Designing with Tables
Nesting Tables
Variations in Browser Implementations
Limitations of HTML & Web Design Expectation

7. The Advantages of Separating Content From Presentation
What is CSS?
(Cascading Style Sheets)
A Simple Scripting Language that provides
Style Sheet (template) format for HTML docs.
endorsed by the World Wide Web Consortium
A Collection of Design Properties & Values
Declarations: property (color) & value (red)
External Files vs. Inside the HEAD Element

8. Cascading Style Sheets
More on
Cascading Style Sheets
• More Document Styling Control than HTML
• Simplify Document Structure
• Create Pages & Websites that are Easier to Maintain
• Reduce File Size & Increase Access Speeds

9. (Endless Applications)
Familiar Applications
. Recipe Cards
. Library Card Catalog
. Address Book
E-Commerce Online Applications
. Merchandise Catalogs & Inventory
. Shopping Cart Functionality
. User Logins & Profile Info
. Mailing Lists

10. The Power of DB Functionality
(E-Commerce Power)
PHP
(“Personal Home Page” Hypertext Preprocessor)
• A scripting Language used to create Dynamic Web Pages
• Embedded within HTML pages for server side execution
• Commonly used to extract data out of a database for presentation on a web page
MySQL
• A version of SQL “Structured Query Language”
• A language used to interrogate and process data in a relational database (can be used directly or can be embedded in a Programming Language to interface with a database)

11. Web Design Toolbox (The Applications) Dreamweaver
Macromedia’s Web Design & Management Software
Photoshop
Web Design Graphics & Layout Application
Notepad ++
Versatile Text Edit & Text Coding Application
phpstorm
PHP Coding API with PHP Libraries, Highlighting & Debuging

12. Best Practices Workflow
Code Cleanliness
Naming Conventions
Consistency
Maximize Access, Minimize Clicks
Simple Is Better
Complex coding is mind puzzling game so don't play it