Web Design

Professor Pepper

Internet physical layout

Internet = internetworked networks

Local Area Networks (LAN)

Wide Area Networks (WAN)

LANS,WANS hook to Regional

Regional hooks to country’s backbone

Backbones hook to world network

Internet Administrators

Local administrationRoad system

regional laws (wan, lan)

federal laws (backbone)

Governments regulations

Internet Uses

Browsing (www and gopher)

Mail

FTP

Discussion groups (bulletin boards, newsgroups)

Chat (including video and voice chatting)

Telnet

Blog

World Wide Web

Protocol for browsers and documents

Hyperlinks

New way of reading, writing and marketing

Standard Browsers: Netscape Navigator, Internet Explorer

Address Types

Computer – IP address / Domain Name ex: 128.119.420.41 translated by Domain Name Service limited set of top level domain names

Web Page – URL\ ex: http://www.childu.com/ protocol:// server/filename

Person’s Account – E-mail ex: pepper@adelphi.edu username@domain name

Top Level Domain Names

.com Commercial

.edu Educational

.gov Government

.mil Military

.net Network

.org Nonprofit organization

Going online

Modem or direct connection (DSL, Cable)

Service type

Internet Service Provider (ISP)

connect client to server

use standard browser & dial up networking

Online services (ex: AOL, Compuserve)

internet portal

Proprietary browsers and connection screens

Search the WEB

Search sites (ex: yahoo, hotbot, lycos, dogpile)

CAUTION: no guarantee of info accuracy

CAUTION: searching can be addictive

CREATING YOUR OWN WEB SITE

Create html

Upload

Browse

Your Adelphi Web Site

www.adelphi.edu/~pepperk (last name – first initial)

ftp address: panther.adelphi.edu/

Design tools: -> creates html

Netscape Composer

Front Page

DreamWeaver

Notepad entering HTML

Word

Excel

Power Point

Access

Site vs. Page

Create a folder for your siteall pages and pictures

Default page will be index.html (some servers are different)

Web Page Components

TextImagesHyperlinkTableFrameAppletsVideoAnimationSound

File Transfer

Upload to pantherFTP Explorer / Windows ExplorerWS/FTPEach design tool has its ownSome sites have their own

Review of our tools

Create HTMLNetscape Composer

Put on pantherFTP Explorer – remoteWindows Explorer - local

View on panther or localNetscape Navigator Internet Explorer

HOW TO WRITE HTML

Netscape composerFormat textHyperlinks Images

Formatting text

Paragraph / Line BreakForce line break with shift/enterFont difficulties – choose one others will have size limitations

Heading (just 1-6)ListsAlignment

Hyperlinks  

Link / Target

Link Types

File

Web Page (navigate to site and copy in address)

E-mail (mailto: )

Images

Want .GIF or .JPGTo convert: adobe acrobat, or any graphics

program – save as .gif or .jpg(Transparent background needs .gif)

Insert image Image in same directoryPlay with alignmentAlternate texthyperlink on a picture click

Viewing Sourceof other sites

Netscape NavigatorInternet ExplorerNotepad