Introduction

Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions, organizations, etc. Network A collection of two or more computers that are connected to share resources and information. Internet Service Provider (ISP) A company that has permanent connection to the Internet backbone. Internet Backbone A collection of high-speed data lines that connect major computer systems located around the world. The Internet and World Wide Web

Internet ≠ World Wide Web Internet is the infrastructure, the physical networks. World Wide Web (Web) is the part of the internet that supports multimedia and consists of a collection of linked documents (webpages)

Hypertext Markup Language – coding language used for structuring and presenting information on the World Wide Web. HTML is how two computers speak to each other over the internet. Web sites are what they say. HTML is "spoken" by two computers: 1. Client: The client is used by the person surfing the net, such as the computer you are looking at right now. 2. Server: A server stores and distributes websites over the net, usually rented from a hosting service. HTML 5 is the newest version of the HTML language. Useful Definitions

Domain: A web address such as usd345.com and ibm.com. A domain can be registered by an individual, group, or organization. URL: A uniform resource locator, abbreviated URL, also known as web address. The URL of usd345.com is: Hosting Service: Web hosting services "hosts" web sites on servers to make them accessible to the world via the Web. Website: Related collection of Web pages that is related and maintained by an individual, company, etc.

TypeUsersAccessApplications InternetAnyonePublicInfo such as personal, product, course info. IntranetEmployees or members PrivateForms, manuals, schedules with employees or members. ExtranetSelect business partners PrivateInventory updates, product specifications, financial information. Types of Websites

World Wide Web Consortium An international community where Member organizations, a full-time staff, and the public work together to develop Web standards. W3C

Platform independent Create an HTML file on one type of computer and then use a browser on another type to view the Web page. HTML Elements Start Tag (Opening Tag) End Tag (Closing Tag) Element Content – everything between the start and end tags Empty Content – to add spaces or breaks in your doc. This is a paragraph of text. HTML

Cascading Style Sheets Allow you to specify styles (appearance) of various Web page elements. Style Sheet A series of rules that defines the appearance for a web page or an entire web site. Used to alter the appearance by changing characteristics such as font family font size, margins, and link specifications as well as elements such as colors and borders. CSS Not used to add any content, just makes content look good!

HTML Editor Program that provides basic text-editing functions Menus to insert HTML tags and spell check WYSIWYG Editor Utilizes a graphical user interface What You See Is What You Get Adobe Dreamweaver, Amaya Text Editor Program that allows a user to enter, change, save, and print text, such as HTML No advanced features Allows you to develop HTML documents easily Notepad, TextPad, TextEdit Tools for creating HTML Documents

Ensures project consistency and completeness Planning Analysis Design and Development Testing Implementation and Maintenance Web Development Life Cycle Planning Analysis Design & Development Testing Implementation & Development

Identification of the Web site goals or purpose Understand who will use the Web site Understand what Web technologies you will use Identify the content owners and authors Decide what and where information will go on the Web site Planning

Identify the tasks users need to complete Identify information useful to the user Consider the processes required to support Web site features One of the more important phases in the Web Development Life Cycle Analysis

Determine the purpose of the Web site Define how the pages will be organized Select appropriate structure Determine if the site will include: multimedia, forums, e-commerce ability, etc. Address accessibility issues and design for an international audience Determine how to provide site navigation Design and Development

Types of Web Site Organization Linear Web Site Layout Hierarchical Web Site Layout Used when information should be read in a specific order. Variation: Linear with links to home page Used for a site with a main index or table of contents page that links all other Web pages. Inability to move from one section of pages to another.

Webbed Web Site Layout Broad Web Site Layout Has no set organization Information does not need to be read in a specific order Has many navigation options Home page is the main index page, all pages are linked to it. Users must return to Home page before going to a different one. Navigation is time-consuming and limiting

Deep Web Site Layout Many levels of pages Forces user to spend time viewing pages that might not be useful

Content and Functionality Validate each page by running it through the W3C markup validation service Proofread! Check links and graphics Ensure accessibility and international issues are addressed Forms and interactive elements Check load times for pages Print pages to make sure all elements print correctly Testing

Usability Measure of how well the Web site allows users to accomplish tasks Testing focuses on: content, navigation, and presentation Compatibility Testing Used to verify that the Web site works with a variety of browsers and browser versions. Stress Testing Determines what happens on you site when greater numbers of users access it. Testing…Testing…

Implementation Actual publishing of the Web pages to a Web server Check pages again to make sure links and graphics are still working Maintenance Updates should not compromise the site’s integrity and consistency Don’t allow content to become stale, outdated, or include links to pages that are no longer there. Implementation and Maintenance

Log File that lists all the pages that have been requested from the Web Site. Number of visitors, browser types/versions, connection speeds, usage patterns. Maintenance…