dronomaniac

Website Address:[dronomaniac.ipdev.in]

Introduction

Drones are flying robot used in public ,private and military purposes.We have the most complete information on drones for sale including ratings to help make your decision easier. Buy the Best Drone offers our honest, unbiased opinions to help you make the best decision

Aim

The aim of this project was to get familiar with the website designing.

Team Members and Responsibilities

S.No Name Responsibilites
1. Vaibhav Kashyap Site layout,Coding
2. Rajat Aggarwal Coding,Styling,Wiki-page
3. Satyender Content,Styling,Wiki-page
4. Puneet Mohanpuria Content,web-hosting

Area and Initial planning for Website

To make people more aware about specialities of drones,our team decided to develop a website on drones.

sat%281%29.jpg

With working knowledge of website designing, we started understanding html and css.. None of us had ever experimented with html or css before, but we decided to learn it from scratch.

Tools, Languages and Platforms

  • HTML (Hyper Text Markup Language): HyperText Markup Language, commonly referred to as HTML, is the standard markup language used to create web pages.We used it create layout of web pages.
  • CSS (Cascading Style Sheets): Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language.We used it to style our web pages.

*Aids like Drupal, Bootstrap, were not used since we wanted to do it from scratch.

The Learning Journey

We started by learning html5. W3 school was of great help. Then to style our pages we also learnt css3 from the new boston tutorials .
We planned each and every little detail and worked day and night during our holidays.
We had initial problems in positioning elemnts on the screen .But we wanted to give it a professional look. With this in mind, we worked accordingly.
Overall it was a very good learning curve for all of us.

Snapshots of webpage screen

Here are a few snapshots from our webpages such as Gallery ,Home page,hovering effects.

c1.PNG
c2.PNG

Snippets of code developed

Here are a few sinppets of code developed by us

code.png
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License