Scribd
Upload
49 views18 pages

Inhouse Presentation

Website development involves creating websites ranging from simple single pages to complex multi-page sites. Common technologies include HTML, CSS, JavaScript, PHP, and XML. The document outlines the basics of these technologies and how to structure an HTML document. It also discusses designing a website for a client, including buying a domain, creating stylesheets, adding content and images, and resolving issues during the design process. Additional features like maps and chat services were integrated using JavaScript code.

Uploaded by

Deepansh Pandey
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
49 views18 pages

Inhouse Presentation

Website development involves creating websites ranging from simple single pages to complex multi-page sites. Common technologies include HTML, CSS, JavaScript, PHP, and XML. The document outlines the basics of these technologies and how to structure an HTML document. It also discusses designing a website for a client, including buying a domain, creating stylesheets, adding content and images, and resolving issues during the design process. Additional features like maps and chat services were integrated using JavaScript code.

Uploaded by

Deepansh Pandey
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 18

Website Development

Website Development

Website Development is the process of developing a


website. It ranges from developing a single static
webpage to highly complex multi pages website. The
common technologies for web development are :
HTML
JavaScript
CSS
PHP
XML
XHTML

What is HTML ?

HTML stands for HyperText markup language . It is a


markup language commonly used to create web pages. A
markup language provides a way to describe the
structure of text and graphics on a Web page. HTML is
developed and maintained by World Wide Web
consortium. HTML5 is the latest version of HTML. The
document extension is .html

Syntax of HTML document

<HTML>
<HEAD>
<TITLE>. </TITLE>
</HEAD>
<BODY>
.
</BODY>
</HTML>

What is CSS ?

CSS is a style sheet language that is used to describe the


appearance and formatting of a Web document. CSS
enables us to keep separate the instructions related to
presentation of Web content from the content itself. The
document extension is .css

Importing CSS stylesheet in HTML

Two methods are used to import CSS stylesheet in


HTML are
<link rel="stylesheet" href="css/main.css">
Or directly by putting style code in same html file. We
use code <style>. </style> in head section.

Buying a domain

We bought the domain www.pandeypriya.com for


developing our website from godaddy.com at Rs. 1600
per year.

Designing main CSS stylesheet


The main stylesheet has all description for structure of the
web page.
#header
{
background-color:#EAEAEA;
height:100p%;
margin:0;
width:100%;
font-size:16px;
}

body
{
margin:0px;
font-family:"Open Sans";
background-color:#FFFFFF;
font-size:14px;
color:#666666;
}

Content for Website

The content for website is provided by Pandeypriya


itself i.e. photos, contact information, fb page link etc.
Some basic picture editing work have been done by us
in Adobe Photoshop.

We have designed 5 web pages according to the content


provided to us.
Home Page
Portfolio Page
Services Page
About Us
Contact Us

Problems during Designing

The header list is having problem with the border at the


end of list. If putting border at the bottom in CSS
stylesheet then it comes after every list item so it is
corrected by putting border on last element.

Problems during Designing

The separator is not showing properly in home page that


is corrected by increasing its width and decreasing
height.

Problems during Designing

The contact form in the contact page is not showing up


properly as it described in the table this is resolved by
describing cell spacing and cell padding for all rows and
columns.

Some extra features

They are some extra features that are added to make


website look more attractive but are in JavaScript so
their code is taken from internet and updated
according to website. The features are :
Google Maps
Chat Services by pure chat
Parallax Scroll

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy