Web Design (1)

1
Web Design (1)

• Terminology

2
Coding languages (1)

• HTML - Hypertext Markup Language
• - describes the content of a web page
• CSS - Cascading Style Sheets
• - describe how the content should look

3
Coding languages (2)

• Java Script
• used to add interactivity to web pages
• e.g. carousels for photos
• PHP - Hypertext Preprocessor (originally
  Personal Home Page)
• for server-side programming
• e.g. databases of products for sale

4
Client-side and Server-side

• Client-side programming
• runs on the users machine
• Server-side programming
• runs on the servers machine
• databases are often server-side

5
Browser

• a window on a computer monitor
• with a web page displayed in it.
• Some browsers
• Explorer
• Chrome
• Safari
• Firefox
• Opera

6
The Internet and The Web

• The Internet
• network of connected computers called servers
  because they serve up documents on request
• The Web (created by Tim Berners-Lee in 1989)
• operates within the Internet.
• To be part of the web, a computer must be
  running special web server software that allows
  it to handle HTTP (Hypertext Transfer Protocol)
  transactions.

7
Web Page Addresses

• URL (Uniform Resource Locator)
• every page on the Web has its own special address
  called a URL
• http//cu3awebdesign.eco-webdesign.org/index.html
• (protocol) (name of site)
  
  (absolute path)
• http get into web mode
• www - not used for all web sites
• if no absolute path is given - server will look
  for index.html

8
Standards in Web Design

• W3C - World Wide Web Consortium
• sets standards, which (hopefully!) mean that
• coding in HTML, CSS JavaScript
• will operate in all browsers.

9
Speed (Web Site Performance)

• Site performance is optimized by
• removal of unnecessary spaces
• keeping JavaScript to a minimum
• optimizing images