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