The Internet and the World Wide Web

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