Download omis360-CH01-PDF - Southeastern Louisiana University

1/11/2016
1
Chapter Objectives
The Environment
and the Tools
 Describe the Internet and the World Wide Web
 Discuss ways to access the Internet and the web
 Categorize types of websites
 Identify web design tools
 Explain web design principles, roles, and required
skills
Web Design,
5th Edition
Chapter 1: The Environment and the Tools
The Internet and the World Wide Web
2
The Internet and the World Wide Web
 A computer network consists of connected
computers, mobile devices, printers, and data
storage devices that share computing resources and
data
 The Internet is a worldwide public network that
connects millions of these private networks
Chapter 1: The Environment and the Tools
3
The Internet and the World Wide Web
4
Influence on Society
The World Wide Web (web) is a part of the
Internet that consists of connected computers
called web servers that store electronic
documents called webpages
A webpage is a specially formatted document
that can contain images, text, interactive
elements, and hyperlinks, which are links to
other pages
A website is a group of related webpages
Chapter 1: The Environment and the Tools
Chapter 1: The Environment and the Tools
Communication
Education
Entertainment and News
E-commerce
5
Chapter 1: The Environment and the Tools
6
1
1/11/2016
Communication





Bookmark / favorite
Shortcut
Internet Relay Chat (IRC)
Web-based chat
Instant messaging /
IM chat
 Mobile IM (MIM)
 Collaborative workspaces /
virtual meeting spaces
Chapter 1: The Environment and the Tools
Communication
 Blog
 Video sharing /
Video blogging
 Social networking
 Social bookmarking
 Massively multiplayer online
games (MMOGs)
 3D virtual worlds
 Wiki
7
Chapter 1: The Environment and the Tools
Education
Entertainment and News
 You can take an online
course from an academic
institution to earn a degree
or certificate, or watch a
video or read a blog post by
an amateur expert
 Popular entertainment
sites include music,
videos, sports, games,
and more
 News websites allow
you to read news
stories, and some even
allow you to watch video
clips
– Several universities and
academic institutions publish
some or all educational
materials online
 Formal and informal
education
Chapter 1: The Environment and the Tools
8
– Some provide interactive
elements
9
Chapter 1: The Environment and the Tools
E-Commerce
Cable Internet Access
 Electronic commerce or
e-commerce encompasses
a wide variety of online
business activities, including
consumer shopping and
investing and the exchange
of business data and
transactions within a
company or among multiple
companies
Allows users to connect to the Internet through
their cable line
Rapid transfer rates using a cable modem
connected to a CATV line
10
– Business-to-consumer (B2C)
– Business-to-business (B2B)
– Consumer-to-consumer (C2C)
Chapter 1: The Environment and the Tools
11
Chapter 1: The Environment and the Tools
12
2
1/11/2016
Fixed and Mobile Wireless
Access
Cable Internet Access
Internet connectivity that uses satellite
technology
Radio signals provide high-speed connection
– wireless fidelity (Wi-Fi)
Standards classified by generation
– 3G
– 4G
Chapter 1: The Environment and the Tools
13
Chapter 1: The Environment and the Tools
Telephone Line Access
Dial-Up Lines
The Public Switched Telephone Network
(PSTN) used to be the main way all users
connected to the Internet
 A dial-up line is a temporary connection that uses
analog phone lines
 Least popular Internet access method
Chapter 1: The Environment and the Tools
15
Chapter 1: The Environment and the Tools
Digital Dedicated Lines
Digital Dedicated Lines
A dedicated line is a constant connection
between two communications devices
Quality, consistency, and speed of the
connection are better than a dial-up line
Three popular types of digital dedicated lines
14
16
– Integrated Services Digital Network (ISDN)
– Digital subscriber lines (DSL)
• Asymmetric digital subscriber line (ADSL)
– T-carrier lines
• T-1 line
• Fractional T-1 line
• T-3 line
Chapter 1: The Environment and the Tools
17
Chapter 1: The Environment and the Tools
18
3
1/11/2016
ISDN Lines
DSL
Integrated Services Digital Network
ISDN allows a single telephone line to carry
three or more signals (multiplexing)
Digital subscriber line
– Transmits at fast speeds on existing standard
copper telephone wiring
– Some installations can provide a dial tone
Asymmetric digital subscriber line (ADSL)
– Faster to receive data than to send data
– Ideal for Internet access
Chapter 1: The Environment and the Tools
19
Chapter 1: The Environment and the Tools
T-carrier Lines
Internet Service Providers
 Any of several types of digital lines that carry multiple
signals over a single communications line
 Extremely fast data transfer rates
 T-1 line
Internet Service Provider (ISP)
20
– Has permanent Internet connection
– Provides temporary connections
– Regional ISP
– National ISP
– Most popular T-carrier line
– Fractional T-1
• EarthLink
 T-3 line
– Equivalent to 28 T-1 lines
Chapter 1: The Environment and the Tools
21
Chapter 1: The Environment and the Tools
Web Browsers
Web Browsers
A web browser is a specific software program
that requests, downloads, and displays
webpages stored on a web server
Some companies create mobile versions of
their websites
Access webpages by entering its Uniform
Resource Locator (URL) into the browser’s
Address bar
URL is comprised of the protocol, domain
name and top-level domain designation
– Responsive web design (RWD)
Chapter 1: The Environment and the Tools
22
– Hypertext Transfer Protocol (HTTP)
– Domain name can be an IP address or a text
version of this address
23
Chapter 1: The Environment and the Tools
24
4
1/11/2016
Web Browsers
Types of Websites
Personal
Organizational
/ Topical
Commercial
Chapter 1: The Environment and the Tools
25
Chapter 1: The Environment and the Tools
Personal
Organizational / Topical
 Limited developmental resources
 Uses:
 Organizational websites
contain information on
particular organizations
 Topical websites focus on
a specific subject
 Not all information is
accurate
– Promote employment credentials
– Share news and photos with friends and family
– Share common interests or hobbies
 Do not post information that can be misused
Chapter 1: The Environment and the Tools
27
Chapter 1: The Environment and the Tools
Commercial
Search Tools
 Used to promote and sell a product or service
 More sophisticated commercial websites generally
produce greater revenue
 Web-based search tools
26
28
– Search engines
• Keywords
 Search engines might use a variety of methods to
create its index
–
–
–
–
Spiders or robots
Meta tags
Metasearch engines
Search directories
 Search engine optimization (SEO)
Chapter 1: The Environment and the Tools
29
Chapter 1: The Environment and the Tools
30
5
1/11/2016
Search Tools
Portals
 A portal is a website that offers a starting point for accessing
information
–
–
–
–
–
Chapter 1: The Environment and the Tools
31
General consumer portal
Personal portal
Vertical portal
Corporate portal
Hyperlocal portal
Chapter 1: The Environment and the Tools
Web Design Tools
Markup Languages
 Does the new technology meet currently accepted standards
for web development and design?
 What specifically can the new technology do to further the
purpose of my website?
 How will implementation of the new technology affect my
website’s visual appeal, accessibility, and usability?
 What impact will adding this technology have on security and
other website elements?
 What are the direct and indirect costs of implementing the new
technology?
 How soon will I see a return on investing in this new
technology?
Hypertext Markup Language (HTML)
Extensible Markup Language (XML)
Extensible HTML (XHTML)
Wireless Markup Language (WML)
Chapter 1: The Environment and the Tools
33
Chapter 1: The Environment and the Tools
Hypertext Markup Language
Extensible Markup Language (XML),
Extensible HTML (XHTML), and
Wireless Markup Language (WML)
Markup language used to create webpages
Defines a webpage through HTML tags or
HTML markup language
World Wide Web Consortium (W3C) sets
standards for HTML
XML uses markups to define the content of a
webpage
XHTML is a markup language that is a
combination of the features of XML and HTML
WML is a subset of XML
32
34
– Used to design webpages for mobile browsers
Chapter 1: The Environment and the Tools
35
Chapter 1: The Environment and the Tools
36
6
1/11/2016
Cascading Style Sheets
Scripting Languages
Standardize the presentation of the content by
applying styles to such elements
 Programming languages used to write short
programs that run on the server or the browser
 Browsers must support this technology
 Scripting languages
– Font
– Margins
– Positioning
– Background colors
–
–
–
–
Javascript
Active Server Pages (ASP)
PHP: Hypertext Preprocessor (PHP)
MySQL
 Active content
 Malware
Chapter 1: The Environment and the Tools
37
Chapter 1: The Environment and the Tools
Text and HTML Editors
WYSIWYG
A text editor is software used to create plain
(ASCII) text files
An HTML editor is a text editor enhanced with
special features that are used to more easily
insert HTML tags and their attributes
 Packages that automatically generate HTML code
 There are packages available for every level of
expertise
–
–
–
–
– HTML-Kit
– CoffeeCup
– BBEdit
– NoteTab
Chapter 1: The Environment and the Tools
39
Web Templates and Content
Management Systems
Microsoft Expression Web
Adobe Dreamweaver
Ephox EditLive!
InnovaStudio WYSIWYG
Editor
Chapter 1: The Environment and the Tools
40
Web Design Roles
Web design can be done independently or with
a partner or group
Creative Role
 A web template is a predesigned model that can be
customized for fast website or webpage creation or
updating
 A content management system (CMS) facilitates the
management of web content development
– Content repository
 An intranet is a private network within a large
organization or commercial entity that uses Internet and
web technologies to share information among only its
members, employees, or business partners
Chapter 1: The Environment and the Tools
38
– Content writer / editor
– SEO expert
– Web designer
– Web artist / graphic designer
– Multimedia producer
41
Chapter 1: The Environment and the Tools
42
7
1/11/2016
Web Design Roles
Chapter Summary
Technical Role
 Describe the Internet and the World Wide Web
 Discuss ways to access the Internet and the web
 Categorize types of websites
 Identify web design tools
 Explain web design principles, roles, and required
skills
– Web programmer
– Database developer
– Network / security administrator
Oversight Role
– Testers
– Web administrator / webmaster
Chapter 1: The Environment and the Tools
1
43
Chapter 1: The Environment and the Tools
44
The Environment
and the Tools
Web Design,
5th Edition
8