Transcript Web Design Intro

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
administration
Road 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: [email protected]
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 site
 all
pages and pictures
 Default page will be index.html

(some servers are different)
Web Page Components
Text
Images
Hyperlink
Table
Frame
Applets
Video
Animation
Sound
File Transfer
Upload to panther
FTP Explorer / Windows Explorer
 WS/FTP
 Each design tool has its own
 Some sites have their own

Review of our tools
Create HTML

Netscape Composer
Put on panther
FTP Explorer – remote
 Windows Explorer - local

View on panther or local
Netscape Navigator
 Internet Explorer

HOW TO WRITE HTML
Netscape composer
Format text
 Hyperlinks
 Images

Formatting text
Paragraph / Line Break
Force line break with shift/enter
Font difficulties –


choose one others will have
size limitations
Heading (just 1-6)
Lists
Alignment
Hyperlinks
Link / Target
Link Types
File
Web Page

(navigate to site and copy in address)
E-mail (mailto: )
Images

Want .GIF or .JPG

To convert: adobe acrobat, or any graphics
program – save as .gif or .jpg
(Transparent background needs .gif)
Insert image
 Image in same directory
 Play with alignment
 Alternate text
 hyperlink on a picture click

Viewing Source
of other sites
 Netscape Navigator
 Internet Explorer
 Notepad