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 (www.)
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 email
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