Download Introduction - dinnellabusiness

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 browsersafe color palette?
Did you limit the number of colors to a selected
few?
Content
 Multimedia


Determine whether the visitor will require plugins
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