Design and Create Web Page of an Institute with Different
Section (C304.3)
Submitted in fulfillment of the requirements
of micro-project
Client Side Scripting Language (CSS 22519)
By
Roll.No Name Enrollnment. Number
37 Prem B Rathod 2209640273
38 Mangesh K Kanse 2209640274
39 Sahil D Sutar 2209640275
SUBJECT INCHARGE
Ms.Neha Salunkhe
Department of Information Technology
Academic Year 2023-2024
CERTIFICATE
This is to certify that the microproject
" Design and Create Web Page of an Institute with Different Section "
Is done by
"Prem B Rathod"
"Mangesh K
Kanse" "Sahil D
Sutar"
Is submitted for
“Client Side Scripting Languages”
for
the diploma in Information Technology to the
Maharashtra State Board of Technical Education, Mumbai
(Autonomous)(ISO-9001-2008)(ISO/IEC 27001:2013)
Subject Incharge Head of Department
(Ms.Neha Salunkhe) (Mr. Arjun Kadam )
Design and Create Web Page of an Institute with Different Section
Submitted in fulfillment of the requirements
Of micro-project
Client Side Scripting Languages
By
Roll No Name of students Enrollment number
37 Prem B Rathod 2209640273
38 Mangesh K Kanse 2209640274
39 Sahil D Sutar 2209640275
Marks Out of:-
Process and Product Individual presentation Total Marks(10Marks)
Assessment(6 Marks) /work(4 Marks)
Comment/Suggestions (If any) :-
Department of Information
Technology Academic Year
2023-2024
DEPARTMENT OF INFORMATION TECHNOLOGY
Vision:
To Visualize the creation of skilled, proficient IT Professionals to meet current challenges.
Mission:
To encourage young minds for training & entrepreneurship.
To convey standard education with rapidly changing environment with ethical values.
To provide an environment where students can continuously learn, apply & communicate knowledge.
Design and Create Web Page of an Institute with Different Section
Aim :- Design and Create Web Page of an Institute With Different Section.
Course Outcomes :-
1. Understand Web Design Principles: Students should be able to grasp the fundamental
principles of web design, including layout, typography, color theory, and user interface (UI)
design.
2. Plan and Structure Content: Students should be capable of planning and structuring content
for the website, creating a sitemap and wireframes to organize information effectively.
3. HTML and CSS Proficiency: Students should demonstrate proficiency in HTML and
CSS, including creating structured, semantic HTML and applying CSS for styling and
layout.
Proposed Methodology :-
1. Needs Assessment :-
a. Identify the goals and objectives of the institute's website.
b. Understand the target audience and their expectations.
c. Determine the key sections and features required.
2. Content Planning :-
a. Create a sitemap to outline the structure of the website.
b. Define the content for each section (e.g., Home, About Us, Programs, Contact, etc).
c. Gather or create high-quality content, including text, images, and videos.
3. Design and Layout :-
a. Choose a design style and layout that aligns with the institute's branding.
b. Create wireframes and mockups for each section to visualize the website's look and feel.
c. Ensure the design is responsive for various devices (desktop, tablet, mobile).
Action Plan
Sr.
Detail of activity Plan Start Date Plan Finish Date
No.
1. Searching of Topic 08/09/2023 08/09/2023
2. Gathering information 11/09/2023 12/09/2023
3. Execution of Program 13/09/2023 13/09/2023
4. Report Making 04/10/2023 05/10/2023
Design and Create a Web Page of an Instituted with Different Section
Rationale :-
The web page provides a central hub for information about the institute, making it easily
accessible to anyone, including prospective students, current students, parents, faculty, and
the general public.
A well-designed website showcases the institute's brand identity, values, and
professionalism, helping to establish a strong and trustworthy online presence.
Literature :-
1. Web Design Principles: - "Don't Make Me Think" by Steve Krug: This book emphasizes
usability and user-centered design principles."The Principles of Beautiful Web Design" by Jason
Beaird and James George: It covers design fundamentals and aesthetics.
2. Web Development:- "HTML and CSS: Design and Build Websites" by Jon Duckett: A great
resource for learning HTML and CSS for web development. Mozilla Developer Network (MDN) Web
Docs: A comprehensive online resource for web development documentation and tutorials.
3. Online Courses and Tutorials :- Websites like Coursera, edX, Udemy, and Codecademy offer
courses on web design, development, and related topics.
4. Institute's Requirements :- Understand the specific needs and goals of the institute you're
working with to tailor your design and development approach.
Actual Methodology Followed
Topic Work Done Data Work Done By
1. Searching of Topic 08/09/2023 Sahil D Sutar
2. Gathering of Information 11/09/2023 Prem B Rathod
3. Execution of Program 13/09/2023 Mangesh K Kanse
4. Report Making 04/10/2023 Prem B Rathod
Resources Required
Sr.
Specification Name of Qty. Remark
No. Resources
1. Inteli3,4GBRAMorabove Computer 1 -
2. Office2007or above MS-Word 1 -
3. Windows Notepad ++ 1 -
Source Code :-
Output :-
Skill Develped :-
HTML,CSS Proficiency, JS Programming.
Web Design, UI Design, Creativity & Design Aesthetics.
Debugging and Troubleshooting, Problem-Solving Skills.
Application :-
Notepad ++, Google, Firefox Browser.
Subject In-charge
Ms. Neha Salunkhe
