WEBPAGE DESIGNING WITH HTMLDEVELOP A WEBSITE FOR COLLAGE HOSTLE FACILITY.

Programme Name and Code: CO-2-I Academic Year:2018-2019

Course Name and Code: WPD(22014) Semester: Second

A STYDY ON
DEVELOP A WEBSITE FOR COLLAGE HOSTEL FACILITY.

MICRO PROJECT REPORT

Submitted in March 2019 by the group of 5students
Sr. Roll No Enrollment Seat No
Full name of Student
No (Sem-II) No (Sem-II)
1
2
3
4
5

Under the Guidance of

[ your guide name ]
In
Three Years Diploma Programme in Engineering & Technology of Maharashtra
State Board of Technical Education, Mumbai (Autonomous)
ISO 9001:2008 (ISO/IEC-27001:2013)
At
[ your college name ]

Trinity Polytechnic Pune Page 1

WEBPAGE DESIGNING WITH HTMLDEVELOP A WEBSITE FOR COLLAGE HOSTLE FACILITY.

MAHARASHTRA STATE BOARD OF TECHNICAL

EDUCATION, MUMBAI

Certificate
This is to certify that Mr. / Ms.

Roll No: of Second Semester of Diploma

Programme in Engineering & Technology at [ your college name ] has completed

the Micro Project satisfactorily in Subject WPD(22014) in the academic year 2018-

2019 as per the MSBTE prescribed curriculum of I Scheme.

Place: Pune Enrollment No:

Date: / / 2019 Exam. Seat No:

Project Guide Head of the Department Principal

Seal of Institute

Trinity Polytechnic Pune Page 2

WEBPAGE DESIGNING WITH HTMLDEVELOP A WEBSITE FOR COLLAGE HOSTLE FACILITY.

Index…

Sr. No Title Page No

4-5
Annexure I – Proposal
6-9
Annexure II – Project Report
10
1 Introduction

11
2 Tags used in the project
12
3 Conclusion
13
4 Reference
14
Weekly Work / Progress Report
15
Annexure IV-Evaluation Sheet

Trinity Polytechnic Pune Page 3

WEBPAGE DESIGNING WITH HTMLDEVELOP A WEBSITE FOR COLLAGE HOSTLE FACILITY.

Annexure I
Micro Project Proposal
Title of Project: Website for College Hostel Facility

1. Aims/Benefits of the Micro-Project:

a) Great help with studies and in making a career choice.
b) Improves academic performance and interest.
c) To Support Self Directed Learning.
d) To help students develop teamwork and problem-solving skills.
e) To enhance the skills to ‘communicate effectively and skillfully at workplace’.

2. Course Outcomes Addressed:

a) Use block level tags to present content on web page.

b) Use text level tags to present content on web page.
c) Apply hyper linking on web pages.
d) Organize the content using tables & frames.

3. Proposed Methodology:

The work will be distributed among 5 students involved in the group. To complete the Project “Website for
College Hostel Facility”, qualitative method will be used in which data collection, analysis and interpretation is
required. The data will be collected from different sources such as Internet, reference books etc. The analysis
and interpretation will be done by observing the collected data & programming work.Finally the data will be
represented with interpretation in the form of application or collected data.

Trinity Polytechnic Pune Page 4

WEBPAGE DESIGNING WITH HTMLDEVELOP A WEBSITE FOR COLLAGE HOSTLE FACILITY.

1.0Action Plan:
SR. Details of Activity Planned Planned Finish Name of Responsible
NO. Start date date Team Members
Discussion and Finalization of All team members
1
the Project Title

2 Preparation of Abstracts

3 Literature Review

4 Collection of Data

Discussion and Outline of

5
Content
Rough Writing of the Project
6
Contents
Editing And Proof Reading of
7
the Content
Final Completion of the
8
Project

Seminar Presentation, viva- During

9 voce, Assessment and During Practical
Practical
Submission of Report Exam
Exam

2.0Resources Required:

Sr. no. Name of Specifications Qty. Remarks

Resource/material

01 Computers Windows 10 1 for 1 student

02 Open learning Sources Internet 1 for 1 student

Name of the Team Members with Roll Nos.

Name and Signature of the Teacher

Annexure II
Micro Project Report

Trinity Polytechnic Pune Page 5

WEBPAGE DESIGNING WITH HTMLDEVELOP A WEBSITE FOR COLLAGE HOSTLE FACILITY.
Title Of Project: Website for College Hostel Facility
1.0 Rationale:
HTML: Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web
applications. With Cascading Style Sheets (CSS) and JavaScript, it forms a triad of cornerstone technologies for
the World Wide Web. Web browsers receive HTML documents from a web server or from local storage
and render the documents into multimedia web pages. HTML describes the structure of a web
page semantically and originally included cues for the appearance of the document.
this project present about development of website for collage hostel facility

2.0 Aims /Benefits of the Micro- Project:

a) Great help with studies and in making a career choice.

b) Improves academic performance and interest.
c) To Support Self Directed Learning.
d) To help students develop teamwork and problem-solving skills.
3.0Course Outcomes Achieved:
A. Use block level tags to present content on web page.
B. Use text level tags to present content on web page.
C. Apply hyper linking on web pages.
D. Organize the content using tables & frames
4.0Literature Review:
Title of the book Author Publication
HTML and XHTML Powell Thomas Tata McGraw Hill, New Delhi,
The complete reference 2014,ISBN: 9780070701946
Learning Web Design Robbins O’Reily, London, 2012 ISBN 10:1-4493-
1927-0
Teach Yourself HTML & SAMS Person Education Publication, New
CSS in 24 Hours Delhi, 2015, ISBN:978-672336140
HTML, XHTML and CSS Bohem, Anne Murach’s Publication, new york,2013,
ISBN 13:978-1890774578
HTML 5 Black DT Editorial Dreamtech Publication, New Delhi,
Book(second edition) service ISBN:978-93500400959

1.0 Actual Methodology Followed:

The work will be distributed among 5 students involved in the group. To complete the Project “Website for
College Hostel Facility”, qualitative method will be used in which data collection, analysis and interpretation is
required. The data will be collected from different sources such as Internet, reference books etc. The analysis
and interpretation will be done by observing the collected data & programming work.Finally the data will be
represented with interpretation in the form of application or collected data.

6.0 Actual Resources Used

Sr. Name of Specification Qty. Remarks
no. Resources/material
Trinity Polytechnic Pune Page 6
WEBPAGE DESIGNING WITH HTMLDEVELOP A WEBSITE FOR COLLAGE HOSTLE FACILITY.
1 for each
Computers Windows 10
01 student

02 Open learning Sources Internet 1 or more

7.0 Outputs of the Micro- Project:

Trinity Polytechnic Pune Page 7

WEBPAGE DESIGNING WITH HTMLDEVELOP A WEBSITE FOR COLLAGE HOSTLE FACILITY.

Trinity Polytechnic Pune Page 8

WEBPAGE DESIGNING WITH HTMLDEVELOP A WEBSITE FOR COLLAGE HOSTLE FACILITY.

Trinity Polytechnic Pune Page 9

WEBPAGE DESIGNING WITH HTMLDEVELOP A WEBSITE FOR COLLAGE HOSTLE FACILITY.

1 Introduction
Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web
applications. With Cascading Style Sheets (CSS) and JavaScript, it forms a triad of cornerstone technologies for
the World Wide Web. Web browsers receive HTML documents from a web server or from local storage
and render the documents into multimedia web pages. HTML describes the structure of a web
page semantically and originally included cues for the appearance of the document.HTML elements are the
building blocks of HTML pages. With HTML constructs, images and other objects such as interactive
forms may be embedded into the rendered page. HTML provides a means to create structured documents by
denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. HTML
elements are delineated by tags, written using angle brackets. Tags such as  <img />  and  <input />  directly
introduce content into the page. Other tags such as  <p>  surround and provide information about document text
and may include other tags as sub-elements. Browsers do not display the HTML tags, but use them to interpret
the content of the page. HTML can embed programs written in a scripting language such as JavaScript, which
affects the behaviour and content of web pages. Inclusion of CSS defines the look and layout of content.
The World Wide Web Consortium (W3C), maintainer of both the HTML and the CSS standards, has
encouraged the use of CSS over explicit presentational HTML since 1997.

Trinity Polytechnic Pune Page 10

WEBPAGE DESIGNING WITH HTMLDEVELOP A WEBSITE FOR COLLAGE HOSTLE FACILITY.

2 TAG’s USED IN THIS PROJECT

 <HTML>: tells your web browser that a page with HTML is coming up. The opening tag is always
placed at the beginning of your document, and the closing tag is placed at the very end.
 <TITLE>: Title tags are displayed on search engine results pages (SERPs) as the clickable headline for
a given result, and are important for usability, SEO, and social sharing. The title tag of a web page is
meant to be an accurate and concise description of a page's content.
 <BODY>: When writing in HTML, the <body> tag is used to contain a web page's content, including
hyperlinks, images, tables, text, etc. It is required in every HTML document, and there may only be one
<body> tag per page.
1 BLOCK LEVEL TAG:
 <P>: HTML p Tag Main Tips. The <p> tag specifies a paragraph of text. The <p> element can only
contain inline elements within it. The browser adds margin automatically before and after the <p>
element.
 <H1>: The header tag, or the <h1> tag in HTML, will usually be the title of a post, or other
emphasized text on the page. It will usually be the largest text that stands out.
 <UL>: HTML <ul> tag. When writing in HTML, the <ul> tag is a block element used to designate an
unordered list. It is useful for creating bulleted lists, those in which the order of the items is arbitrary.
 <TABLE>: An HTML table is defined with the <table> tag. Each table row is defined with the <tr> tag.
A table header is defined with the <th> tag. By default, table headings are bold and center. A table
data/cell is defined with the <td> tag.
2 TEXT LEVEL TAG:
 <B>: This tag is used to bold the important text.
 <STRONG>: It is use to bold the important text.
 <I>: this tag is used to give italic look to the text.
 <FONT>: We use font tag in this project to to give a style or a design to a font.

3 OTHER TAG USED:

 <IMG>: The <img> tag defines an image in an HTML page. The <img> tag has two required

attributes: src and alt. Note: Images are not technically inserted into an HTML page, images are linked
to HTML pages. The <img> tag creates a holding space for the referenced image.
 <A>: The HTML <a> tag is used for creating an a element (also known as an "anchor" element).The a
element represents a hyperlink. This is usually a link to another document. You can use the <a> tag to
link text or images.
 <HEADER>: It usually contains a logo, search, navigational links, etc. The <header> tag is a new
element in HTML5. In an HTML document it is allowed to use several <header>tags, which can be
placed in any part of it.
 <FOOTER>: The <footer> element is a structural element used to identify the footer of a page,

Trinity Polytechnic Pune Page 11

WEBPAGE DESIGNING WITH HTMLDEVELOP A WEBSITE FOR COLLAGE HOSTLE FACILITY.
typically contains copyright and authorship information or navigational element.

3 CONCLUSION
In this project we learn about the HTML. It’s different tag and by using this tag we can create a simple
webpage.
More better webpage can be made by using JAVASCRIPT and CSS (Cascading Style Sheets), by using this
things we can develop a good looking and more efficient webpages.

Trinity Polytechnic Pune Page 12

WEBPAGE DESIGNING WITH HTMLDEVELOP A WEBSITE FOR COLLAGE HOSTLE FACILITY.

4 REFERENCES

1. HTML and XHTML The complete reference by Powell Thomas.

2. Learning Web Design by Robbin.
3. Teach Yourself HTML & CSS in 24 Hours by SAMS.
4. HTML, XHTML and CSS by Bohem, Anne.
5. HTML 5 Black Book (second edition) by DT Editorial service.

Trinity Polytechnic Pune Page 13

WEBPAGE DESIGNING WITH HTMLDEVELOP A WEBSITE FOR COLLAGE HOSTLE FACILITY.

Weekly Work / Progress Report …co 10-18

Week Duration Sign of

No. Date Work or activity Performed the Guide
in hours

Name of Project Guide: Discussion and Finalization of the

1 One hour
Project Title
Two Preparation and Submission of
2
hours Abstracts
Two
3 Literature Review
hours
Two
4 Collection of Data
hours
Two
5 Discussion and Outline of Content
hours

6 One hour Rough Writing of the Projects Contents

7 Two hour Editing and Proof Reading of the

Contents Annexur
e IV
Micro Final Completion of the Project Project
8 One hour

9 Two hour Seminar Presentation, viva-vice,

Assessment and Submission of Report
Evaluation Sheet
Name of Student: …………………………………… Enrollment No : ……………………………….
Name of Programme: ……………………………… Semester: …………………………………………
Course Title: …………………………………………Code……………………………………………….
Title of the Micro-Project………………………………………………………………………………….
Course Outcome Achieved:
a) …………………………………………………………………………………………………
b) …………………………………………………………………………………………………
c) …………………………………………………………………………………………………
d) …………………………………………………………………………………………………

Sr. Poor Average Good Excellent

Characteristic to be assessed
No. (Marks 1-3) (Marks 4-5) (Marks 6-8) (Marks9-10)
Process and Product Assessment (Convert above total marks out of 6 Marks )
1 Relevance to the course
2 Literature Review/Information collection

Trinity Polytechnic Pune Page 14

WEBPAGE DESIGNING WITH HTMLDEVELOP A WEBSITE FOR COLLAGE HOSTLE FACILITY.
Completion of the Target as per project
3
proposal
4 Analysis of Data and representation

5 Quality of Prototype /Model

6 Report Preparation

Individual Presentation/ Viva (Convert above total marks out of 4 Marks)

7 Presentation

8 Viva
(A) (B)
Process and Product Assessment Individual Presentation/Viva Total marks
(6 marks) (4 marks) 10

Comments/Suggestions about team work/leadership/inter-personal communication (if any )

…………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………
…………………………………………………………………………

Name and designation of the Teacher ………………………………………………………………….

Dated Signature ………………………………………………………………………………………….

Trinity Polytechnic Pune Page 15