0% found this document useful (0 votes)
7 views10 pages

Web Designing Program

The document outlines a web designing program by Rohit Patil, covering HTML, CSS, and advanced JavaScript elements. It includes five projects: an online course registration webpage, a product shopping page, a student result portal, an event registration webpage, and a college web portal, detailing the concepts and code used in each. Key HTML elements, CSS concepts, and JavaScript functionalities are highlighted throughout the projects.

Uploaded by

Rohit Patil
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
7 views10 pages

Web Designing Program

The document outlines a web designing program by Rohit Patil, covering HTML, CSS, and advanced JavaScript elements. It includes five projects: an online course registration webpage, a product shopping page, a student result portal, an event registration webpage, and a college web portal, detailing the concepts and code used in each. Key HTML elements, CSS concepts, and JavaScript functionalities are highlighted throughout the projects.

Uploaded by

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

WEB DESIGNING PROGRAM

(HTML + CSS + JavaScript Advanced Elements)

NAME: ROHIT PATIL, REG NO: 24BCT0082

PROGRAM 1: Online Course Registration Webpage

Concepts Covered HTML forms, table, select, CSS layout, JS validation & dynamic output

CODE:
OUTPUT:
PROGRAM 2: Product Shopping Page

Concepts Covered Cards, images, hover effects, JS button click

CODE:

OUTPUT:
PROGRAM 3: Student Result Portal

Concepts Covered Table, input, JS calculation

CODE:

OUTPUT:
PROGRAM 4: Event Registration Webpage

Concepts Covered HTML5 input types, CSS styling, JS alert

CODE:

OUTPUT:
PROGRAM 5: College Web Portal

HTML ELEMENTS USED: html, head, title, meta, header, nav, ul, li, a, main, section, article, aside,
figure, img, figcaption, h1–h4, p, table, tr, th, td, form, label, input, select, option, textarea, button,
footer, span, div

CSS CONCEPTS USED • Class & ID selectors • Box model (margin, padding, border) • Colors, fonts •
Hover effects • Layout styling • Button & table styling

JAVASCRIPT CONCEPTS USED • Functions • Events (onclick, onchange) • DOM manipulation • Form
validation • Dynamic content update

CODE:
OUTPUT:

You might also like