+ All Categories
Home > Documents > 4 steps to building a website - Elgin Community College4 steps to building a website 1. Plan 2....

4 steps to building a website - Elgin Community College4 steps to building a website 1. Plan 2....

Date post: 21-Jun-2020
Category:
Upload: others
View: 2 times
Download: 0 times
Share this document with a friend
19
4 steps to building a website 1. Plan 2. Design 3. Build 4. Publish
Transcript
Page 1: 4 steps to building a website - Elgin Community College4 steps to building a website 1. Plan 2. Design 3. Build 4. Publish. Plan: What is the overall purpose of your website? Who will

4 steps to building a website

1. Plan

2. Design

3. Build

4. Publish

Page 2: 4 steps to building a website - Elgin Community College4 steps to building a website 1. Plan 2. Design 3. Build 4. Publish. Plan: What is the overall purpose of your website? Who will

Plan:

What is the overall purpose of your website?

Who will be the site visitors?

Page 3: 4 steps to building a website - Elgin Community College4 steps to building a website 1. Plan 2. Design 3. Build 4. Publish. Plan: What is the overall purpose of your website? Who will

Design:

1. Create a site map

2. Choose a style

Page 4: 4 steps to building a website - Elgin Community College4 steps to building a website 1. Plan 2. Design 3. Build 4. Publish. Plan: What is the overall purpose of your website? Who will

Home

Page

CIS110 CIS121 CIS143

Site Map

Page 5: 4 steps to building a website - Elgin Community College4 steps to building a website 1. Plan 2. Design 3. Build 4. Publish. Plan: What is the overall purpose of your website? Who will

Style

The “look and feel”

of the website

includes both its

appearance and the

user interface.

Page 6: 4 steps to building a website - Elgin Community College4 steps to building a website 1. Plan 2. Design 3. Build 4. Publish. Plan: What is the overall purpose of your website? Who will

Build:

Create a folder named

MyWebsite in a folder on your

USB.

We’re going to use NVU to create the

web pages.

Page 7: 4 steps to building a website - Elgin Community College4 steps to building a website 1. Plan 2. Design 3. Build 4. Publish. Plan: What is the overall purpose of your website? Who will

Open NVU

Page 8: 4 steps to building a website - Elgin Community College4 steps to building a website 1. Plan 2. Design 3. Build 4. Publish. Plan: What is the overall purpose of your website? Who will
Page 9: 4 steps to building a website - Elgin Community College4 steps to building a website 1. Plan 2. Design 3. Build 4. Publish. Plan: What is the overall purpose of your website? Who will

Chose a color scheme

In the Format

menu, chose

Page colors and

Background.

Select use

custom colors.

Double-click a

color to edit.

Page 10: 4 steps to building a website - Elgin Community College4 steps to building a website 1. Plan 2. Design 3. Build 4. Publish. Plan: What is the overall purpose of your website? Who will

Add text and images

Page 11: 4 steps to building a website - Elgin Community College4 steps to building a website 1. Plan 2. Design 3. Build 4. Publish. Plan: What is the overall purpose of your website? Who will

Add hyperlinks

Page 12: 4 steps to building a website - Elgin Community College4 steps to building a website 1. Plan 2. Design 3. Build 4. Publish. Plan: What is the overall purpose of your website? Who will

Save your site before you publish

You will first be prompted for a title:

Page 13: 4 steps to building a website - Elgin Community College4 steps to building a website 1. Plan 2. Design 3. Build 4. Publish. Plan: What is the overall purpose of your website? Who will

Save the page in your MyWebpage folder.

Rename the file to index.html

Page 14: 4 steps to building a website - Elgin Community College4 steps to building a website 1. Plan 2. Design 3. Build 4. Publish. Plan: What is the overall purpose of your website? Who will

Publish:

In the Site Manager pane on the left, click edit sites.

Page 15: 4 steps to building a website - Elgin Community College4 steps to building a website 1. Plan 2. Design 3. Build 4. Publish. Plan: What is the overall purpose of your website? Who will

Fill in the following info:1. Site Name

2. HTTP address of your homepage

3. Publishing Address

4. User Name

5. Password

You may need to contact your ISP if you don’t know what the address would be.

Page 16: 4 steps to building a website - Elgin Community College4 steps to building a website 1. Plan 2. Design 3. Build 4. Publish. Plan: What is the overall purpose of your website? Who will

Upload to the webserver

Click on the publish icon:

Page 17: 4 steps to building a website - Elgin Community College4 steps to building a website 1. Plan 2. Design 3. Build 4. Publish. Plan: What is the overall purpose of your website? Who will

Finish

Close NVU

Click “Safely Remove Hardware” button(also on task bar)

Remove USB

Page 18: 4 steps to building a website - Elgin Community College4 steps to building a website 1. Plan 2. Design 3. Build 4. Publish. Plan: What is the overall purpose of your website? Who will

Resources (found on faculty.elgin.edu/lmayer)

This PowerPoint presentation

Tim Kaar’s presentation (Spring 06)

Tim Kaar’s NVU overview

Tim Kaar’s faculty website handout

Tim Kaar’s Photofiltre handout

NVU User’s Guide

NVU website

Obviously, many thanks go to Tim Kaar for his research on flash drives and portable application devices.

Page 19: 4 steps to building a website - Elgin Community College4 steps to building a website 1. Plan 2. Design 3. Build 4. Publish. Plan: What is the overall purpose of your website? Who will

Any Questions?


Recommended