Welcome to Learn How To Build A Website In A Day

Margaret Graham

1. College Health and Safety1. College paper work2. Walk the building

2. College paperwork1. Learning agreements2. ILP’s

College Paper Work & Health and SafetyWeek 1

Health and Safety

• Emergency Evacuation Route in case of fire.What You Must Know

Room 8Room 9Office

Room 7

Car Park

You Are Here

cafe

Office

Front doors

• First Aid box is located within the main Reception area or Student Services

• Public telephone is next to student services desk opposite the canteen

My e-mail address:

m.graham@tacc.ac.uk

If you need to communicate with me outside class time.

What you need to write down

How to build a website

1. Introductions2. Computer health and Safety.3. Learning styles assessment4. Initial assessments5. What do you want a website for

Introductions• Please talk to the person sitting next to them

and ask them the following questions.

– Their name– Why are they here– What do they hope to get out of the day.

You will need to know how to use the following skills

Using Internet Explore Using Search EngineGathering informationUsing manipulating imagesUsing TablesUsing HeadingsFooters

Award Film year

Oscar (best director) Psycho 1960

Lets get Started

Skills You Will Be LearningWhat do you want a website for

Business, Family and Friends, Community groups?

Think about what you want your site to look like.

The Do’s and Don'ts

DesignWhat makes a good Website

16

Table / Navigational tools

Elements of a web page

Document title

Address (URL)

BannerWeb page title

Footer / Copyright

Graphic elements Hyperlinks

Content

Search tool

Navigational tools

Frames

Hyperlinks

17

Design • Does it follow the design principles?

• Is the site easy to read and navigate? – On average somebody will look at your website for

around 30 to 40 seconds and if they cant find what they are looking for the click to another site

• Is there a balance between style and functionality?

18

Some tips in web page designDo’s

• Plan the web site structure and navigation

• Keep the layout simple.

• Use the same general style throughout

• Add standard navigation tools to each page

• Include copyright and contact information on each page (you put this in the footer)

19

Some tips in web page designDo’s

• Use original or free graphics

• Use images wisely and keep file size small for fast download

• Respect copyright and intellectual property rights

• Always state the source of all materials used

• Spell check and proofread each page

20

Some tips in web page designDon’ts

• Don’t crowd your pages – balance text, graphics and space

• Don’t overuse graphics, animations and other leading edge technology – use them to support and enhance but not to overpower your work

• Don’t use background that distracts the user or makes text unreadable

21

Some tips in web page designDon’ts

• Don’t use blinking or glowing text for emphasis

• Don’t use long paragraphs of text – divide them into readable chunks

• Don’t create dead end pages, which have no links to any other local page in the site

• Don’t design for a specific browser

Areas of a Web Page

Menu

Header

Main Content

Logo

Footer

Menu

Navigation Bar

Copyright Law

Centered with three columns

Really complicated design!

Create Wix account

Create an account with Wix.comOpen internet explorer and in the address barWWW.Wix.com

Sign Up

Create a New

Create New Account

Opening Page

Create Wix webpage

Create an account with Wix.comWix.com Templates

Wix.com Tools

Pages

Design

Add

Settings

Skills You Will Be Learning Changing a template and customising your site.

Text styles Text Colour Navigation buttons Changing images Changing backgrounds Saving site Previewing site Publishing site

Today Continued Other Things You Need to Know

Free sitesDomain namesCosting for hosting your siteCopy right law

Any Questions?