Module 2.3 – The World Wide Web

The World Wide Web (WWW)

  • Vast, global collection of hyper-linked, interactive documents.

  • Each document = web page; interconnected web pages form a website.

  • Any individual can create a site, but ongoing costs (hosting, maintenance, domain registration) mean most sites are run by companies, organisations or special-interest groups.

  • Practical implication: Ease of publication democratizes information but also creates quality-control challenges—critical evaluation of sources is essential.

Web Pages & Websites

  • Website

    • Group of related pages stored at one web address.

    • Requires a web server (permanently-connected computer that “serves” pages on request).

    • Webmaster: person/team who develops & maintains the site.

  • Home page (aka “landing page”)

    • First page visitors see; provides navigation cues to the rest of the site.

  • Web page contents

    • Text, graphics, audio, video.

    • Interactive elements (forms, embedded media, scripts).

  • Hyperlink

    • Built-in connection to another resource.

    • Default visual: underlined blue text or blue-outlined graphic.

    • Makes the web a web—creates non-linear, associative navigation structure reminiscent of human thought (philosophical link to Vannevar Bush’s "memex").

  • Authoring languages

    • HTML\text{HTML} – defines document structure & content.

    • JavaScript\text{JavaScript} – client-side interactivity.

    • PHP,  Python\text{PHP},\; \text{Python} – server-side processing.

    • Ethical note: Code readability promotes open standards but also exposes vulnerabilities; secure coding & updates are a webmaster’s duty.

Web Addresses (URL & IP)

  • URL (Uniform Resource Locator) = textual address a user types or clicks.

    • General structure: protocol://www.siteName.type.country/optionalPath\text{protocol}://\text{www.siteName.type.country}/\text{optionalPath}

    • Example decomposition:

    • www.studyopportunities.co.za\text{www.studyopportunities.co.za}

      • www : sub-domain prefix (optional in modern DNS).

      • studyopportunities : site (second-level domain).

      • co : organisational type (company).

      • za : geographical country code (South Africa).

  • Common organisation codes

    • com, net – originally commercial / network, now any entity.

    • biz – business; edu – education; gov – government; org – non-profit; co – company; ac – academic.

  • Country codes (ISO-3166)

    • za, uk, sa, au, nz, us, ls, etc.

    • Practical link: content may fall under specific national legislation (e.g.
      privacy laws, censorship).

  • IP Address

    • Numerical identifier for every internet-connected device.

    • Example: 216.58.194.163216.58.194.163 currently resolves to www.google.co.za\text{www.google.co.za}.

    • A URL is essentially a human-friendly alias for an IP (DNS lookup handles translation).

    • IPv4 shortage → transition to IPv6 (128-bit addresses).

Types of Websites

  • Web portal

    • Starting point / gateway with links to news, weather, sport.

    • Government portals centralise citizen services.

  • Informational

    • Disseminate public information (school, municipal, NGO portals).

  • News

    • Current events, weather, exchange rates.

    • Newspapers/magazines often add multimedia (videos, podcasts).

  • Business or Marketing

    • Product/service information & e-commerce (e.g. Woolworths, Telkom).

  • Personal

    • Individual expression; now typically implemented as blogs or social-network profiles.

  • Wiki

    • Collaborative editing; no single owner of final content.

    • Free public access (e.g. Wikipedia).

  • Educational

    • Tutorials, simulations, teacher resources; supports formal & informal learning.

  • Entertainment

    • Video, music, games, sport streams.

  • Advocacy

    • Promote an idea or cause (e.g. SPCA, EWT).

  • Web Application

    • Software accessed wholly online, not installed locally (e.g. Google Docs).

  • Content Aggregator

    • Collects material from multiple sources.

    1. Displays on its own site (IMDb, Rotten Tomatoes).

    2. Redistributes via customised feed (Flipboard, Feedly).

  • Real-world relevance: Understanding categories aids digital literacy and targeted research.

Browsing the Web

  • Web browser = software for viewing/exploring web pages.

    • Navigate by entering URL or following hyperlinks.

  • Core interface elements

    • Address/search bar

    • Back / Forward buttons

    • Refresh/Reload

    • Home button

    • Tabbed browsing (parallel sessions)

    • Bookmarks/Favourites (store frequent URLs)

    • Customise/Tools menus (privacy, extensions, dev tools)

  • Security practices

    • Verify “https” & padlock for encrypted connections.

    • Clear cookies/history on shared machines.

Search Engines

  • Program that locates web documents based on user-supplied keywords.

  • Examples: Google, Bing, DuckDuckGo.

  • Behind the scenes: crawlers index pages; ranking algorithms order results.

  • Importance: Ability to sift through the massive WWW and retrieve relevant information quickly.

Successful Searching (4-Step Strategy)

  1. Decide precisely what you need.

  2. Identify keywords.

  3. Add synonyms/alternative terms if needed.

  4. Use Advanced Search tools (quotation marks, Boolean operators, date filters).

  • Ethical reminder: Always credit sources → include a Bibliography in assignments.

Cybersecurity & Web Terminology (Activity 2 add-ons)

  • Spam: unsolicited bulk email/messages.

  • Firewall: hardware/software barrier controlling incoming/outgoing traffic.

  • Spyware: malware that secretly gathers user data.

  • Cookies: small text files stored by websites to remember preferences/session data.

  • Internet of Things (IoT): network of everyday objects embedded with sensors & connectivity.

  • Phishing: fraudulent attempt to obtain sensitive info by pretending to be a trustworthy entity.

Summary Cheat-Sheet (Exam Quick-Recall)

  • Core concepts: WWW\text{WWW}, web page, website, home page, hyperlink, web server, URL, IP address.

  • Site categories: web portal, informational, news, business, personal, wiki, educational, entertainment, advocacy, web application, content aggregator.

  • Tools: web browser vs. search engine.

  • Search process: specify → keywords → synonyms → advanced operators → cite sources.

  • Safety terms: spam, firewall, spyware, cookies, IoT, phishing.

Ethical, Philosophical & Practical Implications

  • Democratic publishing vs. misinformation ⇒ critical digital literacy.

  • Privacy concerns (cookies, tracking, IoT data streams).

  • Intellectual property: citing, respecting copyright, Creative Commons.

  • Accessibility: web standards (HTML5, ARIA) ensure equal access for users with disabilities.

  • Sustainability: Data-centre energy use; responsible design (efficient code, green hosting).

These notes encapsulate every definition, category, example and procedural step outlined in Module 2.3, giving you a stand-alone reference for study and exam preparation.