Millennium Academy, Grade 11, Web Design and Development,

Students Short Handout

Module II: Access and Analyze Online Information

UNIT 1: The Internet and The World Wide Web
LO: After completion of this unit, you will be able to:
 Describe the Internet and the World Wide Web
Introduction to the Internet
 The Internet is the global network of interconnected computers and devices, allowing them to
communicate and exchange data with each other.
 It's a vast, decentralized network that spans the globe, connecting billions of devices, including
personal computers, servers, smartphones, and more. This network operates on a set of standardized
protocols and technologies.
 The internet was born out of a need to share information and connect people around the world, On
October 29, 1969, an organization called ARPANET (Advanced Research Projects Agency).
How the Internet Works
1. Devices and Endpoints:
 Devices that form its nodes computers, smartphones, servers, routers, and more.
 Each device is assigned a unique identifier known as an IP (Internet Protocol) address.
 Client computers connect to the internet through an ISP.
2. Physical Network Infrastructure:
 Cables: These include copper telephone wires, TV cables, and fiber optic cables. Undersea cables
also play a crucial role in intercontinental data transmission.
 Routers and Switches: These devices manage traffic within and between networks by forwarding
data packets to their intended IP addresses.
 Servers: Central to data exchange, servers store, send, and receive data. Web servers, for instance,
host websites and send their data to other devices.
 Data Centers: These facilities house large numbers of servers and other computing hardware. They
are essential for cloud computing services and extensive data storage and processing.
3. Internet Service Providers (ISPs):
 Internet Service Providers (ISPs) are essential organizations that facilitate access to the internet for
individuals, businesses, and organizations.
 They serve as gateways to the broader internet infrastructure, providing various types of internet
connections including broadband (cable, DSL, fiber optics), wireless, satellite, and even traditional
dial-up services.

1 2017 E.C Compiled by: Binyam E.

4. Protocols and Standards
Internet protocols are the set of rules and standards that define how data is transmitted and communicated
across networks.
TCP/IP (Transmission Control Protocol/Internet Protocol):
 The backbone of Internet communication is the TCP/IP protocol suite. This suite manages the
transmission of data by breaking it into packets, assigning addresses, and ensuring the reliable
delivery of information between devices.
DNS (Domain Name System):
 Translates human-readable domain names into machine readable IP addresses.
 The DNS acts as a virtual phone book, translating human-readable domain names into IP addresses.
 This essential service enables users to access websites using easily memorable names, simplifying
the user experience and abstracting the complexity of numerical IP addresses.
HTTP/HTTPS (Hyper Text Transfer Protocol/Secure):
 HTTP is the protocol used by the Web to transfer data over the Internet. It allows for the fetching
of resources, such as HTML documents. It's a request/response protocol between clients and
servers.
Simple Mail Transfer Protocol (SMTP):
 SMTP is the standard protocol for email transmission across networks. It is used when email is sent
from a client to a server or between servers.
 SMTP only covers the sending of emails; other protocols like IMAP and POP3 are used for
retrieving and storing messages.
File Transfer Protocol (FTP):
 FTP is used for the transfer of files from one host to another over the Internet.
5. Clients:
 Clients (End-users) interact with the Internet through web browsers, such as Chrome.
6. Web Servers:
 Web servers store and deliver web pages in response to client requests. Equipped with software
like Apache or Nginx, they process incoming requests, retrieve the requested files, and send them
to the user's browser
7. Firewalls and Security Measures:
 Firewalls act as gatekeepers, protecting networks from unauthorized access and potential cyber
threats. Additional security measures, such as encryption through SSL/TLS and Virtual Private
Networks (VPNs), contribute to securing data during transmission.
8. IP addresses.
 Every computer on the internet is assigned a series of numbers, like [Link].

2 2017 E.C Compiled by: Binyam E.

  That series of numbers uniquely identifies the computer over the internet. If a URL like
([Link]) is a nickname for a website, an IP Address (like [Link]) is its real name.
 IPv4 (Internet Protocol Version 4) and IPv6 (Internet Protocol Version 6) are versions of the
Internet Protocol, which is used to identify devices on a network and route traffic across the internet.
 IPv4 uses a 32-bit address scheme, allowing for a theoretical maximum of approximately 4.3 billion
unique addresses.
 Due to the exponential growth of the internet and the number of devices connected to it, IPv4
addresses are now nearly depleted.
 An IPv4 address is typically displayed in decimal digits, separated by dots. Example of an IPv4
Address: [Link]
 IPv6 While IPv4 has limitations due to a finite address space, IPv6 was introduced to accommodate
the ever-growing number of connected devices and ensure the sustainability of the Internet.
 To address the depletion of IPv4 addresses and It uses a 128-bit address scheme. This allows for a
vastly larger number of devices to be connected directly to the internet.
 IPv6 addresses are written in hexadecimal and separated by colons. Example of an IPv6 Address:
2001:0db8:85a3:0000:0000:8a2e:0370:7334

Applications of the Internet

1. Communication: One of the primaries uses of the Internet is communication. Email services like
Gmail and Outlook allow people to send messages instantly across the globe. Social media platforms
such as Facebook, Twitter, and Instagram have transformed how we socialize, enabling us to share and
connect with others in real-time. Video conferencing tools like Zoom and Skype support both personal
and professional interactions, facilitating virtual meetings, classes, and family gatherings.

3 2017 E.C Compiled by: Binyam E.

2. Information and Research: The Internet is a vast repository of information, accessible via search
engines like Google, Bing, and Yahoo. Whether it's historical facts, scientific data, or the latest news,
the Internet provides an unparalleled wealth of resources for research and learning.
3. Entertainment: The Internet provides a wide range of entertainment options. Streaming services like
Netflix, Hulu, and YouTube offer movies, TV shows, and user-generated content available at the click
of a button. Online gaming platforms connect players from around the world, and music streaming
services like Spotify and Apple Music give users access to millions of songs and podcasts.
4. E-Commerce: Online shopping has become a staple, with websites like Amazon, eBay, and Alibaba
offering the ability to purchase almost anything from the comfort of home. This extends to food delivery
from restaurants, grocery shopping, and the global marketplace of goods and services, all facilitated by
the Internet.
5. Education: The Internet has dramatically expanded access to education. Online courses, virtual
classrooms, and e-learning platforms like Coursera, Udemy, and Khan Academy make it possible for
anyone with an internet connection to learn new skills or earn degrees.
6. Healthcare: Telemedicine is an emerging field where the Internet plays a crucial role. Patients can
consult with doctors online, receive remote diagnoses, and manage prescriptions without needing to
visit a clinic in person.
7. Banking and Finance: Internet banking allows consumers to manage their finances online, from
transferring funds to trading stocks. Financial services have become more accessible, and the Internet
also supports the emergence of digital currencies and mobile payment systems like PayPal and Venmo.
8. Cloud Computing: The delivery of computing resources, including storage, servers, and software,
over the Internet, providing on-demand access and scalability.
Introduction to the World Wide Web (WWW)
The World Wide Web is a system of interlinked hypertext documents accessed via the Internet. It provides
a graphical interface for navigating and accessing information, allowing users to browse websites and
interact with web-based applications.
 The Internet is a massive network of networks, a networking infrastructure that connects millions
of computers globally, allowing them to communicate.
 The World Wide Web is a way of accessing information over the medium of the Internet. It is an
information-sharing model that is built on top of the Internet.
Structure and Components
 Web Pages: Web pages are documents, typically written in HTML (Hyper Text Markup
Language), that can contain text, images, videos, and other multimedia.
 Web Browsers: Web browsers, such as Google Chrome, Mozilla Firefox, and Safari, are software
applications used to access web pages. They interpret HTML files and display them as web pages.

4 2017 E.C Compiled by: Binyam E.

  Web Servers: Web servers are computers set up to respond to requests for web pages. They store,
process, and deliver web pages to users.
 Hyperlinks: Hyperlinks, or links, connect web pages to one another. They allow users to navigate
between related pages and websites easily.
 URLs (Uniform Resource Locators): URLs are web addresses that point to a specific web page.
Each URL is unique and directs the browser to a particular resource on the web.
o It serves as a unique identifier for web pages, files, images, or any other resource accessible
via the web. URL Examples: •
▪ HTTP:[Link]
▪ HTTPS:[Link]
▪ FTP:[Link]

 Protocol: The protocol tells your browser how to connect to a webpage. It could be HTTP
(hypertext transfer protocol) or HTTPS (HTTP secure).
 Subdomain: A subdomain is a string of letters or a complete word that appears before a URL’s
first dot. The most popular subdomain is www.
 Domain: A domain is the main part of the URL that identifies the website. Like MOE, Amazon,
Expedia, or Ethio telecom.
 Top-Level Domain (TLD): The TLD (also called domain extension) is the part that comes after
the name of your website, like “.com.” You’ll come across many TLDs on the internet. Examples
of TLDs include:
o Generic Top-Level Domains (gTLDs):
▪ .com: Commercial entities.
▪ .org: Non-profit organizations.
▪ .net: Network-related entities.
▪ .edu: Educational institutions.
▪ .gov: U.S. government agencies.
o Country Code Top-Level Domains (ccTLDs):
▪ .et: Ethiopia • .us: United States.
▪ .uk: United Kingdom.
▪ .ca: Canada.

5 2017 E.C Compiled by: Binyam E.

 o New Generic Top-Level Domains (new gTLDs):
▪ .app: Application-related websites.
▪ .blog: Blogs and publications.
▪ .tech: Technology-related sites.
HTTP/HTTPS (Hyper Text Transfer Protocol/Secure): These protocols govern how data is transmitted
between web browsers and servers. HTTPS adds a layer of encryption for security.
 HTTP operates over an unencrypted channel, which means the data exchanged between the user's
browser and the server is susceptible to interception and manipulation by malicious entities. This
lack of encryption poses a security risk, especially when transmitting sensitive information such as
login credentials or personal details.
 HTTPS is essential for any website that handles sensitive information, such as online transactions,
login credentials, or personal data. It provides users with confidence in the security of their
interactions with the website, fostering trust and protecting against various cyber threats, including
man-in-the-middle attacks.
 One of the key features of HTTPS is the use of SSL/TLS certificates. Websites that implement
HTTPS have these certificates, which are verified by trusted third-party entities called Certificate
Authorities. When a user accesses an HTTPS-enabled website, their browser checks the
authenticity of the SSL/TLS certificate. If valid, the browser establishes a secure connection, and
the web address usually displays "[Link] along with a padlock icon, indicating a secure
connection.
Web Pages
Web pages are documents written in HTML, which is a markup language that defines the structure and
layout of content on the page. HTML tags are used to markup elements such as headings, paragraphs,
images, links, and more.

Web Page Structure and Elements

 Web Page Structure: The organization of a web page using HTML elements, including headers,
paragraphs, lists, images, tables, forms, and more.

6 2017 E.C Compiled by: Binyam E.

 Hyperlinks: Hyperlinks, often referred to simply as links, are the foundation of the Web. They allow
users to navigate between web pages by clicking on text or objects that are linked to other pages or
resources.
 Multimedia Elements: The inclusion of images, videos, audio, and other media types within web
pages to enhance the user experience.
 Forms and User Input: The use of form elements to collect user input, such as text fields, checkboxes,
radio buttons, dropdown menus, and submit buttons.

Websites
A website is a collection of web pages and related content that are hosted on a web server and can be
accessed via the World Wide Web. It serves as a virtual space where individuals, organizations, businesses,
and other entities can share information, showcase products or services, communicate with users, and
engage in various online activities.
Purpose of Websites
 Information Dissemination: Many websites are created to provide information. These can range from
news platforms and educational sites to blogs and informational portals that offer articles, reports, and
guides on a wide array of topics.
 E-commerce: Online stores and e-commerce platforms allow businesses to sell products and services
directly to consumers across the globe. Sites like Amazon and eBay are prime examples, facilitating
billions of transactions.
 Marketing and Branding: Websites are essential tools for marketing and branding efforts. They offer
a controlled environment to showcase a brand’s identity, communicate with potential customers, and
build relationships through engaging content.
 Customer Service: Websites also function as a customer service portal, providing answers to
frequently asked questions, live chat support, and resources for customers seeking help.
 Community Building: Social media platforms, forums, and discussion boards on websites enable the
formation of communities where people can share interests, discuss topics, and provide peer support.
 Entertainment: Many websites are dedicated to entertainment, offering streaming services, games,
and interactive media to engage users.

Distinguishing Between a Website and a Webpage

Webpage Website
A webpage contains content about a specific topic A website houses content on a variety of topics
Can be accessed via a direct URL link Accessed through a domain address
A single hypertext document linked to a website A collection of various pages hosted on a server
Generally, simpler to develop Can be more complex to develop
Takes less time to develop Development may take more time

7 2017 E.C Compiled by: Binyam E.

Types of Websites
Websites can be broadly categorized into two types: static and dynamic. Each type serves different purposes
and suits different needs, depending on how the content is generated and managed.

A. Static Websites
Static websites are made up of web pages with fixed content, which are coded directly in HTML. The
content of each page does not change unless it is manually updated by the webmaster.

Characteristics:
 Fixed Content: Each page displays the same content to every visitor, making it consistent and reliable.
 Quick to Load: With no need to process data on the server side, static pages usually load faster than
dynamic pages.
 Simplicity: They are easier to create and host, as they require less server-side infrastructure. Typical
Uses:
 Landing Pages: Often used for specific campaigns where information does not need to be dynamically
generated.
 Small Business Websites: Suitable for businesses that need an online presence but do not require
frequent updates.
 Documentation: Perfect for documentation sites where information changes are infrequent.
B. Dynamic Websites
Dynamic websites are capable of displaying different content from the same source code. They use server-
side scripting languages like PHP, Python, or [Link] to dynamically build a page when a user visits the
site.

Characteristics:
 Interactive and Personalized Content: Content can change based on user interactions or input,
providing a personalized experience.
 Server-side Processing: These sites rely on server technology for functions like logging in users,
managing user input, and storing data.
 Flexibility: More adaptable to complex functionalities like online stores or forums where content needs
to be updated frequently. Typical Uses:
 E-commerce Sites: These require dynamic pages for product listings, user accounts, and shopping
carts.
 Social Media Platforms: Dynamic websites are necessary to handle real-time updates, user
interactions, and content personalization.
 Blogs and News Portals: Where content is constantly updated and may need to be archived or searched.

8 2017 E.C Compiled by: Binyam E.

UNIT 2: WEB BROWSERS
LO: After completion of this unit, you will be able to:
 Use and configure Web Browsers

Introduction to Web browsers

 A web browser is a software application that allows users to access and interact with content on the
World Wide Web (WWW).
 It serves as a user interface for navigating the Internet, retrieving web pages, search for information,
view text and images, watch videos, interact with web-based forms and services, and displaying them
on a computer or device by input web addresses into (URLs).
 The primary functionality of web browsers is to interpret and render web content. They act as
intermediaries between users and web servers, translating HTML, CSS, and other code into the visually
appealing websites we see.
Popular Web Browsers:
In 2025, popular web browsers like Chrome, Safari, Edge, Firefox, and Opera cater to diverse needs, with
Chrome dominating the market, Safari excelling on Apple devices, and others focusing on privacy, speed,
or unique features.
Here's a comparison of some of the most popular web browsers:
1. Google Chrome:
• Strengths: Known for its speed, extensive extension library, and cross-platform compatibility.
• Weaknesses: Can be resource-intensive and raises privacy concerns for some users.
• Best for: General web browsing, developers, and users who rely on extensions.
2. Safari:
• Strengths: Optimized for Apple devices, efficient, and integrates well with the Apple ecosystem.
• Weaknesses: Less available on non-Apple platforms.
• Best for: Apple users who prioritize performance and battery life.
3. Microsoft Edge:
• Strengths: Built on Chromium, offers AI features, and integrates well with the Windows
ecosystem.
• Weaknesses: Can be seen as less privacy-focused compared to some alternatives.
• Best for: Users who want a modern browser with AI features and good Windows integration.
4. Mozilla Firefox:
• Strengths: Open-source, privacy-focused, and offers a wide range of extensions.
• Weaknesses: Can be slower than some other browsers, and its interface might feel less polished.
• Best for: Privacy-conscious users who value open-source software and customization.
5. Opera:

9 2017 E.C Compiled by: Binyam E.

 • Strengths: Focuses on speed, privacy, and unique features like a built-in VPN and ad-blocker.
• Weaknesses: May not be as popular as Chrome or Firefox.
• Best for: Users who prioritize speed, privacy, and unique features.
Navigating and utilizing Web browser features
 Browsing also called Surfing the process of looking into the information available in the web.
 Understanding how to efficiently use and navigate these features is crucial for a seamless online
experience.
Here are some key areas of focus when discussing the importance of effective information management:
 Time Efficiency: Proper information management helps users find what they need quickly,
reducing the time spent searching for websites, bookmarks, or saved pages.
 Productivity: Organized bookmarks and saved web pages can increase productivity by allowing
users to focus on tasks instead of searching for information repeatedly.
 Content Retention: Effective information management ensures that valuable content is retained
for future reference.
 Cross-Device Accessibility: Synchronization of browser settings and bookmarks allows users to
access their information on various devices, including computers, smartphones, and tablets.
 Enhanced Security: Effective information management includes using browser features like
password managers to secure sensitive data. Managing cookies and privacy settings can also help
protect personal information from potential threats.

Basic Navigation in a browser window

 Understanding the various components of the Google Chrome browser window is crucial for efficient
navigation and browsing.
Here's a brief explanation of each key element:
1. Back Button 6. Bookmark buttons
2. Forward 7. Extensions
3. Refresh Button 8. Profile
4. Tabs 9. Menu
5. Address bar 10. Windows Management icons

Utilizing and Managing Web Browser Features

Tabs and Windows Management

 Opening Tabs and Windows
• New Tab: Press Ctrl + T (Windows) or Command + T (Mac).
• New Window: Press Ctrl + N (Windows) or Command + N (Mac).
• Reopen Closed Tab: Press Ctrl + Shift + T (Windows) or Command + Shift + T (Mac).

10 2017 E.C Compiled by: Binyam E.

 Managing Tabs
• Pinning Tabs: Right-click on the tab and select "Pin".
• Moving Tabs: Click and drag the tab to reorder.
• Grouping Tabs: Right-click on a tab and select "Add tab to new group".
Managing Bookmarks
 Adding Bookmarks
• Bookmark Current Page: Press Ctrl + D (Windows) or Command + D (Mac).
• Bookmark All Tabs: Right-click on a tab and select "Bookmark all tabs".
 Organizing Bookmarks
• Bookmark Manager: Press Ctrl + Shift + O (Windows) or Command + Shift + O (Mac) to open
the Bookmark Manager.
• Creating Folders: In the Bookmark Manager, click on the three dots and select "Add new
folder".
Managing Browser History
 Viewing History
• Open History: Press Ctrl + H (Windows) or Command + Y (Mac) to view your browsing
history.
 Clearing History
• Clear Browsing Data: Press Ctrl + Shift + Delete (Windows) or Command + Shift +
Delete (Mac). Select the time range and data types to clear.
Downloading and Managing Files
 Downloading Files
• Download a File: Click on the link to the file or right-click and select "Save link as…".
 Managing Downloads
• View Downloads: Press Ctrl + J (Windows) or Command + Shift + J (Mac) to open the
Downloads page.
• Canceling Downloads: Click the "X" next to the download in the Downloads page.
Manage Stored Data in Google Chrome
 Viewing Stored Data
• Site Settings: Go to chrome://settings/siteData to view stored cookies and site data.
 Clearing Stored Data
• Clear Cookies and Site Data: Go to chrome://settings/clearBrowserData, select "Cookies and
other site data", and clear it.
View Source Code of a Website
 Viewing Source Code

11 2017 E.C Compiled by: Binyam E.

 • View Page Source: Right-click on the webpage and select "View page source" or press Ctrl +
U (Windows) or Command + U (Mac).
 Inspecting Elements
• Inspect Element: Right-click on any element and select "Inspect" to open the Developer Tools
for a detailed view of the HTML and CSS.
Customizing and Configure Web browser
 Configuring the basic settings of your web browser is a crucial step in personalizing your online
experience, enhancing security, and optimizing performance.
General Settings
 Change Your Language on the Web
1. Open Settings: Click on the three dots in the upper-right corner and select Settings.
2. Languages: Scroll down and click on Advanced, then find the Languages section.
3. Add Language: Click on Add languages, select your preferred language, and click Add.
4. Display Google Chrome in this Language: Click on the three dots next to the language and
select Display Google Chrome in this language.
5. Restart Chrome: Restart the browser for the changes to take effect.
 Modify Homepage and Startup Options
1. Open Settings: Go to Settings.
2. On Startup: In the on-startup section, choose one of the following:
• Open the New Tab page
• Continue where you left off
• Open a specific page or set of pages: Click on Add a new page to set your homepage.
 Themes and Appearance Settings
1. Open Settings: Navigate to Settings.
2. Appearance: Under the Appearance section, you can:
• Show Home button: Toggle on/off.
• Change Theme: Click on Themes to open the Chrome Web Store and select a theme.
• Font Size: Adjust the font size from the dropdown menu (Default, Medium, Large, very
large).
 Setting Search Engine
1. Open Settings: Go to Settings.
2. Search Engine: In the Search engine section, click on Manage search engines.
3. Choose Default Search Engine: Select your preferred search engine from the list or add a new
one by clicking on Add.
 Managing Extensions

12 2017 E.C Compiled by: Binyam E.

 1. Open Extensions: Click on the three dots in the upper-right corner, go to More tools, and
select Extensions.
2. Enable/Disable Extensions: Toggle the switch next to each extension to enable or disable it.
3. Remove Extensions: Click on Remove to uninstall an extension.
 Privacy and Security Settings
1. Open Settings: Navigate to Settings.
2. Privacy and Security: Click on the Privacy and security section.
A. Clear Browsing Data: Click on Clear browsing data to remove cookies, cached
images, etc.
B. Site Settings: Manage permissions for cookies, location, camera, etc.
C. Security: Adjust settings for Safe Browsing and enhanced protection.
 Syncing Browsing Data Across Devices
1. Open Settings: Go to Settings.
2. You and Google: Click on your profile at the top.
3. Sync and Google Services: Click on Sync.
4. Choose What to Sync: You can toggle on/off options such as bookmarks, history, passwords,
and more.
5. Sign In: Make sure you're signed in to your Google account to sync across devices.
The following section will mention some advantages and disadvantages.
Advantages of Syncing Across Devices
 Consistent Experience: Access the same bookmarks, history, passwords, and settings on all your
devices. Start browsing on one device and continue on another without losing your place.
 Convenience: Automatically fill in passwords, payment methods, and addresses stored in your
Google account. Keep extensions and themes consistent across devices.
 Backup and Recovery: Easily recover your data if you lose or replace a device.
Disadvantages of Sync
 Security Risks: If your Google account is compromised, all synced data, including passwords
and browsing history, can be accessed by unauthorized individuals. So don’t sync on public
devices.
 Data Usage: Syncing can consume data, which might be a concern for users with limited data
plans or slow internet connections.
 Device Dependency: If sync settings are not managed properly, changes made on one device can
affect your experience on all synced devices, which may not always be desirable.

13 2017 E.C Compiled by: Binyam E.

UNIT 3: SEARCH AND EVALUATE INFORMATION OVER THE INTERNET
LO: After completion of this unit, you will be able to:
 Search effectively and critically to evaluate information over the web.

Search information

 "Search for Information" refers to actively seeking and retrieving specific data, facts, or knowledge
from various sources, often utilizing search engines or databases.
 Include formulating a clear query or question, using appropriate search tools, evaluating search results,
and extracting relevant information to meet the intended purpose.

Search Engines and Their Functions

 They index millions of web pages and provide results based on the relevance to the user's query.
 The search results are generally presented in a line of results, often called search engine results pages
(SERPs).
 The information may be a mix of web pages, images, videos, infographics, articles, research papers,
and other types of files.

Popular Search Engines

 Google: The most widely used search engine, known for its speed, relevance, and comprehensive
index. Google also offers various tools like Google Images, Google Maps, and Google Scholar.
 Bing: Microsoft's search engine, which integrates well with Windows and Microsoft services. Bing
offers unique features like image search, video search, and integration with Microsoft Office.
 Yahoo: Provides a variety of services, including search, news, email, and more. Yahoo search is
powered by Bing.
 DuckDuckGo: Focuses on user privacy and does not track search activity, making it a popular
choice for those concerned with privacy.

Key Functions of Search Engines

 Keyword Search: Users type in words or phrases (keywords) to find relevant web pages.
 Advanced Search: This offers options to refine search queries with filters for date, language,
region, and more.
 Image and Video Search: Allows users to find images and videos related to their queries.
 Voice Search: Enables users to perform searches using voice commands, which is especially useful
on mobile devices.
 Local Search: Helps users find businesses, services, and points of interest in their local area.

14 2017 E.C Compiled by: Binyam E.

How do search engines work?

To learn how SEO works, it’s important to have a basic understanding of how search engines work. Search
engines use crawlers (also known as spiders or bots) to gather information across the internet to populate
their extensive databases, called “indexes.” Crawlers begin from a known webpage and then follow links
from that page to other pages.

Search engines work through three primary functions:

 Crawling: Scour the Internet for content, looking over the code/content for each URL they find.
 Indexing: Store and organize the content found during the crawling process. Once a page is in the
index, it’s in the running to be displayed as a result to relevant queries.
 Ranking: Provide the pieces of content that will best answer a searcher's query, which means that
results are ordered by most relevant to least relevant.

The Role of Search Engines in Web Development For web developers, understanding how search engines
work is crucial for optimizing websites to achieve higher rankings in search results. This process, known
as Search Engine Optimization (SEO), is the practice of optimizing websites, webpages, and content to
rank higher in search engines like Google. involves:

On-Page SEO: Optimizing the content and structure of the website to be search-engine friendly. This
includes using proper HTML tags, meta descriptions, and alt text for images.

Off-Page SEO: Building backlinks from other reputable sites to improve the website’s authority and
ranking. o Getting backlinks (also known as external links), to your website from other sites is still one of
the most effective ways to improve search engine rankings.

Technical SEO: Deals with the technical aspects of your website. Examples include improving page speed,
optimizing site structure, and using schema markup. Ensuring that the website is accessible to crawlers,
loads quickly, and is mobile-friendly.

 All of this combines to help search engines discover, crawl, index, understand, and rank your
content. By leveraging these techniques, web developers can enhance their sites’ visibility, attract
more visitors, and achieve their online goals.

Here are some common strategies and techniques:

1. Basic Search: A search can be conducted by entering a single search term or a phrase comprising
more than one term. For example, you can search for Cheese cake recipe to find recipes for
making cheese cake.
2. Exact Match Search: An exact match search is a technique used to find results that contain the
exact phrase or terms specified in the search query. By using quotation marks around a phrase or

15 2017 E.C Compiled by: Binyam E.

 set of words, Google will return only those results that contain the precise sequence of words in the
same order as typed. For example, if you are searching for information on "responsive web
design," you would type,
 This technique is particularly useful for locating specific phrases, quotes, names, and product
information, making your search process more efficient and effective.
3. Boolean Search: This is a very common search technique that combines search terms according
to the Boolean logic. Three types of Boolean search are possible: AND search, OR search and
NOT search.
A. Boolean AND search: allows users to combine two or more search terms using the
Boolean AND operator. A Boolean AND search will retrieve all those items where all the
constituent terms occur. For example, the following search expression "Internet and
WWW" will retrieve all those records where both the terms occur.
B. Boolean OR search: allows users to combine two or more search terms such that the
system retrieves all those items that contain either one or all of the constituent terms. Thus,
the following search expression "Colleges or Universities" will retrieve all those records
(1) where the term Colleges occurs, (2) where the term Universities occurs, and (3) where
both the terms occur. For example, "JavaScript OR Python OR C++" will show results
containing either JavaScript or Python or C++.
C. Boolean NOT: Excludes results containing the specified term. search allows users to
specify those terms that they do not want to occur in the retrieved records. For example,
the following search expression "Search engines NOT Hotbot" will retrieve all the
records on search engines except those where the term 'Hotbot' occurs.

4. Site Search: To search within a specific website, use the "site:" operator. For example: Searching
for "CSS Grid site: [Link]" will return results about CSS Grid specifically from
[Link].

16 2017 E.C Compiled by: Binyam E.

 5. Wildcards (*) search: Using an asterisk (*) as a placeholder for any word or part of a word. Google
allows the use of asterisks (*) as placeholders for missing words. For example, searching for "web
* design" will return results for web development design, web graphic design, web responsive
design, etc.
6. File Type Search: Using the filetype: operator to search for specific types of files. For example:
Searching for "HTML5 cheat sheet filetype: pdf" will return PDF files related to HTML5 cheat
sheets.
7. Definitions: To get a definition of a word or term, simply type "define:" followed by the word. For
Example, "define: onomatopoeia" will provide the definition of that word.

Refine a search using Google Advanced Search features

Google's Advanced Search Options provide a powerful way to refine and customize your searches, enabling
you to find more specific and relevant information.
 These options allow you to narrow down your search results based on various criteria.

Here's a description of the key Advanced Search Options:

 Exact Words: Find results that include an exact phrase enclosed in quotation marks. This ensures
that search results match the phrase precisely.
 Exclude Words: Exclude specific terms from your search to filter out irrelevant results.
 Site or Domain: Search for content within a specific website or domain by using the "Site or
domain" field. This is useful when you want to find information from a particular source.
 File Type: Specify a file type, such as PDF, to search for documents in that format. This is helpful
when looking for specific types of files.
 Usage Rights: Filter results based on usage rights, which helps you find content that can be reused,
modified, or shared commercially. This is useful for content creators or educators.
 Region: Narrow your search results to a specific region or country to find information relevant to
a particular location.
 Last Update: Choose a time frame (e.g., past day, past week, past month) to find content that has
been updated recently.
 Safe Search: Activate Safe Search to filter out explicit or adult content from search results, making
your search experience more family-friendly.
 Language: Specify the language in which you want your search results to appear.

Google Reverse Image Search

 Google Reverse Image Search is a feature provided by Google that allows users to search for
information, related images, and sources using an image as the search query instead of text.

17 2017 E.C Compiled by: Binyam E.

 This tool is valuable for discovering more about a particular image, identifying its source, finding
visually similar images, and exploring web pages where the image appears.

Key Use Cases for Google Reverse Image Search:

 Verifying Image Authenticity: Check if an image has been edited or manipulated by comparing
it with the original or other versions online.
 Identifying Sources and Attribution: Find the original source of an image to provide proper
attribution or credit, especially for creative works.
 Researching Products or Objects: Use reverse image search to identify objects, products,
landmarks, or artworks within an image.
 Detecting Fake Profiles or Scams: Verify the authenticity of profile pictures on social media or
dating platforms to identify potential scams or fake accounts.
 Locating Higher-Resolution Versions: Find higher-resolution versions of images for various
purposes, such as printing or design projects.

Google Reverse Image Search is a versatile tool that empowers users to delve deeper into the content and
context of images found online. It is particularly useful for fact-checking, image verification, and obtaining
more information about visual content.

Critical Evaluation
In the digital age, it's essential to critically evaluate online information to ensure its accuracy, reliability,
and credibility. When you start searching for suitable resources, you will want to select resources that
improve your knowledge and your learning experiences. And you will want to select accurate and reliable
content.

 There are many sites, blogs and social media posts that aim to share inaccurate information to
mislead people, either to further a political or religious agenda or for financial gain. There are hoax
sites and “Fake news” sites and posts that are written as though they are factual and true but they
are actually fabricated.

Source Credibility Assessment

Users must critically evaluate, determining and assessing the quality and credibility of online sources.
Understand the criteria for assessing reliability, bias, and expertise. It encourages you to think critically
about the reliability, validity, accuracy, authority, timeliness, point of view or bias of information sources.

 There are certain frameworks that information professionals have put together to help people think
critically about the information provided. One of them and a highly used framework is the CRAAP
framework.
 The acronym "CRAAP" stands for Currency, Relevance, Authority, Accuracy, and Purpose.

18 2017 E.C Compiled by: Binyam E.

Currency: Definition: Refers to the timeliness of the information, i.e., how recent it is.
• When was the information published or last updated?
• Is the information still current and applicable to the topic?
Relevance: Definition: Focuses on the importance of the information in relation to your research or
information needs.
• Does the information relate to your topic or research question?
• Is it suitable for your academic or informational purposes?
Authority: Definition: Examines the source's credibility and the qualifications of the author or
organization providing the information.
• Who is the author, and what are their credentials or qualifications?
• Is the author affiliated with a reputable institution or organization?
Accuracy: Definition: Assesses the reliability and truthfulness of the information.
• Are the facts and claims supported by evidence or citations?
• Can the information be verified through other reputable sources?
Purpose: Definition: Explores the intent behind the information, whether it is to inform, persuade,
entertain, or sell a product.
• What is the purpose of the information? Is it to inform, entertain, or persuade?
• Is there potential bias or a conflict of interest?
 Applying the CRAAP framework involves considering each of these criteria when evaluating a
source. It helps individuals develop a comprehensive understanding of the information's quality
and reliability.

19 2017 E.C Compiled by: Binyam E.

20 2017 E.C Compiled by: Binyam E.
Copyright and Data Protection
Copyright Laws in the Digital World Copyright laws are designed to protect the rights of creators by giving
them control over how their work is used. In the digital world, these laws apply to various forms of media,
including text, images, music, and videos.

 For web developers, respecting copyright is vital to avoid legal issues and to maintain the integrity
of their work. Copyright grants the creator of original work exclusive rights to its use and
distribution. This applies to literary, dramatic, musical, and artistic works, as well as sound
recordings, films, and broadcasts.
 In the context of web development, this means that any content you use on a website, from images
and music to code snippets and text, must either be original, properly licensed, or used with
permission.

Infringement of copyright can result in significant penalties, including fines and legal actions. To avoid
these issues, always obtain the necessary permissions or licenses for the content you use. For instance, if
you’re using a piece of music on your website, ensure it is either royalty-free or you have the appropriate
license. Using tools like Google’s "Usage Rights" search filter or websites that offer free-to-use or licensed
content can help in finding legally usable materials.

Data Protection rights and obligations

Data protection laws are designed to safeguard individuals' personal information from misuse and
unauthorized access. These laws outline the rights of individuals regarding their data and the obligations of
organizations that collect and process this data.
 For web developers, understanding and implementing these laws is crucial to build trust with users
and ensure compliance with legal standards. Personal data includes any information that can
identify an individual, such as names, addresses, email addresses, and social security numbers.

Data protection laws like the General Data Protection Regulation (GDPR) in the European Union and
the California Consumer Privacy Act (CCPA) in the United States give individuals control over their
personal data. These laws grant rights such as access to personal data, the right to rectify incorrect data, the
right to have data erased, and the right to data portability.
 For web developers, this means implementing features that allow users to exercise these rights. For
instance, providing a user-friendly interface where users can update their personal information
or request the deletion of their account is essential.

In summary, understanding and adhering to copyright and data protection laws is essential for web
developers. These principles not only protect creators and individuals but also promote ethical practices
and trust in the digital world. By respecting copyright and safeguarding personal data, web developers can
create secure, compliant, and trustworthy websites.

21 2017 E.C Compiled by: Binyam E.

UNIT 4: ONLINE COMMUNICATION AND COLLABORATION
LO: After completion of this unit, you will be able to:
 Enhance online communication and collaboration
Online Communication
Effective communication stands as fundamental pillars in the realm of seamless web development, playing
pivotal roles in fostering innovation and productivity. For successful collaboration among web development
teams, ensuring that projects progress smoothly and efficiently.

Here's how they contribute to the overall process:

 Shared Understanding: ensures that all team members share a common understanding of project
goals, objectives, and requirements.
 Efficient Problem Solving: quick identification and resolution of issues, preventing potential
roadblocks.
 Innovation through Diversity: brings together individuals with diverse skill sets and perspectives.
 Continuous Improvement: feedback loops established through communication channels enable
continuous improvement.

Functions and features of communication tools

In today's digital age, various tools facilitate seamless communication, enabling individuals and teams to
stay connected, share information, and collaborate efficiently. It is essential for web developers to
collaborate with team members, clients, and stakeholders.

A. Email:
Applications:
 Sharing detailed project updates.
 Sending official documentation and reports.
 Facilitating one-on-one or group discussions.

B. Messaging Apps:
Applications:
 Quick exchanges for urgent matters.
 Group chats for team-wide discussions.
 Sharing files, links, and multimedia content.

22 2017 E.C Compiled by: Binyam E.

 C. Video Conferencing:
Applications:
 Conducting virtual meetings and brainstorming sessions.
 Hosting project presentations.
 Facilitating remote collaboration with a personal touch

D. Social Media Platforms:

Applications:
 Engaging with a broader audience.
 Sharing industry updates and insights.
 Connecting with peers and professionals.

Online Collaboration
 Is the joint effort of individuals or groups working together to achieve a common goal.
 In the context of web development, collaboration is essential due to the complexity of tasks
involved, which often require diverse skill sets.
 Web developers collaborate to design, build, and maintain websites and web applications. Effective
collaboration ensures seamless communication, improved problem-solving, and increased
productivity in the development process.

Cloud-Based Collaboration Tools

Cloud-based collaboration tools have revolutionized the way we work together. Google Workspace
(formerly G Suite) and Microsoft 365 are two widely used suites that provide a range of applications,

23 2017 E.C Compiled by: Binyam E.

including Google Docs, Google Sheets, Microsoft Word, and Microsoft Excel. These tools enable real-time
collaboration, document sharing, and seamless communication.

Key concepts of cloud computing

Cloud computing is the use of computing resources that are delivered as a service over the Internet. End
users access cloud-based applications through a web browser or a light-weight desktop / mobile app while
the business software and user's data are stored on servers at a remote location. Cloud computing facilitates
online and mobile collaboration in 2 main ways:
 Provides storage of shared documents and files.
 Offers a range of online applications and tools.

Benefits of Cloud Computing

 Reduced cost: Upfront infrastructure and travel costs can be avoided.
 Enhanced mobility: Cloud computing provides the opportunity to work and access information
and services from virtually anywhere.
 Scalability: The impact on the physical facilities (such as work stations) is minimum when there
are changes in the size of an online collaboration team. The team is hence highly scalable and only
needs to consider the number of members needed in the team depending on the goals of the team.
 Automatic Updates: Online collaborative tools will usually allow users to set automatic updates,
such as sending an out of office notice to incoming emails. The team can hence work more
efficiently with reduced workload in performing manual updates to many tasks.

Functions and features of Collaboration Tools

The following are Key Characteristics of Online Collaborative Tools in common:
 Multiple users: Multiple users can access, work and contribute on the same document or projects.
 Real time: Responses, editing and updates are shown immediately, thus saving time for all
involved.
 Global reach: Most online collaborative tools can be utilized from any location with the right set-
up and Internet connection. Dispersal of information globally is easily achieved.
 Concurrent access: Concurrent multiple user access allows for faster editing and decision making
on tasks.

Common collaboration Tools

A. Google Workspace:
 Google Workspace is a suite of cloud-based productivity tools designed for collaboration and
communication.
B. B. Microsoft 365:

24 2017 E.C Compiled by: Binyam E.

  Microsoft 365 offers a comprehensive suite of productivity tools,
C. GitHub
 GitHub is a web-based platform for version control and collaborative software development,
using Git. It allows web developers to work on projects simultaneously, track changes, and
manage code with features like pull requests and issue tracking.

Online storage
Storing your work files online is the first step towards online collaboration. Online storage is a file hosting
service that allows you to upload, store, and access your files online. It is also referred to as a cloud storage
service,

Document Storage: Managers can use Google Drive to store and organize important documents, reports,
and files securely in the cloud. This ensures easy access from any device and simplifies file management.

 Collaboration: Google Drive enables managers to collaborate on documents, spreadsheets, and

presentations in real-time using Google Docs, Sheets, and Slides. Multiple team members can edit and
comment on the same document simultaneously, streamlining the collaborative process.
 File Sharing: Managers can share files and folders with team members, clients, or partners, allowing
for easy information dissemination and collaboration on projects.
 Version Control: Google Drive automatically saves versions of documents, making it easier for
managers to track changes and revert to previous versions when necessary.

Online Calendars

An online calendar allows you to keep track of your events and activities. You can let others see your
calendar, and view schedules that others have shared with you. Google Calendar simplifies scheduling and
event management.

Google Calendar:

25 2017 E.C Compiled by: Binyam E.

 Schedule Management: Users can use Google Calendar to create, manage, and organize their
schedules. They can add and track meetings, appointments, and deadlines, helping them stay on top of
their time management.
 Event Coordination: Google Calendar allows you to schedule meetings, set reminders, and invite
participants. It streamlines event coordination and ensures that team members are on the same page.
 Sharing Calendars: Users can share their calendars with team members, helping everyone stay aware
of each other's schedules and reducing scheduling conflicts.
 Integration: Google Calendar can be integrated with other tools like Gmail, making it easier for
managers to create events directly from emails.

End of Module II

26 2017 E.C Compiled by: Binyam E.