1. Web Design Professor Pepper

2. 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

3. Internet Administrators Local administration Road system regional laws (wan, lan) federal laws (backbone) Governments regulations

4. Internet Uses Browsing (www and gopher) Mail FTP Discussion groups (bulletin boards, newsgroups) Chat (including video and voice chatting) Telnet Blog

5. World Wide Web Protocol for browsers and documents Hyperlinks New way of reading, writing and marketing Standard Browsers: Netscape Navigator, Internet Explorer

6. 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/http://www.childu.com/ protocol:// server/filename Person’s Account – E-mail ex: pepper@adelphi.edu username@domain name

7. Top Level Domain Names.comCommercial.eduEducational.govGovernment.milMilitary.netNetwork.orgNonprofit organization

8. 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

9. Search the WEB Search sites (ex: yahoo, hotbot, lycos, dogpile) CAUTION: no guarantee of info accuracy CAUTION: searching can be addictive

10. CREATING YOUR OWN WEB SITE Create html Upload Browse

11. Your Adelphi Web Site www.adelphi.edu/~pepperkwww.adelphi.edu/~pepperk (last name – first initial) ftp address: panther.adelphi.edu/panther.adelphi.edu/

12. Design tools: -> creates html Netscape Composer Front Page DreamWeaver Notepad entering HTML Word Excel Power Point Access

13. Site vs. Page  Create a folder for your site  all pages and pictures  Default page will be index.html (some servers are different)

14. Web Page Components Text Images Hyperlink Table Frame Applets Video Animation Sound

15. File Transfer Upload to panther FTP Explorer / Windows Explorer WS/FTP Each design tool has its own Some sites have their own

16. 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

17. HOW TO WRITE HTML Netscape composer Format text Hyperlinks Images

18. 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

19. Hyperlinks Link / Target Link Types File Web Page (navigate to site and copy in address) E-mail (mailto: )

20. 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

21. Viewing Source of other sites  Netscape Navigator  Internet Explorer  Notepad