High Points CSCI 1710 Fall 2015

The Internet Packet switching Arpanet Cold War

The Web Part of the Internet Tim Berners-Lee HTML URI HTTP

The Web Protocols HTTP / HTTPS FTP Internet Protocol (IP) DNS Domain names Top Level Domains Uniform Resource Locator (URL)

The Web Hypertext Server Client HTML

Hypertext Markup Language (HTML) “Language of the Web” Plain text Markup Syntax -- … or

HTML Tags Block Level Inline Container Standalone Nesting Last on / first off

HTML Tags Attributes Syntax -- … OR Tags vs Elements

HTML Document Structure

HTML Tags Head element Meta-data Links Scripts Comment block Body Displayed content Comments

HTML Tags Comments Syntax -- Best Practice, particularly for more complex code Code writer may not be same person who has to maintain Not secure

HTML Special Characters Special characters Need for literal display of characters that have special meaning to web browsers Examples -- & © “ Syntax -- < > & © "

HTML Lists Ordered Unordered Definition List Items Nesting

HTML Links Connect to other resources Internal / External Relative / Absolute Syntax -- Link Text Paths In-page

HTML Images Inline standalone Syntax -- Must have alt attribute Formats GIF JPG PNG

HTML Images Captions Syntax -- … Optimization Link

Web Design Usefulness Can be used Achieves a desired goal How users judge a website Content Usability User-centered Web Development Life Cycle

Web Development Life Cycle Define mission & target user population Collect user requirements Create & modify conceptual design Create & modify physical design Testing Implement & market Evaluate & improve

Web Development Life Cycle Define mission & target user population Collect user requirements Create & modify conceptual design Create & modify physical design Testing Implement & market Evaluate & improve

WDLC - Mission Statement Every site should have one Different from organizational mission statement What site is intended to accomplish List key parts of site