O Level IT – Web Designing & Publishing
This module is designed to start web designing, irrespective of the knowledge currently have in this area. The businesses, nowadays, are heavily relying on web-based applications. The purpose of this module is to provide the skill to students in designing layouts of web sites. By the end of this module, students will be able to describe the structure and functionality of the World Wide Web, create web pages using a combination of HTML, CSS, and JavaScript, and Angular js. The student will also learn how to design and integrate multimedia objects in the web site. Further, the student will learn how web sites are published.
O Level – Web Designing & Publishing
After completing the module, the incumbent will be able to:
- Design and create effective web pages
- Integrate graphics in web pages
- Integrate various tools and techniques like HTML, CSS, JavaScript etc.
- Design and edit images using tools
- Embed the images in web pages
O Level IT – Web Designing & Publishing Marks
| Marks Distribution Module Unit | Written Marks (Max.) |
| Introduction to Web Design and Editors, HTML Basis |
25 |
| Cascading Style Sheets (CSS) | 20 |
| CSS Framework | 15 |
| JavaScript and Angular Js I | 20 |
| Photo Editor, Web Publishing and Browsing | 20 |
| Total | 100 |
O Level Syllabus Paper – Web Designing & Publishing
Unit (i): Introduction to Web Design
Introduction of Internet, WWW, What is Website? How the Website Works?, Web pages, Front End, Back End, Client and Server Scripting Languages, Responsive Web Designing, Types of Websites (Static and Dynamic Websites)
Unit (ii): Editors
Notepad, Downloading free Editors: Notepad++, Sublime Text Editor, Making use of Editors, File creation and editing, saving
Unit (iii): HTML
HTML: Introduction, Basic Structure of HTML, Head Section and Elements of Head Section, Formatting Tags: Bold, Italic, Underline, Strikethrough, Div, Pre Tag Anchor links and Named Anchors ImageTag, Paragraphs, Comments, Tables: Attributes –(Border, Cellpadding, Cellspacing, height , width), TR, TH, TD, Rowspan, Colspan Lists: Ordered List, Unordered List , Definition List, Forms, Form Elements, Input types, Input Attributes, Text Input Text Area, Dropdown, Radio buttons, Checkboxes, Submit and Reset Buttons
Frames: Frameset , nested Frames HTML 5 Introduction, HTML5 New Elements: Section, Nav, Article, Aside, Audio-Tag, Video Tag, HTML5 Form Validations: Require Attribute, Pattern Attribute , Autofocus Attribute, email, number type, date type, Range type
Unit: (iv) CSS
Introduction to CSS, Types of CSS, CSS Selectors: Universal Selector, ID selector, Tag Selector, Class Selector, Sub Selector, Attribute Selector, Group Selector, CSS Properties: Back Ground properties, Block Properties, Box properties, List properties , Border Properties , Positioning Properties, CSS Lists CSS Tables, CSS Menu Design CSS Image Gallery,
Unit: (v) CSS Framework
Web Site Development using W3.CSS Framework, W3.CSS Intro, W3.CSS Colors, W3.CSS Containers, W3.CSS Panels, W3.CSSBorders, W3.CSSFonts, W3.CSS Text, W3.CSS Tables, W3.CSS List, W3.CSSImages, W3.CSS Grid
Unit: (vi) Javascript and Angular Js
Introduction to Client-Side Scripting Language, Variables in JavaScript, Operators in JS, Conditions Statements, JS Popup Boxes, JS Events, Basic Form Validations in JavaScript
Unit: (vii) Photo Editor
Features of Photo Editing: Tools: Selection Tools, Paint Tools, Transform Tools, Text Tool, Layers, Brightness/ Contrast, Improve Colors and tone, Filters
Unit: (viii) Web Publishing and Browsing
Overview, SGML, Web hosting Basics, HTML, CGL, Documents Interchange Standards, Components of Web Publishing, Document management, Web Page Design Consideration, and Principles, Search and Meta Search Engines, WWW, Browser, HTTP, Publishing Tools.