Web Development Syllabus - Topic
Explanations
Unit I: Introduction to Internet and WWW
Internet and WWW: Internet is a global network connecting millions of computers. The
World Wide Web (WWW) is a system of interlinked hypertext documents accessed via
the Internet.
Evolution and History of WWW: Invented by Tim Berners-Lee in 1989, WWW evolved
from static pages to interactive applications.
Web Pages and Contents: Web pages are documents on the WWW, containing text,
images, videos, links, etc.
Web Clients and Web Servers: Clients (e.g., Chrome) request data; Servers store and
serve web content.
Web Browsers: Software to access web pages (e.g., Chrome, Firefox).
Hypertext Transfer Protocol (HTTP): A protocol for transferring data between browser
and server.
URLs: Uniform Resource Locators like 'https://example.com'.
Searching, Search Engines & Tools: Searching is finding info. Engines like Google, tools
include filters and operators.
Web Publishing: Hosting website: Making a website live using a host provider (e.g.,
Bluehost).
Internet Service Provider (ISP): Companies providing internet access (e.g., Jio, Airtel).
Planning and Designing Website: Deciding layout, audience, purpose, content before
coding.
Web Graphics Design: Creating visual content using images, icons, etc.
Steps For Developing Website: Planning → Design → Coding → Testing → Publishing →
Maintenance.
Unit II: Website Creation and HTML
Markup Languages (HTML, DHTML): HTML is the standard language for web pages.
DHTML combines HTML, CSS, JS for dynamic content.
HTML Document Features & Fundamentals: Includes tags, elements, and structure like
<html>, <head>, <body>.
HTML Elements: Tags such as <p>, <h1>, <a>, <img>, <div>.
Creating Links: <a href='link'>Click here</a> is used for hyperlinks.
Headers: Title tags from <h1> to <h6>.
Text Styles: Bold (<b>), Italic (<i>), Underline (<u>).
Text Structuring: Paragraphs (<p>), line breaks (<br>).
Text Color and Background: Using style='color:red; background-color:yellow;'
Formatting Text: Changing font, size, and style using HTML/CSS.
Page Layouts: Organizing content using tables, divs, or CSS.
Images: Insert using <img src='image.jpg'>.
Ordered & Unordered Lists: <ol> for numbers, <ul> for bullets.
Inserting Graphics: Use <img>, SVG, or background images.
Tables and Layouts: Use <table>, <tr>, <td> for data and layout.
Frame Creation and Layouts: <frameset> and <frame> (now outdated).
Forms and Menus: <form> for inputs; <select> for menus.
Radio Buttons, Checkboxes, Text Boxes: <input type='radio'>, <input type='checkbox'>,
<input type='text'>.
HTML5: New elements like <header>, <section>, <article>, audio/video support.
Unit III: Introduction to CSS
CSS: Stylesheets for formatting HTML pages.
Features: Separates content from design, reusable, clean HTML.
Core Syntax: selector { property: value; } e.g., p { color: red; }
Types: Inline, Internal, and External CSS.
Style Sheets and HTML: Apply using <style> tag or external links.
Cascading and Inheritance: Styles cascade from multiple sources; child inherits from
parent.
Text Properties: font-size, font-family, color, text-align.
CSS Box Model: Content → Padding → Border → Margin.
Normal Flow Box Layout: Default layout behavior for HTML elements.
Positioning: static, relative, absolute, fixed, sticky.
Other Style Properties: border, background, margin, padding, etc.
CSS3 Features: Adds animations, transitions, gradients, shadows.
Unit IV: Introduction to JavaScript
JavaScript: A scripting language used to add interactivity to web pages.
Evolution of Scripting Languages: From static HTML to dynamic content via scripting.
JavaScript Definition: Lightweight, interpreted, runs in browser.
Programming for Non-Programmers: Easy syntax, suitable for beginners.
Client-Side Programming: Code runs on the user’s browser, not the server.
Enhancing HTML with JavaScript: Enables form validation, content updates, alerts.
Static and Dynamic Web Pages: Static = fixed content; Dynamic = changes with
interaction or logic.