Creation of website

Creation of website - Introduction

• Broad term for the work involved in developing a
website for the internet
• Encompasses many different skills and disciplines
in the production and maintenance of websites
• Five step process for effective website design
– Analyze
– Organize
– Develop
– Implement
– Maintain
 Analyze
• Information / content
• Target Audience
• checklist
 Organize
• Navigation
• Content
• Page layout
• Page design
 Develop
• Web page layout
• Site layout
• Web page construction
• Graphics techniques
 Implement
• User interaction
• Final checklist
• FTP
• Fine tune
 Maintain
• Marketing
• Optimization
• Traffic anaysis
 Plan your content
• Web development languages and tool
– HTML/DHTML/XHTML
– Java
– Web design tools- Frontpage, Dreamweaver etc.,
– Scripting languages – VBScript, Javascript etc.,
– CSS
– XML
– …..More !!!!
 Types of web sites
• Website – set of web pages
• Two types of web sites include
– Static (abstract)
– Dynamic (proactive)
 Static website
• The web page content remains constant until
a developer wishes to alter
• The information remains the same throughout
• The content include
– Plain text or rich media
The content is same at all times irrespective of time
of visit
 Dynamic website
• It updates itself frequently depending on a set of
parameters
• The content is renewed every time a user visits
the website
• It is created using a wide range of software and
languages like
– Java Server Pages (JSP)
– Active Server Pages (ASP)
– PHP
– Python
– Perl etc.
 Plan your content
Interactive Websites
• Websites of the 90s had only textual content on them
• With the evolution in multimedia and other design
elements, images, audio, video, and interactivity to
mimic a desktop application started appearing on
websites.
• Plugins such as Silverlight and Flash started to get
implemented in websites to deliver more interaction
with users
• In modern web browsers, JavaScript helps modify the
web page content on the fly and communicate with the
web server.
 Wireframe your design
• Wireframing is an important step in any
screen design process
• It primarily allows you to define the
information hierarchy of your design, making
it easier for you to plan the layout according
to how you want your user to process the
information.
 Wireframe your design
• A website wireframe is defined as the visual
guide that gives a framework for your website
• This blueprint or page schematic is created to
layout site elements in the best way possible
to support a specific purpose
• Website wireframing is as close to an
architect’s job for web design
 Wireframe your design
• It should lay out the details necessary to
visualize how the page will be
– Structured
– What’s the layout
– The flow of the messaging
– Consider all of the elements that will help the
page fulfil its goal
Website wireframes are 90% thinking/planning and
just 10% drawing
 Create webpages
• A single, usually hypertext document on the
World Wide Web that can incorporate text,
graphics, sounds, etc. •
• A uniform resource locator, abbreviated URL, also
known as web address, is a specific character
string that constitutes a reference to a resource
• In most web browsers, the URL of a web page is
displayed on top inside an address bar
• An example of a typical URL would be
"http://www.google.com
 Website
• Web Site: A connected group of pages on the
World Wide Web regarded as a single entity,
usually maintained by one person or organization
and devoted to a single topic or several closely
related topics
• A set of interconnected webpages, usually
including a homepage, generally located on the
same server, and prepared and maintained as a
collection of information by a person, group, or
organization.
 Web server
• Web server : A remote computer or a
computer program that delivers Web pages to
a user's computer, or a client, upon request
from a web browser through the Internet
• The most common use of web servers is to host
websites, but there are other uses such as
gaming, data storage or running enterprise
applications Web Server S/W – Apache,
Tomcat, Internet Information Service (ISS) etc.
 Web browser
• The primary function of a web server is to deliver
web pages on the request to clients using the
Hypertext Transfer Protocol (HTTP)
• This means delivery of HTML documents and any
additional content that may be included by a
document, such as images, style sheets and
scripts
• A user agent, commonly a web browser or web
crawler, initiates communication by making a
request for a specific resource using HTTP and
the server responds with the content of that
resource or an error message if unable to do so.
 Web Publishing
• Web publishing, or "online publishing," is the
process of publishing content(information) on
the Internet
• It includes creating and uploading websites,
updating webpages, and posting blogs online
• The published content may include text,
images, videos, and other types of media
• A Web site is a collection of HTML pages with
the home page typically named INDEX.HTML
 Web Publishing
• In order to publish content on the web, you need three
things:
– web development software
– an Internet connection
– web server
• The software may be a professional web design program like
Dreamweaver or a simple web-based interface like Notepad
• The Internet connection serves as the medium for
uploading the content to the web server.
• Large sites may use a dedicated web host, but many smaller
sites often reside on shared servers, which host multiple
websites.
• Distributing the site requires copying the resulting HTML
pages and graphic elements into the appropriate directories
on the server.
 Web Publishing
• The audience is limitless since content posted on
the web can be viewed by anyone in the world
with an Internet connection
• These advantages of web publishing have led to a
new era of personal publishing that was not
possible before
• Posting updates on social networking websites
like Facebook and Twitter is generally not
considered web publishing
• Instead, web publishing generally refers to
uploading content to unique websites
 Web Publisher
• Since web publishing doesn't require physical
materials such as paper and ink, it costs
almost nothing to publish content on the web
• Therefore, anyone with the three
requirements above can be a web publisher
• A person or company that uploads, creates, or
edits content on Web pages; one who
maintains or manages a Web site. A software
program or application used to create Web
pages
 Web Hosting
• Web hosting is where your website actually
sits, on a computer, in a building somewhere,
when you put it on the internet
• It doesn't matter where in the world you're
located, or where your web hosting is located
• Web hosting is the only thing you have to pay
for, to set up a website
• Everything else can be done for free