K. K.

Wagh Polytechnic Nashik D1

Maharashtra State Board of Technical Education

TEACHING PLAN
Academic Year: 2023-24 Scheme: K
Program: Diploma in Information Technology
Course: Web Page Designing Course Code: 312004
Semester: II Name of Faculty: Mrs. C.D.Tarle

Course Outcomes (COs): Theory & Practical

By learning course Fundamentals of Web Page Designing-312004 First Year students will be able
to:

CO No. TLO No. Course Outcomes (COs) / Theory Learning Outcomes (TLOs)
CO1 CO1 - Use HTML formatting tags to present content on web page.
TLO 1.1 Differentiate characteristics of the given type of web sites.
TLO 1.2 State structure of the given HTML page.
TLO 1.3 Explain use of Head tag and body tag in the given web page.
TLO 1.4 Explain the procedure of using the given block level tag on a web page.
Write the procedure of using the given Text level tag and use of special
TLO 1.5
characters in web page.
CO2 CO2 - Develop web page using list and hyperlinks.
TLO 2.1 Explain use of the given type of list in Web Pages.
TLO 2.2 Enlist different types of Links.
CO3 CO3 - Develop web pages using images, colors and backgrounds.
Describe the given image attribute on a web page and describe HSPACE &
TLO 3.1
VSPACE
Explain process of using the given colors/images as page background on a web
TLO 3.2
page.
CO4 CO4- Design HTML forms using table and frames.
Explain the given table attributes to organize data on a web page and table
TLO 4.1
setting.
TLO 4.2 Enlist different types of table attributes.
Describe the given type of 'frame' with examples and procedure to organize
TLO 4.3
display as per given screen layout using frames.
TLO 4.4 Create basic form using different form fields and Button tags.
CO5 CO5- Apply presentation schemes on content using CSS.
TLO 5.1 Explain CSS code for the given type of formatting on a web page with different
CSS properties.
TLO 5.2 Write the procedure to create CSS for applying the given presentation scheme
on a web page.
TLO 5.2 Enlist different CSS advanced properties.
TLO 5.4 State different types of CSS responsive attributes.
CO6 CO6- Publish websites on internet or intranet.
TLO 6.1 Explain the procedure to configure a webserver and hosting the given website.
 K. K. Wagh Polytechnic Nashik D1
Maharashtra State Board of Technical Education

TEACHING PLAN
Academic Year: 2023-24 Scheme: K
Program: Diploma in Information Technology
Course: Web Page Designing Course Code: 312004
Semester: I / II / III / IV / V / VI Name of Faculty: Mrs. C.D.Tarle

Actual
Chapter Plan
Execution Teaching
No (From-To
CO TLO Title (From-To Method/ Remarks
(Allocated & No. of
& No. of Media
Hours) Lectures)
Lectures)
1.1 Introduction of HTML
1.1 1.2 Terminologies used in Web Design:
World Wide Web (www), Web Pages,
1.2 03/01/24
Web Site, Web Browsers, Web Servers
and types of sites. Static vs. dynamic web
sites, Search Engine.
1.3 Web page structure: DOCTYPE, HTML, Chalk,
TITLE, HEAD, BODY and other meta tags 06/01/24 Board,
01 (04) 01 PPT+ LCD
with attributes.
Block Level Elements: Headings, Videos,
1.4 Web
Paragraphs, Breaks, Divisions, Centered 10/01/24
Text, Block Quotes, Preformatted text, References
types of Address, HR tag. Horizontal Rue.
Text Level Elements: Bold, Italic,
1.5 Teletype, Underline, Strikethrough, 13/01/24
Superscript, Subscript, DIV tag, displaying
special characters, comments.
2.1 Lists: Ordered Lists, Unordered Lists, 17/01/24
Definition Lists, Nested Lists.
Links: Absolute, Relative and Inline links,
20/01/24 Chalk,
use image as link, link to an email
Board,
address, button as link,
PPT+ LCD
02(04) 02 Types of links, linking various documents
24/01/24 Videos,
2.2 for internal and external links, to link
Web
different web page of same site,
link different location on the same web References
page, a specific location on different web 27/01/24
page of same site, to specific section
within the document, inserting E-mail link.
Image: Types of image format, jpg, bmp,
png gif etc. IMG tag, alternate text, image 31/01/24
alignment, HSPACE, VSPACE, wrapping
text
3.1 Height and width of images, Image as a
link, Inserting Images, formatting image 03/02/24
for sizing, Chalk,
Alignment. Border and using other 07/02/24 Board,
attributes with IMG tag. PPT+ LCD
03(06) 03 Colors and Backgrounds: The text color, Videos,
color attribute of FONT tag, text attribute 10/02/24 Web
of BODY tag.
References
Backgrounds: bgcolor attribute of BODY
tag, changing link colors: link, alink, vlink, 14/02/24
3.2
attributes of BODY tag
Backgrounds: Inserting image as page
background, background attributes of 17/02/24
BODY tag, creating solid color page
background.
 K. K. Wagh Polytechnic Nashik D1
Maharashtra State Board of Technical Education

TEACHING PLAN
Academic Year: 2023-24 Scheme: K
Program: Diploma in Information Technology
Course: Web Page Designing Course Code: 312004
Semester: I / II / III / IV / V / VI Name of Faculty: Mrs. C.D.Tarle

Actual
Chapter Plan
Execution Teaching
No (From-To
CO TLO Title (From-To Method/ Remarks
(Allocated & No. of
& No. of Media
Hours) Lectures)
Lectures)
Table: Table tag with attributes. TABLE,
4.1 <tr>, <th>, <td> tags. Border, cell spacing, 21/02/24
cell padding, width, align, bgcolor
attributes. Adding captions: CAPTION tag
Formatting contents in the table cells:
4.2 align, valign, bgcolor, height, width, 24/02/24
nowrap attributes. Spanning rows and
columns: rowspan and colspan attributes.
Frames: Types of Frames with their
attributes, Creating frames: FRAMESET 28/02/24 Chalk,
tag – rows, cols attributes, FRAME tag –
4.3 Board,
04(06) 04 name
PPT+ LCD
frame border, margin height, margin
02/03/24 Videos,
width, src, resize, scrolling Attributes, Use
Web
of NOFRAMES tag, Frame targeting.
References
Forms: Creating basic form: FORM tag,
action and method attributes, Form fields:
Single line text field, password field, 06/03/24
multiple line text area, radio buttons, and
4.4 check boxes.
Pull down menus: SELECT and OPTION
tags. Buttons: submit, reset and 09/03/24
generalized buttons. Formatting
technique: Using table to layout form.
Cascading Style Sheets: Different types 13/03/24
of Style Sheets, Benefits of using CSS.
5.1 Adding style to the document: Linking to
style sheets, Embedding style sheets, 16/03/24
Using inline style, Selectors: CLASS
rules, ID rules.
Style sheet properties: Font, text, box,
color and background properties; Creating 20/03/24
and Using a simple external CSS file; Chalk,
5.2 Using the internal and inline CSS; Board,
background and color gradients in CSS 23/03/24 PPT+ LCD
05(06) 05 Setting font and text in style sheet using Videos,
table layout. Web
CSS Advanced: CSS Rounded Corners
,CSS Border Images, CSS Shadows, References
5.3 CSS Text Effects,CSS 2D Transforms, 27/03/24
CSS 3D Transforms, CSS Transitions,
CSS Animations,CSS Tooltips, CSS Style
Images, CSS Image Reflection.
CSS Responsive: RWD Intro, RWD
Viewport, RWD Grid View, RWD Media
5.4 30/03/24
Queries, RWD Images, RWD Videos,
RWD Frameworks, RWD Template.
 K. K. Wagh Polytechnic Nashik D1
Maharashtra State Board of Technical Education

TEACHING PLAN
Academic Year: 2023-24 Scheme: K
Program: Diploma in Information Technology
Course: Web Page Designing Course Code: 312004
Semester: I / II / III / IV / V / VI Name of Faculty: Mrs. C.D.Tarle

Actual
Chapter Plan
Execution Teaching
No (From-To
CO TLO Title (From-To Method/ Remarks
(Allocated & No. of
& No. of Media
Hours) Lectures)
Lectures)
Website Hosting: Concept of Internet and 30/03/24
Intranet. Publishing website on Intranet Chalk,
installing and configuring web server, 03/04/24 Board,
uploading files on intranet site PPT+ LCD
06(04) 06 6.1 access intranet based website, publishing Videos,
04/04/24
website site on Internet Web
hiring web space, uploading files using
06/04/24 References
FTP, virtual hosting, access internet
based website.

CO-PO-PSO Mapping

Course
PO1 PO2 PO3 PO4 PO5 PO6 PO7 PSO1 PSO2
Outcome
CO1 1 - - 1 - - 1 3 3
CO2 1 - 1 1 1 - 2 3 3
CO3 1 - 2 1 1 - 2 3 3
CO4 1 1 2 1 1 - 3 3 3
CO5 2 2 2 1 3 3 3 3 3
CO6 3 2 2 2 3 3 3 3 3

 Formative & Summative Assessment Criteria

1. Formative Assessment (F.A.) of each experiment will be done out of 50 marks on the basis of
Tool Selection Ability, Use of Appropriate tool to perform the Identified tasks, Quality of
output achieved, Answer to sample questions and Submit report in time total

2. Final term work(FA-PR) of 50 marks is calculated based on scored in Formative Assessment

for each experiment
Term Work Marks = (50* Total Marks Obtained in P.A.) / (50*Total Number of
Experiments)

3. Self-learning Activities (SLA) includes micro project / assignment / other activities related to
subject and it will be evaluated out of 25 Marks
4. A comprehensive Final Internal Practical examination (SA-PR) of 50 Marks will be
conducted by MSBTE at the end of semester. The schedule of MSBTE Practical Examination
will be display on Notice board prior to examination.
 K. K. Wagh Polytechnic Nashik D1
Maharashtra State Board of Technical Education

TEACHING PLAN
Academic Year: 2023-24 Scheme: K
Program: Diploma in Information Technology
Course: Web Page Designing Course Code: 312004
Semester: I / II / III / IV / V / VI Name of Faculty: Mrs. C.D.Tarle

 References:
1. Books:
Sr.
No
Author Title Publisher
Web Publishing with
1 Lemay Colburn Pearson, ISBN-13: 978-0-672-33623-2
HTML and CSS
HTML and CSS
2 Thomos Powell Tata McGraw Hill ,ISBN-978-0-07-174170-5
Complete Reference
Kogent Learning
3 HTML5 BLACK BOOK Wiley India Pvt. Limited, ISBN-9789350040959
Solutions Inc.

2. Web Sites:

Sr.
Link /Portal Description
No
Designing web page,
1 https://www.geeksforgeeks.org/
Introduction of html
2 https://www.w3schools.com/html/html_blocks.asp Block Level Tag
3 https://www.javatpoint.com/html-frame-tag Frames in HTML
CSS Stylesheet , CSS
4 https://www.w3schools.com/css/default.asp
Advanced

Mrs. C. D. Tarle Ms. M. S. Karande

Lecturer HOD