Scribd
Upload
31 views2 pages

Web Development Syllabus Explanation

The web development syllabus covers four main units: an introduction to the Internet and WWW, website creation using HTML, an introduction to CSS, and an introduction to JavaScript. It includes topics such as web page structure, markup languages, styling with CSS, and adding interactivity with JavaScript. Each unit outlines essential concepts, tools, and techniques for developing and designing websites.

Uploaded by

oknotokay098
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
31 views2 pages

Web Development Syllabus Explanation

The web development syllabus covers four main units: an introduction to the Internet and WWW, website creation using HTML, an introduction to CSS, and an introduction to JavaScript. It includes topics such as web page structure, markup languages, styling with CSS, and adding interactivity with JavaScript. Each unit outlines essential concepts, tools, and techniques for developing and designing websites.

Uploaded by

oknotokay098
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

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.

You might also like