High Points CSCI 1210
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) tcp/ip
The Web DNS Uniform Resource Locator (URL) Domain names Top Level Domains Uniform Resource Locator (URL)
The Web Hypertext Server Client HTML - Hypertext Markup Language
Hypertext Markup Language (HTML) “Language of the Web” Plain text Markup Syntax -- <tag>…</tag> or <tag>
HTML Tags Block Level/Inline Container/Standalone Nesting Last on / first off
HTML Tags Attributes Tags vs Elements Syntax -- <tag attribute=“value”>…</tag> OR <tag attribute=“value”> Tags vs Elements
HTML Document Structure <!DOCTYPE html> <html> <head> </head> <body> </body> </html>
HTML Tags Head element Meta-data Links Styles Scripts Comment block
HTML Tags Body Displayed content Comments
HTML Tags Comments Syntax -- <!-- Comment goes here --> Best Practice, particularly for more complex code Code writer may not be same person who has to maintain it later Not secure
HTML Special Characters Needed 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 -- <a href=“URL”>Link Text</a> Paths In-page
HTML Images Inline standalone Syntax -- <img src=“image.jpg” alt=“alternative text” /> Must have alt attribute Formats GIF JPG PNG
HTML Images - Captions Syntax <figure> <img…> <figcaption>…</figcaption> </figure> Optimization Link
Web Design ‘Usefulness’ How users judge a website 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 - Coding 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