Download Charles' Starting and Running a Successful Website Notes

plumpbustlingInternet and Web Development

Dec 4, 2013 (3 years and 6 months ago)

72 views

SMU


Continuing Adult and Professional Education

Starting and Running a Successful Website

4/21/2012

Instructor: Todd Moore


Email:
htoddjmoore@gmail.com

(?)


History of Markup

-

Early word processors where
users had to add code to changes styles, markup

-

Purpose to exchange information between educational institutions

-

Tables for layout

-

Then “Frames”

HTML

-

Berners Lee (inventor of HTML and the internet), worked at CERN in Switzerland

-

Early leader of the W3C wo
rldwide web consortium


XML

-

Universal exchange for large amounts of information

-

Separate styling sheet


Combined XML and HTML ideas into XHTML


HTML 5


CSS 3.0 (partially released, W3C has not released full package of rules)


Skillsets:



Creative

o

TAKE A
BASIC Drawing class



Technical



Business Skills



Information Architecture




BUY: The Principles of Beautiful Web Design, by Jason Beaird


Types of Programming languages

Client
-
side



HTML, CSS, Javascript

Server
-
side



.NET, php, SQL, etc.

eCommerce



As simple a
s a link to call



To full blown store /
Shopping Carts



SEO


Search Engine Optimization


Market Yourself



via Social Media

o

Yahoo groups migrated to newer

o

Facebook


BranchOut



Add more professional skills

o

LinkedIn



Add more personal info, personalize it



Pose

with a dog, don’t look directly at the camera



Craig Fisher, fishdogs.com

o

Google Plus (g+)

o

Twitter



via Mobile devices


Evaluating Customer Behavior


Business Skills



Project Management

o

MS Project

o

Gant chart



Managing Budgets and Timelines


Audience

Time

Money

Quality

Clients

Fast

Cheap

Good

For Best Results:

Choose Two




Learn Content
Management Systems

Easy

Medium

Editable

WordPress


Easy



Joomla



Moderately easy
more editability


Drupal




Difficult but more
Editable


Information Architecture

How well data organized



On screen



And on server side





Usability Professionals Association:
www.
dfw
-
upa.org



Example of poorly organized website:

www.CHEIL.com


Stages of Web Dev
elopment (6), page 10 in text

1.

Assessment

a.

As much information from client as possible

2.

Analysis and Planning

a.

What are the goals of the website

b.

Target audience

c.

Purchasing domain names

3.

Design

a.

Stop introducing new ideas, wants, etc.

b.

Sketch site, pages, etc.

c.

Nav
igational sitemap

i.

Fireworks is good for “wire
-
framing” a website

1.

“Adobe Classroom in a book for Fireworks”

d.

Deciding what content

i.

Types

1.

Video

2.

Sound

3.

Text

ii.

Functional requirements

iii.

Graphics

4.

Production

a.

Process Development methods

i.

Waterfall


each step followed
by the next

1.

http://www.buzzle.com/articles/waterfall
-
model
-
vs
-
agile.html

ii.

Agile (graphic courtesy
of Wikipedia

iii.

Scrum


5.

Testing and Launch
, version 1.0

a.

Test with people who don’t
know much about the web

b.

A
ccessible

i.

Sound


test for people
who are deaf

ii.

Text


for blind, vision
-
impaired

6.

Post
-
Launch

a.

How to make a website better!

i.

Version 1.1+

ii.

Until you get to Version
2.0








Questionnaire:

Name of company

Name of contact

Existing domains

What services do they provide
?

What niche are they targeting?

-

If they
can’t, define it for them…

Define Target Audience

-

Politics

-

Religion

-

Sex

-

Ethnicity

-

Age

-

Where they live

-

Culture

-

How they think.

o

Name imaginary characters

-

Demographics

o

Talk to current / potential customers

-

SEO

-

Who’s writing copy

-

How many pages (as exact as p
ossible)?

-

Graphics

o

Intellectual property issues

-

Photographs

-

eCommerce

o

forms

o

newsletter

o

database if email is too much

-

who’s the webmaster

o

what is their skillset !!

-

how often will it change?

-

Compare competitive websites
















Example: “running”


Runner’s World

䅢ou琮捯m 創Rn楮g⁡湤⁊ gg楮g




-

Model Trains

o

www.Hobbylink.com

o

www.modeltrainstuff.com


Bad Example:

-

Cheil Worldwide


Buy book “Don’t Make Me Think”



Copyright

-

Anything on a website is automatically copyrighted

-

DON’T take someone else’s work and copyright it yourself

-

Can’t copyright “ideas” but you can copyright your own the work
-
product from that idea!

-

Creative Commons



good resource

-

Stock.xchng


http://www.sxc.hu

for royalty
-
free images

-

Getty Images



large database of images





Creating Website Project Plan (see page 19)

Define a) responsible person, b) deadline, c) actual completion date

1.

Complete Competitive Analysis

2.

Document Website Goals

3.

Define target audience

4.

B


DNS


domain name system

-

A name that is associated with the IP address

-

ICANN



Internet Corporation for Assigned Names and Numbers


Rules for Buying a Domain Name

-

Use right extensi
on for domain name

-

Good domain name is

o

Memorable

o

And if possible as short as possible

-

Good and easy to write and read outloud

-

Memorable and unique

-

Hard to misspell

o

Don’t use



There, their



Your, you’re

-

Good domain names start with the topic of the website

-

Avoid hyphens if possible

o

Unless it’s within a business web structure


In order to take the test:

http://www.smulearn.com

-

Signin

-

Click certificate in web design




TEST Review

-

Deliverables of Design Phase

-

Know the lo
gical order of Website Development Process

-

Protected extensions for non
-
profit
-

NO (.org is open for any)

-

Protected extensions for educational


YES (.edu)

-

.usa NOT valid

-

.ws


Western Samoa

-

Know the characteristics (earmarks of good domain name)

-

Three l
anguages in websites

o

Html

o

Xhtml

o

Css

o

Javascript

-

Web dev software: Expressions Web, Coffee Cup, Dreamweaver

-

Doing Graphics: Photoshop, Fireworks, Paint, Illustrator

-

MSN as search engine has changed to Bing

-

Other search engines

o

Google

o

Yahoo

o

Bing (MSN)

-

Special Character in Domain Name: HYPHEN (NOT underscore)

-

How much storage space for web pages (see pp 27


30)

-

Different activities of website design (see p 10)

o

Which

-

Who owns
/develops

Photoshop, Dreamweaver, CONTRIBUTE (a web design pkg) etc.? pp 42

-

A
dobe owns: ??

-

eCommerce (Ch 6, p 47


50 )

-

Registering domain names

o

Buying domain name does not mean you buy hosting



To do statistics have to have hosting and website

-

According to book, Google does NOT use meta tag “keywords” for website ranking

o

Text on t
he page is the strongest indicator for good SEO

o

<title> tag
VERY
important

o

links from other websites inbound links most important

-

SEO Spamming

o

Content on website that is on website ONLY to get better SEO ranking

-

Server

o

Windows servers not popular

o

UNIX /
Linux more popular (most popular)



Shared servers most common

-

Web Programming Languages (see pp45


46 )

o

Know BACK
-
END languages

-

Best practices for buying / using domain names

o

See pp 20
-
22

-

eCommerce NOT generally in a basic web hosting package (p 30)

-

using
someone else’s photos, best to get written permission

-

who can get specialized domain names

-

payment methodologies (see p47


50 )

o

Shopping Carts

o

Merchant Accounts

o

Payment Gateways like VISA Mastercard

-

When people use your website can be used to determine
WHO is using your website

o

Knitting site visitors during business hours, probably
stay at home moms

-

How many times do you submit website to search engine


ONLY ONCE!

o

Keep up with it so it doesn’t fall out

-

Most IMPORTANT for SEO

o

LINKS FROM OTHER WEBSITES

-

Co
rporate Colors is one reason why site COLOR is important in

-

Site Map
not

necessary in the Site specification document (too early in the design)

-

Creating first draft of website requires:

o

Template

o

Content

o

Site map

o

NOT Testing plan

-

Monthly BANDWIDTH determi
nes the size of the hosting plan

-

Changing text attributes what would you use:

o

CSS

-

Where is the domain name in a url?

o

After http:// (slash)

o

Before the NEXT ‘/’ slash

-

Normally get what with hosting package?

o

Email accounts

o

Not eCommerce

-

Definitions of Visits, Visitors, Page
Views
, Hits (p 55



58
)

o

Visitors are UNIQUE IP addresses that have viewed website

o

Visits could be the same visitors, multiple times

-

Memory is CHEAP, so “Unlimited bandwidth, Unlimited Emails” are not a big deal

-

Determ
ining What Hosting Accounts to Buy (p25


30 )

-

When should you host your own website?

o

Can your business afford a T1 line?

o

Can you afford tech support?

-

Redundant internet connection

o

Hosting companies have backup copies of website



“co
-
location”

o

BPS


backup

power supply

o

EPS


external power supply (?)

-

Web hosting company connections are always faster than a home or business communications
line.

o

Choosing a larger company may guarantee faster speed to load website

-

Other services (p25


30)

o

Statistics

o

Mailing
lists

o

eCommerce

-

Choice between

o

IIS (Windows), or

o

UNIX / Linux

-

Dedicated vs Co
-
Located

o

Dedicated


server(s) just for you

o

!! Disagree with text

o

Co
-
located means redundancy of info on other

-

ASP language on Microsoft

o

Also uses IIS

o

Languages: .NET / SQL
Server

o

Active Server Pages

-

Apache on UNIX / Linux

o

Most popular

o

Languages: PHP / MySql

o


-

Features

o

Cheaper

-

Web Designs

o

“Bread and Butter Designs”



Designs that generate most revenue for designers



Dreamweaver Templates



HTML5 with fixed columns

o

Creative



Designs that do not follow std templates


Designer Do’s and Don’ts

-

MAKE SURE client knows Copy/Content is SEPARATE from the DESIGN

-

Separate from “Back
-
end”


Google
-
ganking


stealing / borrowing images from Google images

OR use:

-

iStock

-

Corbis

-

Getty Images

-

Shutterstock

MAKE SURE YOU HAVE RIGHTS!


HTML 5 “Canvas”


CM RESEARCH


“StoresOnLine”



Payment Gateway that is more like a Merchant Account


Testing and Launch

-

Compatibility with Browsers

-

Compatibility with
different VERSIONS of Browsers

Achieving good SEO

-

www.google.com/submityourcontent

-

give Google your new site’s information

-

search
.yahoo.com/info/submit.html



or for free directory listings

-

ecom.yah
oo.com/dir/reference/cost


for PAID Yahoo Directory Listings

-

www.submitexpress.com/free
-
submission.html

-

free service to submit web address


Check your Rankings

-

Alexa


www.alexa.com

o

Gives total rank of the website in the US and the world!


WordPress.Com


WordPress.org


SEO


Opimitizing for Search Engines

-

Keywords


4% penetration

o

Keywords in meta
-
data should be up to but NO more than 4%

o

Check out
http://www.wheatgrasskits.com



Creator of the website knows all the ways to increase SEO



Powered by
www.storesonline.com

-

Compare to competition!

o

Check out their layout

o

Check out their content

o

Check out their in
-
bound links

o

Check out their keywords

-

Information!

o

Free content that contains your keywords

o

Creates community if they can comment on content!!

-

Coupons!

o

Every time customer gives you email



When you email them, ALWAY
S SEND COUPONS!

-

Meta Tags

o

“keywords”

o

“description”

o

“author”

-

TITLE tag!!

-

Favicon


icon that appears on URL

o

www.favicon.cc

o