1 / 21

Web Design

Web Design. Professor Pepper. Internet physical layout. Internet = internet worked net works 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.

lrivas
Download Presentation

Web Design

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

  7. Top Level Domain Names

  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/~pepperk (last name – first initial) • ftp address: 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 Sourceof other sites • Netscape Navigator • Internet Explorer • Notepad

More Related