Download Application Development Record and more Lab Reports Web Application Development in PDF only on Docsity!
EX NO: 1(A)
DATE:
SIMPLE WEBPAGE CREATION USING HTML
AIM:
To create a simple webpage using HTML.
PROCEDURE:
Step 1: Create a folder in desktop.
Step 2: Open text code editor (Visual Studio or Sublime Text).
Step 3: Plan the site layout.
Step 4: Write the HTML code.
Step 5: Create elements in the layout.
Step 6: Add the HTML Content.
Step 7: Customize the site.
Step 8: Choose the hosting platform and publish.
PROGRAM:
Atti Break
HOME | GAMES | MENU | GALLERY | TODAY | Membership | LOGIN
Your perfect place to relax, refresh and recharge. Open Everyday : 8 AM – 2 AM
About Us
Contact Us
Email : [email protected]
Phone : +91 12345 67890
Location :
Coimbatore, Tamil Nadu
© 2026 Atti Break Cafe | All Rights Reserved
EX NO: 1(B) DATE:
AIM: To create a responsive web page with a registration form using HTML5, CSS3, and Bootstrap grid system. PROCEDURE: Step 1: Create an HTML file with basic structure. Step 2: Add Bootstrap CDN link in the section. Step 3: Create a container using Bootstrap classes. Step 4: Use row and column classes to design the layout. Step 5: Add form elements like input, label, and button. Step 6: Apply CSS for styling the form. Step 7: Save and open the file in a browser to check responsiveness. PROGRAM:
Cafe Membership Form
Phone Number
Date of Birth
Gender
Address
Street Address
City
State
Zip Code
Coffee Preferences
Favorite Products of ATTI BREAK
25% Discount on All Drinks
Free SNACKS WITH TEA (3 DAY VALIDITY)
Membership Type
Join Membership
OUTPUT Result: The responsive web page with a registration form was successfully created using HTML5, CSS3, and Bootstrap grid system
color: white; text-align: center; } h1 { color: black; font-size: 40px; } table { margin: auto; border-collapse: collapse; width: 85%; background-color: #1c1c1c; } th, td { border: 1px solid #444; padding: 15px; text-align: center; } th { background-color: maroon; color: white; font-size: 22px; } tr:nth-child(even) {
background-color: #333; } tr:hover { background-color: #555; } td img { width: 130px; height: 130px; object-fit: cover; border-radius: 12px; display: block; margin: auto; }
OUR CAFE MENU
Product Item Description Price
Cookies Smiley delight in every bite. ₹15
Veg Sandwich Grilled sandwich with fresh veggies. ₹45
Brownie Warm chocolate brownie with nuts. ₹90
OUTPUT Result: The product catalogue was successfully created using HTML and internal CSS. The webpage displays items with images, descriptions, and prices in a neat table format with proper styling.
