Website Development

Website Development

• What do you really want the website to say?

• How do you lay out the website and web pages? 

• When it's completed, where do you publish? 

OPENING

Note - exercise

Website Development

OUTLINE

How Do We Get Started

Creating A Web Site MyWebSite.com

Publishing A Website

Advance Stuff (cool things)

Do’s & Don’ts

Questions

Website Development

GET STARTED

Definition of a website –

Website web·site or Web site (wbst)

n.A set of interconnected web pages, 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.

Should add - is a collection of files and folders

Demo

Website Development

GET STARTED

Identify GOALS – What is the main purpose of your web site?

Know your AUDIENCE - Who will visit the web site?

Design CRITIQUES - Ask around, what do you think?

Content INVENTORY – Put it down on paper

SEARCH THE WEB – subject “touring motorcycle riding”

Website Development

GET STARTED

Homepage

Sales Contact Location

E-Commerce Phone Sales

Draw it out on paper – Story Board it

images

sales

contacts

Layout

Website Development

CREATING THE WEBSITE

Planning the layout

Pages must be functional, with logical navigation

Page must be easy to update

Organize all the files

Try to keep filenames, and not moving files

Graphic design is part of functional and navigation

Website Development

CREATING THE WEBSITE

PROGRAMS –

FrontPage 2003 / Xara Webstyle 4 / StudioLine Web Edition 2.5.10 / SiteSpinner 2 / EzGenerator Website Builder 2.0.87 / Effective Site Studio 2004:2 / Ready-Site Pro 1.0 / BestAddress HTML Editor 2005 / AceHTML Pro 6.04.2 / etc…

This is just a small example of programs available

Programs are not limited to Windows only.

Website Development

CREATING THE WEBSITE

PROGRAMS –

Windows – Tucows

Mac – Tucows

Linux - Tucows

Can you write HTML without a program? YES, you can

Website Development

CREATING THE WEBSITE

What it really looks like -

Website Development

CREATING THE WEBSITE

WHAT it really looks like -

Website Development

CREATING THE WEBSITE

Disk Based vs. Server Based

Themes vs. Template

Tables & Frames

Website Development

CREATING THE WEBSITE

Disk Based vs. Server Based

Disk based is located on your local computer

Server based located on your hosting computer

Website can be created on both in part or full.

Website Development

CREATING THE WEBSITE

Themes vs. Template

Themes are made up of specific graphics, formatting, and color scheme elements.

Templates contain one or more specific web pages that might be formatted with a theme.

Website Development

CREATING THE WEBSITE

Tables & Cells

Tables are the design corner stone of basic page layout process

Website Development

CREATING THE WEBSITE

Website Development

CREATING THE WEBSITE

Frames

Enable the developer to divide a web site into different section, each with its own scrollbars and navigational capabilities

Why use them?

They are very easy to design and implement and easy for user to navigate

When not use them?

Not all browsers support them. Many search engines will not post them. They are hard to print. Outdated

Website Development

CREATING THE WEBSITE

Frames

Website Development

PUBLISHING THE SITE

Where to Host Your Site

Your Computer

Your ISP

Free Service (are overloaded and slow)

Hosting Company

Dedicated

Shared

Domain Name?

Website Development

PUBLISHING THE SITE

Hosting Company (plans)

MP Hosting

Net Firms

Go Daddy

Free Hosting Angel Fire

Website Development

PUBLISHING THE SITE

Getting Your Website Transferred

FTP

Control Panel

WebDAV

File System

Website Development

PUBLISHING THE SITE

Website Development

ADVANCE (COOL THINGS)

Tools –

Analyzer

No Click

List of sites w/tools

TOOLS / TOOLS / TOOLS

Website Development

DO’S & DON’TS

• Do keep it simple.

• Do Make it eye pleasing.

• Don’t use a Flash introduction.

• Don’t put music or sound files on your site.

• Don’t put a lot of slow-loading graphics on your page.

• Do make sure your visitors at a glance knows what your site is about.

• Don’t use pop-ups on your website.

Website Development

Slides by

Rich Carey

Text by

Rich Carey

Graphics by

Rich CareyI would like to thank my family and friends for making this possible. All rights reserved. If you have any questions then contact the internet police about any violations to anything that was not covered or nervously place in the presentation.