1 Web Development & Design Foundations with HTML5 8th EditionChapter 1 Key Concepts

2 Writing Valid HTML Check your code for syntax errors Benefit:Valid code  more consistent browser display W3C HTML Validation Tool

3 Internet The interconnected network of computer networks that spans the globe.

4 Reasons for Internet Growth in the 1990sRemoval of the ban on commercial activity Development of the World Wide Web by Tim Berners-Lee at CERN Development of Mosaic, the first graphics-based web browser at NCSA Personal computers were increasingly available and affordable Online service providers offered low- cost connections to the Internet

5 The World Wide Web The graphical user interface to information stored on computers running web servers connected to the Internet.

6 Growth of the Internet Year Percentage of Global Population Using the Internet % % % % % Source:

7 Intranet & Extranets Intranet ExtranetA private network contained within an organization or business used to share information and resources among coworkers. Extranet A private network that securely shares part of an organization’s information or operations with external partners

8 Web Accessibility & The LawAmericans with Disabilities Act (ADA) Prohibits discrimination against people with disabilities Section 508 of the Rehabilitation Act Requires that government agencies must give individuals with disabilities access to information technology that is comparable to the access available to others

9 Universal Design for the Webthe design of products and environments to be usable by all people, to the greatest extent possible, without the need for adaptation or specialized design

10 Reliability & Information on the WebQuestions to Ask: Is the organization credible? How recent is the information? Are there links to additional resources? Is it Wikipedia?

11 Network Overview Network two or more computers connected together for the purpose of communicating and sharing resources

12 Networks LAN – Local Area Network WAN – Wide Area NetworkUsually confined to a single building or group of buildings WAN – Wide Area Network Usually uses some form of public or commercial communications network to connect computers is widely dispersed geographical areas.

13 Internet InfrastructureInternet Backbone A high capacity communication link that carries data gathered from smaller links that interconnect with it. Maps of the Internet Backbone

14 The Client/Server ModelClient/Server can describe a relationship between two computer programs – the "client" and the "server". Client requests some type of service (such as a file or database access) from the server. Server fulfills the request and transmits the results to the client over a network

15 The Internet Client/Server ModelClient – Web Browser Server – Web Server

16 Web Client Connected to the Internet when neededUsually runs web browser (client) software (such as Internet Explorer or Firefox) Uses HTTP (Hypertext Transfer Protocol) Requests web pages from server Receives web pages and files from server

17 Web Server Continually connected to the InternetRuns web server software (such as Apache or Internet Information Server) Uses HTTP (Hypertext Transfer Protocol) Receives request for the web page Responds to request and transmits status code, web page, and associated files

18 MIME Type Multi-Purpose Internet Mail Extensiona set of rules that allow multimedia documents to be exchanged among many different computer systems

19 Internet Protocols ProtocolsRules that describe the methods used for clients and servers to communicate with each other over a network. There is no single protocol that makes the Internet and Web work. A number of protocols with specific functions are needed.

20 FTP File Transfer ProtocolA set of rules that allow files to be exchanged between computers on the Internet. Web developers commonly use FTP to transfer web page files from their computers to web servers. FTP is also used to download programs and files from other servers to individual computers.

21 E-mail Protocols Sending E-mail Receiving E-mailSMTP Simple Mail Transfer Protocol Receiving POP (POP3) Post Office Protocol IMAP Internet Mail Access Protocol

22 HTTP - Hypertext Transfer ProtocolA set of rules for exchanging files such as text, graphic images, sound, video, and other multimedia files on the Web. Web browsers send HTTP requests for web pages and their associated files. Web servers send HTTP responses back to the web browsers.

23 TCP/IP Transmission Control Protocol/ Internet ProtocolTCP/IP has been adopted as the official communication protocol of the Internet. TCP and IP have different functions that work together to ensure reliable communication over the Internet.

24 TCP Transmission Control ProtocolPurpose is to ensure the integrity of communication Breaks files and messages into individual units called packets

25 IP Internet Protocol A set of rules that controls how data is sent between computers on the Internet. IP routes a packet to the correct destination address. The packet gets successively forwarded to the next closest router (a hardware device designed to move network traffic) until it reaches its destination.

26 IP Address Each device connected to the Internet has a unique numeric IP address. These addresses consist of a set of four groups of numbers, called octets will get you Google! An IP address may correspond to a domain name.

27 Domain Name Locates an organization or other entity on the InternetDomain Name System Divides the Internet into logical groups and understandable names Associates unique computer IP Addresses with the text- based domain names you type into a web browser Browser: IP Address:

28 Uniform Resource IdentifierURI – Uniform Resource Identifier identifies a resource on the Internet URL – Uniform Resource Locator a type of URI which represents the network location of a resource such as a web page, a graphic file, or an MP3 file.

29 TLD Top-Level Domain NameA top-level domain (TLD) identifies the right- most part of the domain name. Examples of generic TLDs: .com, .org, .net, .mil, .gov, .edu, .int, .aero, .asia, .cat, .jobs, .name, .biz, .mobi, .museum, .info, .coop, .post, .pro, .tel, .travel

30 County Code TLDs Two character codes originally intended to indicate the geographical location (country) of the web site. In practice, it is fairly easy to obtain a domain name with a country code TLD that is not local to the registrant. Examples: .tv, .ws, .au, .jp, .uk See

31 Domain Name System The Domain Name System (DNS) associates Domain Names with IP addresses. Web Browser Domain Name DNS IP Address Web Server Use TPC/IP to send HTTP Request Use TCP/IP to send HTTP Responses with web page files & images Web Browser displays web page Copyright © Terry Felke-Morris

32 Markup Languages SGML – Standard Generalized Markup LanguageA standard for specifying a markup language or tag set HTML – Hypertext Markup Language The set of markup symbols or codes placed in a file intended for display on a web browser.

33 Markup Languages (2) XML – eXtensible Markup LanguageA text-based language designed to describe, deliver, and exchange structured information. It is not intended to replace HTML – it is intended to extend the power of HTML by separating data from presentation.

34 Markup Languages (3) XHTML – eXtensible Hypertext Markup LanguageDeveloped by the W3C as the reformulation of HTML 4.0 as an application of XML. It combines the formatting strengths of HTML 4.0 and the data structure and extensibility strengths of XML.

35 Markup Languages (4) HTML 5 The next version of HTML4 and XHTML

36 Popular Uses of the InternetE-Commerce Mobile Access Blogs Wikis Social Networking RSS Podcasts Web 2.0 Cloud Computing