Internet and Web Design Notes PDF

The Internet 4.​ Wireless Internet -​ global system that uses Internet protocol suite (TCP/IP). 5.​ Dedicated Line - telecommunications path between two -​ network of networks consists: private, public, academic,...

The Internet 4.​ Wireless Internet -​ global system that uses Internet protocol suite (TCP/IP). 5.​ Dedicated Line - telecommunications path between two -​ network of networks consists: private, public, academic, points that is available 24 hours a day for use by a business, and government designated user (individual or company). -​ carries hypertext documents of the WWW electronic mail, telephony, and file sharing. WEB BROWSER ELEMENTS (8) Web -​ BF, S, R, Home Button, Status, Search Bar, Page Zooming -​ gives user access to hypertext, hypermedia, hyperlinks. -​ Address Bar - To input the Uniform Resource Identifier Web page​ (URI) also known as Uniform Resource location (URL) -​ view in internet browser -​ contain text, graphics, and hyperlinks TYPES OF WEB BROWSERS ⏩ Home page -​ Internet Explorer ⏩ -​ "home" comes from Home key on a keyboard graphical web browsers Microsoft. August 16, 1995. 📌 ⏩ HISTORY OF INTERNET -​ Mozilla Firefox. ⏩ ARPANET free and open-source web browser -​ Noong 1960s, nagplano ang ARPA na connect ang Gecko rendering engine. Sept 23, 2002. ⏩ computer from different universities with 56 Kbps -​ Safari ⏩ connection, 110 bps lang non ang mabilis. Dito nagsimula graphical web browser internet. Apple. January 7, 2003 ⏩ -​ Arpanet, grandparent ng internet. Primary goal: magsend -​ Google Chrome ⏩ ng messages sa malayo. free web browsers. December 11, 2008. -​ Packet Switching - digital data was sent in small packages 4 channels: Stable, Beta, Dev, and Canary. ⏩ (packets) -​ Opera -​ Protocol for communicating ARPAnet is TCP multi-platform web browser. April 1995 📌 ⏩ (Transmission Control Protocol) and IP - Internet protocol. -​ Netscape ⏩ TIM BERNERS LEE Mosaic Communications Corporation. April 4, 1994 -​ 1989, Lee produced HTML or Standard Generalized first company to capitalize World Wide Web. ⏩ Markup Language and WWW, users to locate and view -​ Flock multimedia-based documents (backbone) new web browser, based on Mozilla’s Firefox ⏩ -​ October 1994, found organization World Wide Web codebase. Consortium (W3C). May 19, 2009. ➔​ Recommendations - web technologies standardized by the W3C: _____________________________________________________ -​ HTML, CSS, Extensible Markup Langugae WEB COMPONENTS -​ October 2013. Alliance of Affordable Internet: Google, Facebook, Intel and Microsoft. Clients (Browser) Netscape MOZILLA DEVELOPER NETWORK Amaya -​ Powers web: HTML, CSS, Javascript MSN WEB STANDARD Servers -​ Evolving specifications of web technologies. Microsoft -​ are developed by standards organizations Netscape ___________________________________________________ zeus AOLserver Robert Cailliau - help Tim Lee and access the logo of WWW AV AOL TYPES OF INTERNET CONNECTION: JavaWebServer 1.​ Dial-up Connection- connecting to the internet using Oracle telephone lines. Aid by modem. Telephone communication can’t be used while connected to the internet. Internet Service Providers 2.​ DSL - use it both to talk and transmit data at the same time Phone Company 3.​ Cable Internet - online connection to the web by the use of Basic internet connection cable lines. AOL  Dialup/DSL/Cable/Sat 5.​ Focus Earthlink 6.​ Unity Email 7.​ Alignment - proper arrangement and positioning Verizon 8.​ Accuracy - assuring readability of info you publish NetZero 9.​ Readability - composing the content of the web pages 10.​ Understandable Web Hosting Services 11.​ Concise - use the least words to convey a message Computer (server) farm 12.​ Ethical and Legal - will not get you in any legal trouble. Web server software Firewall hardware and software Planning Your Website IT services (Backup, troubleshooting, hardware repair) 1. Create the goal or purpose Disk space -​ hope to achieve? Bandwidth / connection to internet -​ the purpose of your site? Routers and switchers -​ what and whom do you want this to solve? Email server / storage -​ Impression? 2. Identify the primary target audience Domain’s URL’s and IPs -​ kind of people? Domain name: specific address on Internet (microsoft.com) -​ problems they have and how to solve them? Uniform Resource Locator (URL): (may http) -​ value you can offer, why visit Internet protocol (IP) address 3. Plan the Content of your Website -​ Sort Of Design Domain Registrar -​ Modern Or Retro/Vintage, A company that provides domain name registration 4. Plan and Organize the Site Structure. Maintain database which maps domain names to IP’s -​ Structures in designing a website: Propagate new domain name/IP address in internet a. Linear Structure - historical information that chronological order. Creating a Website b. Hierarchical Structure - tree like presentation connected 1. Choose a domain name to the homepage with category and subcategories. 2. Register with a Registrar c. Random structure - in any order. 3. Choose a hosting service 5. Plan the web page details 4. Tell Registrar the IP address 6. Planning and designing - how a visitor goes from diff pages. 5. Create web content 7. Planning and Gathering your resources 6. Store (publish) onto hosting server (FTP) 7. Submit new site to search engines 12 Principles of good web design 1. Visitor - centric, clear purpose 2. Progressive disclosure 3. Displays quickly 4. Browser compatible 5. Intuitive navigation 6. Spelling, grammar, writing 7. Secure (eCommerce) 8. Attractive design, easy to read 9. Cultural bias? (Regional? Domestic? International?) 10. No technical problems (broken links, buggy scripts) 11. Maintainable (separate content from style) 12. Search Engine Accessible Basic Web Design Principles 1.​ Balance - symmetrical and asymmetrical arrangements 2.​ Proximity - placement of elements with logical relationship. Avoid cluttering the web page. 3.​ White Spaces - blank spaces to emphasize major topics over details. 4.​ Contrast - differentiate the elements of a web page.