1 / 25

The Internet and the World Wide Web

The Internet and the World Wide Web. The Internet. A Network is a collection of computers and devices that are connected together. The Internet is a worldwide collection/network of networks. The Internet. *Wikipedia.

domani
Télécharger la présentation

The Internet and the World Wide Web

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. The Internet and the World Wide Web

  2. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide collection/network of networks.

  3. The Internet *Wikipedia The Internet is a global system of interconnected computer networks. It is a network of networks that consists of millions of private, public, academic, business, and government networks.*

  4. The Internet

  5. World Wide Web *Wikipedia A system of interlinked hypertext documents accessed via the Internet*

  6. Internet Browser A Browser is software that requests pages from the a web server, interprets, and displays web pages

  7. Browser and Web Server

  8. An Intro to HTML, CSS, and Javascript

  9. What is HTML? Hyper Text Markup Language Markup Tags Hypertext – text that using links enables non-sequential access within and between documents and web sites Web Browser to interpret HTML .html extension

  10. Some Markup Languages HTML XML CSS LaTeX

  11. Two Ways to Open an HTML Text – ‘code’ Browser Use ‘Open With’

  12. How does HTML Look?

  13. How does this look in a Web Browser?

  14. Webpage vs. Website

  15. CSS Cascading Style Sheets – styles and enhances appearance of webpage .cssextension cs.mtsu.edu/~mw3n

  16. Javascript Programming/Scripting Language Not to be confused with Java Searches, Buttons, Alerts, Forms

  17. Files and File Systems Files Folders Example

  18. What Makes a Good Website?

  19. Planning for Website Some Considerations: • Be clear on the audience, purpose and requirements • Plan your sites look and feel • Be consistent • Be clear • Use of fonts, color, graphics, sounds and video • Page loading • Plan the structure and hierarchy of your pages • Within a page • Between pages

  20. Planning for Website • Plan your navigation • Within a page • Between pages • Between your site and other sites • Create a mockup and check with users

  21. Process for Developing a Web Site • Create the web pages using an editor or other tool • There are many editors that assist in creating web pages (free and fee) • Test the web pages locally • Test them on the server

  22. Process for Developing a Web Site • Publish the web pages by uploading the pages to the web server • There are many tools available to facilitate the management and uploading of web pages – called content management systems • Commercial web sites: • First publish to test web sites • Ensure that all pages work well on all browsers they intend to support • Test page load times across a variety of user internet connections for acceptability • Tune and retest as needed • Push to the public-facing web sites

  23. A Basic Approach to Writing Code - Programming • Document the problem you want to solve • Sketch out your ideas • Basic flow • Web page or report layouts • Write the code with your tool of choice • Do it incrementally • Testing: • Each new section as you add • Prior sections to ensure you haven’t broken them

  24. A Basic Approach to Writing Code - Programming • Thoroughly test • Test each function • Test each system end to end • If appropriate stress test In testing the goal is to break code rather than a user finding the errors

  25. Summary Planning and Design Create the web pages Test the web pages Publish the web pages

More Related