Scribd
Upload
24 views

Web Investigatory Project

Uploaded by

cb97slaptop
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
24 views

Web Investigatory Project

Uploaded by

cb97slaptop
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
You are on page 1/ 16

Web-Application

Investigatory
Project

Presented by -
SANJAI PERINBAKANNAN
INDIAN SCHOOL
RAS AL KHAIMAH
Affiliated to CBSE Delhi (No.:6630014)

CERTIFICATE
Certify that this is the record of project work
_______________________________________________ done by
____________________________of Class ________ CBSE Roll
No.:______________________ in accordance with the requirement
for AISSCE in Web Application during the year 2024-2025.
Date:

Teacher in Charge External Examiner

Principal
INDEX
SR NO. TOPIC PAGE NO

1. Certificate

2. Acknowledgement

3. Introduction

4. Project Objective

5. Technologies Used

6. Design and Architecture

7. Implementation

8. Challenges Faced

9. Result and Outcomes

10. Conclusion

11. References

12. Appendices
Acknowledgement
I wish to express my deep gratitude and sincere
thanks to the principal of my school,
Mr. ABDULLAH KUTTY, for his encouragement
and all the facilities he provided me to complete this
project.
Secondly, I would like to extend my hearty thanks to
Mr. PRAVEEN PP, HOD of COMPUTER
SCIENCE and my web application teacher.
Mr. PRAVEEN PP, guided me in completing this
project.
I take this opportunity to express my deep gratitude
for their invaluable guidance, constant
encouragement and immense motivation which has
sustained my efforts at all the stages of this project.
Last but not least I would also like to thank my
parents and classmates who helped me to carry out
this project successfully and for their valuable advice
and support from them from time to time.
Introduction
The objective of this project is to create a fully
functional and visually appealing blog website.
This website will include a simple yet elegant
design, proper structure, and efficient
implementation of technologies to provide a
seamless user experience.
For this project, we have chosen the theme of
Indian tea as an example blog post.
Project Objective
The objective of this project is to let the students
apply their programming knowledge to a real-
world situation problem and expose the students
to how programming skills help in developing
good software.

• Build a user-friendly blog website: Create a


website with an intuitive interface and
appealing design.
• Ensure responsiveness: The website should
adapt to different screen sizes.
• Showcase blog content effectively: Highlight
posts with metadata and images to engage
readers.
• Incorporate HTML and CSS best practices:
Use semantic HTML and modern CSS for
efficient styling.
Technologies
Used
HTML: For creating the website's structure.
CSS: For styling and improving the visual design
of the website.
Text Editor/IDE: For writing and editing code
(e.g., VS Code).
Design and
Architecture
The blog website comprises the following:
Header: Displays the blog's title prominently.
Main Section: Contains blog posts with
structured content.
Footer: Contains navigation or contact details.
Styling: Achieved using an external CSS file
linked to the HTML file.
Folder Structure:
project/
|-- index.html
|-- styles.css
|-- images/
|-- Image1.jpg
Implementation
HTML Structure:
Use semantic tags such as <header>, <main>,
and <article> for better readability and structure.
Include metadata such as author name, post
date, and blog title.
CSS Styling:
Define a consistent font-family for the entire
website.
Set appropriate margins and paddings to
enhance spacing.
Use colors and hover effects to make the blog
interactive.
Responsive Design: Implement media queries
to ensure the website looks good on mobile
devices.
Testing and
Debugging
Validate the HTML and CSS files using online
validators (e.g., W3C Validator).
Test the website on multiple devices and
browsers.
Debug layout issues and ensure image and text
alignment is consistent.
Challenges
Faced
Ensuring proper alignment of text and images
across different screen sizes.

Choosing appropriate color schemes for a


professional yet appealing look.

Debugging CSS properties to ensure consistent


styles.
Results and
Outcomes
The project resulted in a fully functional blog
website with the following features:
A responsive layout that adjusts to different
screen sizes.
A visually appealing design with properly
structured content.
Conclusion
This project demonstrated how HTML and
CSS can be effectively utilized to build a blog
website.

The sample implementation serves as a


foundation for more complex websites,
showcasing the potential for further
customization and enhancement.
References
HTML and CSS tutorials from W3Schools.

Documentation on responsive web design.

Resources on Indian tea production and history.


Appendices
HTML Code:
CSS Code:

You might also like