Guide
Mr. Manmeet Sir
Project Members:
Inamullah Javaid Handoo (01-ITE-
16)
Nayeem Husain Rather (02-ITE-
16)
Mohsin Hussain (04-ITE-16)
Adil Husain Rather (08-ITE-16)
College Website
Redesign the college (COET) website
Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
Guidelines and tips
Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
Community
Ask the community
Ask the community for help and clear up your study doubts
University Rankings
Discover the best universities in your country according to Docsity users
Free resources
Our save-the-student-ebooks!
Download our free guides on studying techniques, anxiety management strategies, and thesis advice from Docsity tutors
Design User Interface Website, Study Guides, Projects, Research of Web Design and Development
The main aim of the project was to design the college website
Typology: Study Guides, Projects, Research
2018/2019
1 / 26
This page cannot be seen from the preview
Don't miss anything!
Related documents
Partial preview of the text
Download Design User Interface Website and more Study Guides, Projects, Research Web Design and Development in PDF only on Docsity!
Guide
Mr. Manmeet Sir
Project Members:
Inamullah Javaid Handoo (01-ITE-
Nayeem Husain Rather (02-ITE-
Mohsin Hussain (04-ITE-16)
Adil Husain Rather (08-ITE-16)
College Website
Redesign the college (COET) website
Contents Introduction What we did Languages used Framework, Library used Screenshots
Introduction
- (^) Almost every site that is built nowadays is designed for larger screens and afterwards is adapted for mobile.
- (^) But this isn’t only due to the advancements in technology, people have also evolved beautifully in this industry.
- (^) Thanks to the numerous open source resources that we had access to, or the incredible amount of tutorials, we have evolved too and we are not just mere designers, but web architects.
What we did
- (^) Changed the design of website.
- (^) Some modern features were added.
- (^) Used bootstrap framework.
- (^) Added bootstrap features like carousel, collapsible navbar, etc.
- (^) Hover effects were added.
- (^) Scroll effects were added.
- (^) 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. HTML
Hypertext Markup Language
- (^) CSS stands for C ascading S tyle S heets
- (^) CSS describes how HTML elements are to be displayed on screen, paper, or in other media
- CSS saves a lot of work. It can control the layout of multiple web pages all at once
- External stylesheets are stored in CSS files
- (^) CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes. CSS
Cascading Style Sheet
Framework, Library used Bootstrap jQuery
- (^) Bootstrap is a free and open-source CSS framework directed at responsive, mobile- first front-end web development.
- It contains CSS- and (optionally) JavaScript- based design templates for typography, forms, buttons, navigation and other interface components.
- (^) Bootstrap is the third-most-starred project on GitHub.
- (^) Bootstrap is a web framework that focuses on simplifying the development of informative web pages. Bootstrap
CSS Framework
Home page
Home page (Contd.)
Home page (Contd.)
Home page (Contd.)
About us page
About us page (Contd.)