Upload
katrina-bridges
View
214
Download
1
Tags:
Embed Size (px)
Citation preview
FUNDAMENTALS OF
WEB DESIGN
The Internet Internet
Hardware connected together
Creates a massive worldwide network
HardwareComputersCommunication lines
Interlinked collection of smaller networks
The World Wide Web
SoftwareSends infoUsing internet hardware
FilesHTMLImagesVideoAnimation
Web Sites vs. Web Pages
Web pageSingle fileHas a unique name
Web siteGroup of related filesOrganized around a common topic
Note: Home page – general info about web site
Browser
Software on individual computer Translates HTML to create a web page Allows user to navigate the web
Browser Interface
Title bar Menu bar Tool bars Address box Status bar
Open Mozilla Firefox
Discovering the Internet
Types of Web Sites
Commercial sitesE-commerce sites – buying/selling goodsCorporate presence sites – about image
Portal SitesSearch enginesNews sitesInformation at one location
continued
Types of Web Sites
Informational sitesNews info is continuously updatedGovernment sitesPublic Interest sites (nonprofits)
Educational sites Personal sites
Common Web Elements
Text Graphics Multimedia (audio, video, animation) Hyperlinks
Web Site Development
Determine the purpose/goals of web site Design and develop the web site Evaluate and test the web site Implement the web site Maintain the web site
Web Site Development Careers Web author Web designer Web developer Web master
Web Master Video
Handouts – do assignments
How the Internet Works
Internet Service Provider (ISP) IP Address (internet protocol) HTTP (hypertext transfer protocol)
Transfer files from web server to browsder FTP (file transfer protocol)
Uploads files to host server
Intranets & Extranets
Internet – accessible to everyone Intranet – accessed by members of
within an organization Extranet – accessed by remote users
who have authorization
URL
Uniform Resource locator Address of a website Domains - .com .net .org .edu .gov
http://www.pres-net.com/Athletics/Soccer/Soccer.html
protocol domain file
Web Applications
HTML WYSIWYG programs JavaScript Flash Other programming apps Open
NotePad
OpenDreaweaver