Introduction to Advance Web Technologies Course Outline Introduction

Introduction to Advance Web Technologies

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

Text Books/Other Resourses PHP, My. SQL, Java. Script & HTML 5 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. w 3 schools. com Www. sitepoint. com

Rough Timeline of Web Technologies. . 1991 HTML 1994 HTML 2, PHP 1996 CSS 1 + Java. Script 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, My. SQL � 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 �

What is HTML? l(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. w 3. org �A Collection of Design Properties & Values �Declarations: property (color) & value (red) �External Files vs. Inside the HEAD Element �

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

(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-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 � My. SQL • 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. 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 �