Introduction to Advance Web Technologies

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

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

Rough Timeline of Web Technologies . 1991 HTML . 1994 HTML 2, PHP . 1996 CSS 1 + JavaScript . 1997 HTML 4 . 1998 CSS 2 . 2000 XHTML 1 . 2002 Tableless Web Design . 2005 AJAX . 2009-to-date HTML 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

(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

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 www.w3.org A Collection of Design Properties & Values Declarations: property (color) & value (red) External Files vs. Inside the HEAD Element

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

(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 . E-Mail Mailing Lists

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)

Web Design Toolbox (The Applications) Dreamweaver Macromedia’s Web Design & Management Software www.macromedia.com Photoshop Web Design Graphics & Layout Application www.adobe.com Notepad ++ Versatile Text Edit & Text Coding Application http://notepad-plus-plus.org/ phpstorm PHP Coding API with PHP Libraries, Highlighting & Debuging www.jetbrains.com

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