Docsity
Log inSign up
Docsity
Prepare for your exams
Prepare for your exams

Study with the several resources on Docsity

Earn points to download
Earn points to download

Earn points by helping other students or get them with a premium plan

Guidelines and tips
Guidelines and tips
Sell on Docsity
Sell on Docsity
Log inSign up

Prepare for your exams

Study with the several resources on Docsity

Find documents

Prepare for your exams with the study notes shared by other students like you on Docsity

Search Store documents

The best documents sold by students who completed their studies

Search through all study resources
Docsity AINEW

Summarize your documents, ask them questions, convert them into quizzes and concept maps

Explore questions

Clear up your doubts by reading the answers to questions asked by your fellow students

Earn points to download

Earn points by helping other students or get them with a premium plan

Share documents
download point icon20 Points

For each uploaded document

Answer questions
download point icon5 Points

For each given answer (max 1 per day)

All the ways to get free points
Get points immediately

Choose a premium plan with all the points you need

Study Opportunities

Choose your next study program

Get in touch with the best universities in the world. Search through thousands of universities and official partners

Community

Ask the community

Ask the community for help and clear up your study doubts

University Rankings

Discover the best universities in your country according to Docsity users

Free resources

Our save-the-student-ebooks!

Download our free guides on studying techniques, anxiety management strategies, and thesis advice from Docsity tutors

From our blog

Exams and Study
Go to the blog

Introduction to Web Development, Study notes of Web Design and Development

Araullo University (AU)Web Design and Development

Basic syntax and methods in creating web page

Typology: Study notes

2020/2021

Uploaded on 04/13/2025

kimberly-bandillo
kimberly-bandillo 🇵🇭

1 document

1 / 3

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
Module 1: Introduction to Web Development
Welcome to Module 1 of our Web Development course! In this module, we'll
explore the foundational concepts of web development, laying the groundwork for
your journey into building dynamic and interactive websites.
1. Understanding the Web
The World Wide Web is a vast network of interconnected documents and resources
accessible via the Internet. It operates on a client-server model, where web
browsers (clients) request and display web pages from web servers.
2. Client-side vs. Server-side
Client-side programming involves languages and scripts executed on the user's
browser. Common languages include HTML for structure, CSS for styling, and
JavaScript for interactivity. Server-side programming, on the other hand, involves
languages executed on the web server to generate dynamic content.
3. HTML: Building Blocks of the Web
pf3

Partial preview of the text

Download Introduction to Web Development and more Study notes Web Design and Development in PDF only on Docsity!

Module 1: Introduction to Web Development

Welcome to Module 1 of our Web Development course! In this module, we'll

explore the foundational concepts of web development, laying the groundwork for

your journey into building dynamic and interactive websites.

1. Understanding the Web

The World Wide Web is a vast network of interconnected documents and resources

accessible via the Internet. It operates on a client-server model, where web

browsers (clients) request and display web pages from web servers.

2. Client-side vs. Server-side

Client-side programming involves languages and scripts executed on the user's

browser. Common languages include HTML for structure, CSS for styling, and

JavaScript for interactivity. Server-side programming, on the other hand, involves

languages executed on the web server to generate dynamic content.

3. HTML: Building Blocks of the Web

HTML (HyperText Markup Language) is the standard markup language for creating

web pages. It provides the structure and content of web pages through elements

such as headings, paragraphs, images, and links.

htmlCopy code

My First Web Page

Welcome to My Website

This is a paragraph of text.

An image Visit Example Website Save to grepper

4. CSS: Styling Your Web Pages

CSS (Cascading Style Sheets) is used for styling HTML elements, controlling layout,

colors, fonts, and more. Selectors target specific elements, and properties define

their appearance.

cssCopy code

body { font-family : Arial, sans-serif; background-color : #f0f0f0 ; } h1 { color : blue; } p { font-size : 16px ; } Save to grepper

5. JavaScript: Adding Interactivity

JavaScript is a dynamic programming language used for client-side scripting. It

enables interactive elements, form validation, dynamic content updates, and more.

javascriptCopy code

document. getElementById ( "demo" ). innerHTML = "Hello, JavaScript!" ;