KIET Group of Institutions

[Link]
Detailed Syllabus (2023-24) of Web Designing Workshop
Department of Information Technology

Course Name:
Course Code:K23CS11P L T P C
Web Designing Workshop
List of Experiments (Indicative & not limited to)
Experiment
No. Detail of Experiments
Designthefollowingstaticwebpagesrequiredforanonlinebookstorewebsite.
HOMEPAGE:
● The static home page must contain three frames.
● Top frame: Logo and the college name and links to Homepage, Login
page, Registration page, Catalogue page and Cart page (the description
of these pages will be given below).

For example: When you click the link “CSE” the catalogue for CSE Books should be
1 displayed in the Right frame. Right frame: The pages to the links in the left frame must be
loaded here. Initially this page contains description of the web site.
Logo Web Site Name
Home Login Registration Catalogue Cart
CSE
ECE
Description of the WebSite
EEE
CIVIL

LOGINPAGE:
This page looks like below:

Logo WebSite Name

Home Login Registration Catalogue Cart

CSE
Login Page
ECE
2.
User Name:
EEE Passwords:

CIVIL

3. CATOLOGUE PAGE: The catalogue page should contain the details of all the books available in the website in a
 KIET Group of Institutions
table. The details should contain the following:
1. Snap shot of Cover Page.

2. Author Name.

3. Publisher.

4. Price.

5. Add to cart button.

WebSite
Logo
Name
Home Login Registration Catalogue Cart
Book:XMLBible
CSE Author : Winston
Publication:Wiely $40.5
ECE

Book :AI
EEE
Author:[Link] $63
Publication:Princetonhall
CIVIL

Book : Java 2
Author:Watson $35.5
Publication:BPBpublications

Book : HTML in 24 hours

Author : Sam Peter $50
Publication:Sampublication

CARTPAGE: The cart page contains the details about the books which are added to the cart. The cart page
should look like this:

4.

REGISTRATION PAGE : Create a“ registration form“ with the following fields

5. 1)Name (Text field)
2)Password (password field)
 KIET Group of Institutions

3) E-mailid(text field)

4) Phone Number(text field)

5) Sex(radio button)

6) Date of birth(3 select boxes)

7) Languages known(checkboxes–English, Telugu, Hindi, Tamil)

8) Address(text area)

Js VALIDATION: Write JavaScript to validate the following fields of the above registration page.
1. Name (Name should contains alphabets and the length should not be less than 6 characters).
6.
2. Password (Password should not be less than 6 characters length).

Js VALIDATION:
3. E-mailid (should not contain any invalid and must follow the standard pattern(name@[Link])
7. 4. Phone Number(Phone number should contain 10 digits only).

CSS: Design a web page using CSS(Cascading Style Sheets) which includes the following:
1) Use different font, styles:

8. In the style definition you define how each selector should work(font, color etc.). Then, in the body of
your pages, you refer to these selectors to activate the styles.
2) Set a background image for both the page and single elements on the page.

CSS:
1) Control the repetition of the image with the background-repeat property.

2) Define styles for links as

9. A:link
A:visited
A:active
A:hover

Consider a small topic of your choice on which you can develop static Webpages and try to implement
all topics of html, CSS and Js within the topic.
Choose any one topic.
1. Your Own Portfolio
10. 2. To-Do List
3. Survey Form
4. A Tribute Page
5. A Questionnaire

Total Laboratory : 28 hours

Mode of Assessment (Lab) : TA- 15 , Attedndance-05, Lab Evaluation :80
 KIET Group of Institutions

Lab Evaluation :[40 Marks]

● Continuous Assessment: 10
● Two Quiz: [2.5 x 2=5 Marks ] TA
● Attendance : 05 Marks
● Lab Evaluation-1: Mini Project as a proof of project based learning [40 Marks ]
● Lab Evaluation -2: [40 Marks ] on any relevant Coding Platform

Recommended by Board of
Studies
Approved by Academic Council Date :
Abbreviation Used: L- Lectures, T- Tutorials, P- Practical, C- Credits
 KIET Group of Institutions

Handout of Web Designing Workshop (Code- K23CS11P)

Course Code: K23CS11P Web Designing Workshop L T P C

3 0 2 4
Why to Learn Web Designing Workshop
One of the perks of learning web design skills is that they are incredibly versatile and easily transferable to a number of different
fields and industries. Beyond this, they are also great first sets of skills to learn for anyone looking to do more advanced design
and development work. For example, students who want to do web design will need to learn basic coding skills using
HTML/CSS and JavaScript.

These are versatile languages to learn and will lay the groundwork for students looking to learn more complex programming
languages, such as Python or React. Students interested in learning more about these options should consider exploring
Noble’s Full Stack Web Development Certificate course to learn more about how they can expand their coding knowledge.
Benefits of Learning Web Designing Skills are as follows:
● Economize on Marketing
● Highlight your creative sides
● Learn skills required by recruiters
● Enables to Work from Anywhere
● Freelance Opportunities
● Opportunity to work in awesome Tech Company
● Career Growth Opportunities
● Creative and fun field

Mode of Assessment (Lab) : TA- 15 , Attedndance-05, Lab Evaluation :80

Lab Evaluation :[40 Marks]
● Continuous Assessment: 10
● Two Quiz: [2.5 x 2=5 Marks ] TA
● Attendance : 05 Marks
● Lab Evilation-1: Mini Project as a proof of project based learning [40 Marks ]
● Lab Evaluation -2: [40 Marks ] on any relevant Coding Platform

Self Study Reference Material

● Note –LMS Course Link ( Course File of the subject teacher )
● [Link]
● [Link]
● [Link]
● [Link]
● [Link]