Basics of Internet: Web
Development
Fundamentals
Web development and design depend on several key concepts,
from basic technologies to the way websites are accessed and
displayed. This presentation covers the essential elements that
form the foundation of the modern web.
What is a Browser?
Definition Function
Software that allows Requests data from web
access and interaction servers, receives files
with websites on the (HTML, CSS, images,
internet scripts), and renders
them for users
Examples
Chrome, Firefox, Safari, and Edge
Understanding URLs
A URL (Uniform Resource Locator) is the web address used to locate a resource on the internet.
Protocol Domain Path
https:// www.example.com /page1
Example: https://www.example.com/page1
HTTP vs HTTPS
HTTP HTTPS
Hypertext Transfer Protocol Hypertext Transfer Protocol
Secure
• Enables data transfer
between browsers and • Encrypts data exchanged
• servers
Defines how requests and between browser and
responses are transmitted • server
Protects sensitive information
• Unencrypted data • Standard for modern websites
transmission
Core Web Technologies
HTML CSS JavaScript
Hypertext Markup Language Cascading Style Sheets Adds interactivity like
animations, forms, and
Provides structure and basic Handles styling, colors, fonts,
dynamic updates
content of web pages layouts, and responsiveness
Web Servers
What is a Web Server?
A computer system or software that:
• Hosts website files
• Delivers content to browsers upon request
• Processes user interactions
• Manages website functionality
When you type a URL, your browser sends a request to the web server, which then returns the requested webpage.
Domain Names
example.com
The human-readable address for a website
User Types Domain
example.com in browser
DNS Lookup
Converts domain to IP address (e.g., 192.168.1.1)
Server Connection
Browser connects to the correct server
Website Structure
Homepage Navigation
The main entry page of a The system of menus and
website, typically providing links helping users move
navigation to other areas through the website's
structure
A well-structured website provides intuitive navigation and
clear organization of content, helping users find what they
need quickly.
Cookies
What Are Cookies? Purpose
Small files the browser • Remember user
saves on your device preferences
• Maintain login sessions
• Track user behavior
across sessions
Privacy Concerns
Modern browsers allow
users to control or block
cookies for privacy
reasons
Summary: Web Development Fundamentals