Scribd
Upload
6 views3 pages

Web Tech Lab: HTML Registration & Portfolio

The document outlines two tasks for a Web Technology lab: creating a registration form using HTML and CSS, and developing a static personal portfolio page. The registration form must include various fields with HTML5 validation, while the portfolio page should feature sections like About Me, Work/Projects, and Contact, styled with CSS. Submission guidelines include providing HTML and CSS files, a description of the implementation, and screenshots of the tasks rendered in a browser.

Uploaded by

s9ngrtf6nz
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
6 views3 pages

Web Tech Lab: HTML Registration & Portfolio

The document outlines two tasks for a Web Technology lab: creating a registration form using HTML and CSS, and developing a static personal portfolio page. The registration form must include various fields with HTML5 validation, while the portfolio page should feature sections like About Me, Work/Projects, and Contact, styled with CSS. Submission guidelines include providing HTML and CSS files, a description of the implementation, and screenshots of the tasks rendered in a browser.

Uploaded by

s9ngrtf6nz
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

Department of Computer Science & Software

Engineering

Web Technology LAB TASK#1


________________________________________
Task 1: Create a Registration Form (HTML + CSS)
Requirements:

Create a registration form in HTML with the following fields:

Full Name (text)

Email (email)

Password (password)

Confirm Password (password)

Phone Number (number)

Gender (radio buttons or dropdown)

Hobbies/Interests (checkboxes)

Address (textarea)

Submit button

Style the form using CSS:

Use background color, padding, borders, and margin

Ensure fields are aligned neatly

Optional: add hover effects for buttons

Add HTML5 validation:

Email must be valid

Password fields must match

Required fields cannot be left empty


Task 2: Static Personal Portfolio Page
Requirements:

Create a static HTML portfolio page for yourself.

Include the following sections (with navigation bar links):

About Me → A short description about yourself

Work / Projects → Add at least 2–3 projects or work examples

Experience / Skills

Contact → Email, phone, or social media links

Add a profile picture.

Create a navigation bar at the top to jump to each section.

Style the page using CSS:

Consistent color scheme

Font styling

Layout using flexbox/grid

Padding and margins for sections

Ensure it is a static page (no server-side functionality needed).

Expected Skills:

HTML page structuring with semantic tags

CSS styling (colors, fonts, layout)

Linking sections with a navigation bar

Using images and media

Submission Guidelines:

1. Submit HTML and CSS files YourName_Lab1_WebTech.

[Link] → short description of what was implemented and any extra features
2. Submit via the assigned platform by the deadline. Late submissions will not be
accepted.
3. Marks will be awarded based on accuracy, styling, and completeness

4. Screenshot image of both task showing the rendered form in a browser

You might also like