Web Design Technology
Terms Found in web design front end Found in web development back end
Browsers Uses HTTP to communicate with Web Server Browser requests a html document Web Server sends a html document Browser then renders the page images and videos then requested Client side scripts are then executed when triggered JavaScript
Document Object Model DOM use scripting to control and create elements different browser offer different level of support JavaScript browsers have different internal interpreters Rendering Engines can render pages with none, little or a lot of difference
Example of DOM
Rendering Engines Trident Microsoft IE, AOL Presto Opera Gecko Firefox WebKit Chrome Safari Blink (fork of Webkit) Chrome Opera
Older Versions Rendering Engines are updated Different browser versions may render differently Best Practice test page in various browsers test page in various browser versions
Convergence Web Standards 90 s IE and Netscape each introduced proprietary features web designers went nuts every new release brought headache Led to Web Standard Project in 1998 www.webstandards.org
HTML HTML 1.0 1991 HTML 2.0 1995 first standard HTML 3.0 January 1997 ignored HTML 4.0 December 1997 new standard
XHTML XHTML 1.0 2000 Nearly identical to HTML 4.0 Invokes stricter rules e.g. opening and closing tags XHTML 2.0 abandoned HTML 5.0 2009 new structural tags more in another lecture
DTD Document Type Declarations Doctype Which version and type of html is being used Dreamweaver puts them in automatically HTML 4.01 Strict <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/tr/html4/strict.dtd"> HTML5 <!DOCTYPE html>
CSS Cascading Style Sheets Style Sheet Language controls presentation of HTML document Formatting Rules Cascading how rules are applied CSS 1:1996 CSS 2: 1998 CSS2.1: 2004 CSS3: 2012
XML Like HTML Does not have specific tags you make the tags up yourself Stores and transports structured data Passes data between applications RSS Feeds Ajax
RSS Real Simple Syndication publishing(syndicating) content on the web You create a RSS feed people who subscribe automatically get you updates move reviews sport scores Accomplished through XML
Image Files Various file types JPG GIF PNG Amount of color Size of file
JavaScript A must to learn programming is a skill set you want to have Created in 1995 by Netscape Performed in browser client side Makes site interactive dynamic
AJAX Interactive applications Asynchronous JavaScript and XML HTML, DOM and CSS Create a new space to view dynamically Google Maps Retrieve data from a database sort without going back to the database
PHP,.Net, JSP, ColdFusion Server side scripting middleware Communicates between client and database PHP Open source.net Microsoft JSP Oracle ColdFusion Adobe
SQL Structured Query Language Used to extract data from databases MySQL Oracle Microsoft SQL Server IMB DB2 Cloud database Amazon EC2
CMS Content Management Systems Publishing, Editing, Modifying Content from central interface Expression Engine Frog Drupal Joomla Movable Type WordPress
Web Frameworks Software designed to support development of dynamic web sites web applications web services Helps with the overhead of web development common tasks Ruby on Rails ASP.NET JavaEE Mojolicious
Web Applications Applications software programs run from the browser launched from a server Run from browser thin client web mail online auctions (ebay)
Web Services Services available on the web Search engines Weather reports Maps Language Translators Basically everything Google does Exchange data between applications and different platforms
API Application Programming Interface functions one application makes available to other applications through instructions and standards Embed Google Maps on your site Embed YouTube on your site Embed Amazon on your site