Introduction The Internet

The Internet (net) Global network connecting millions of computers Within the global network, a user has permission at any one computer can access and obtain information from any other computer within one network Network-a group of computers and associated devices that are connected by communications and facilities

Network cont Can span a global area and involve permanent connections-cables (school network) Temporary connections-telephone or other communications links (dial-up connection)

Within a global network are: Local Regional National International 1960’s by the U.S. Department of Defense (DOD) Today, the Internet is a public, cooperative, and self-sustaining facility that is accessible to hundreds of millions of people worldwide

World Wide Web ( Is the most popular service on the internet The web consists of a system of global network services that supports specially formatted documents and provides a means for sharing these resources with many people at the same time

Host computer Network server

Clients Your computer from where you access it (network)

HTTP Hypertext Transfer Protocol (HTTP) Protocol that enables the transfer of data from the host computer to the client

Accessing the web Web Page- How users access the internet, web resources, such as text, graphics, sound, video, and multimedia, through a web page URL- A unique address or Uniform Resource Location (URL) identifies every web page. The URL provides the global address of the location of the web page

Cont Web browser- Is a software program that requests a web page, interprets the code contained within the page and then displays the contents of the web page on your computer display device

Components Title bar-blue bar Menu bar-consists File, Tools, etc Standard Buttons Toolbar-back, forward, refresh, close Document window-viewing your web page

Cont Common elements you find on most web pages are headings or titles, pictures, or images, background enhancements and hyperlinks. Hyperlink-can link to another place in the same web page or to an entirely different one

Web site A group of web pages Home page (index page)-typically provides information about the web sites purpose and content

Internet Service Provider (ISP) Is a business that has a permanent Internet connection and provides temporary connections to individuals, companies, or other organizations Ex. Verizon, aol, comcast

Online Service Provider (OSP) Is similar to ISP, but provides additional member-only services, such as financial data and travel information Ex. Aol, yahoo, msn

Types of Web Sites Portal News Informational Business/Marketing Educational Entertainment Advocacy Personal Blog

Portal Provides a variety of Internet services from a single, convenient location (google)

News Contains news articles relating to current events (cnbc)

Informational Contains factual information, such as research and statistics (United States Senate site)

Business/marketing Contains content that promotes or sells products or services (eBay)

Educational Provides exciting, challenging avenues for formal and informal teaching and learning (recipes)

Entertainment Offers an interactive and engaging environment and contains music, video, sports, games and other similar features (you tube)

Advocacy You will find content that describes a cause, opinion, question or idea (humane society)

Personal Is published by an individual or family and generally is not associated with any organization (family website)

Blog Short for web log Uses regularly updated journal format to reflect the interests, opinions, and personality of the author (you)

Planning a web site Purpose-determine the purpose or goal of your website Purpose statement-intention of your website

Planning a website Target audience-who visits your website Do you want to attract people with similar interests? Gender Education Age range Income

Planning a website New Web Technologies Access to high speed broadband or baseband Broadband-transmits multiple signals simultaneously and includes media and hardware such as T1 lines, DSL (digital subscriber lines), ISDN (Integrated services digital network), fiber optics, and cable modems Baseband-28k to 56k modems Multimedia-websites containing videos and animations usually need broadband

Planning a website Content Value Added Content What topics do you want to cover? How much information will you present about each topic? What will attract your target audience to your web site? What will make them return? What changes will you have to make to keep your site updated?

Content Text Be brief and incorporate lists whenever possible Use common words or simple language Check spelling and grammar

Content Images Will you have a common logo and/or theme on all web pages? Are these images readily available? What images will you have to locate? What images will you have to create? How many images per page will you have?

Content Colors Can enhance or detract from your message or goal Color can support your goal Do your selected colors work well with your goal? Are your colors part of the universal 216 browser- safe color palette? Did you limit the number of colors to a selected few?

Content Multimedia Determine whether the visitor will require plug- ins Plug-in- extends the capability of a web browser (Multimedia Flash)

Content Web Site Navigation Navigation-pathway through your site, must be obvious and intuitive Design Basics- Navigation Map-outlines the structure of the entire web site, showing all the pages within the site and connections from one page to others Provides structure

Different web site structures Linear Hierarchical-most common Web (random) Grid Hybrid

Developing a web site Development basics Typography-appearance and arrangement of the characters that make up your text Font-consists of all the characters available in a particular style and weight for a specific design Should be easy for them to read

Developing a web site Determine your fonts purpose Is it to be used for a title? For onscreen reading? Is it likely to be printed? Will the font fit in with the theme?

Developing a web site Web-site fonts are the more popular font and the ones that most visitors are likely to have installed on their computers Times New Roman Arial Courier

Developing a web site Images Attract visitors Enhance Motivate visitors return Leave the website if images do not work; no return Without images your website would be very boring

Developing a web site Page Layout Suitable design Consistent and logical Template-special type of HTML document that can help with these challenges Only include one topic per page Control the vertical and horizontal size of the page

Template cont Start text on the left to accommodate the majority of individuals, who read from left to right Use concise statements Bulleted points

Reviewing and Testing a web site During developmental and testing stages Identify and correct any problems Group Test-which you have asked other individuals to test your web site and provide feedback

Publishing a web site Obtain a domain name IP address A number that identifies each computer or device connected to the internet Text version of the IP address DNS-domain name system-internet service that transmits domain names into their corresponding IP address

URL (Uniform Resource Locator) Web address Domain name must be registered to the accredited registrar directory provides a listing of internet corporation for assigned names and numbers (ICANN) Find a name not already registered $15-$35 a domain name

Domain name Easy to pronounce, spell, and remember Name that relates to the content and suggests the nature of your product or service Use a business name (the business name) Free and clear of trademark issues Purchase variations and the.org and.net versions of your domain name

Upload The process of transmitting all the files that comprise your web site from your computer to the selected server or host computer Videos Music Images Animation Files (PDF documents) Web pages

Maintaining a web site Improve it Updated Change documents Check for broken links Adding new links Removing old stuff Check contact

Methods and Tools used to create web pages Text editor HTML editor Software editor WYSIWYG text editor

Text editor Simple program that allow users to edit, save, enter and print text (Microsoft Notepad)

HTML More sophisticated version of a text editor, more advanced features like syntax highlighting, color-coding, and spell-checking

Software Microsoft suite Provides a save as web page command on the file menu; the feature converts the application document into an HTML file

WYSIWYG What you see is what you get Dreamweaver FrontPage These programs provide an integrated text editor with a graphical user interface that allows the user to view both the code and the document as it is being created

HTML Authorizing language that defines the structure and layout of a document to that it displays as a web page in a web browser Web pages are written in plain text and saved in the American Standard Code for Information Interchange Format

ASCII Format is widely used coding system to represent data This program makes web pages universally readable by different web browsers

Source Code Which contains tags or program instructions

Tag Within the source code control the appearance of the document content

Document content Text and images that the browser displays