USING THE WEB TO YOUR ADVANTAGE

SITE-BUILDING BASICS

Essential terms:
A web hosting service is a type of internet hosting service that allows individuals and organizations to make their own website accessible via the World Wide Web. A domain name identifies a website (i.e., microsoft.com). HTML stands for "Hyper-Text Markup Language. This is the language that is used to write web pages.

Not even close!

When you upload, you are sending a file from your computer to another system (in this case, storing it on your website).
2

Search and compare to find the web hosting service thats right for you
3

Some questions to ask yourself when considering a site:

What are the terms? What does it cost?

Are there ads?

Is the usage of HTML mandatory or optional? How much file storage space is there? What is the maximum file size that I can upload? Do I want a transferrable domain name?
4

This is BPROs web hosting service. BPROs domain name is bpro.us HTML is optional Larger file storage and upload capacity Must pay

EarthLinks Trellix Site Builder does (most of) the work for you

BPRO PD 11 and BPRO PD 16-17 both use this web hosting service.
Its FREE HTML is required Less file storage & upload capacity No transferrable domain name
7

OrgSites users do all the work themselves

Example of HTML entry

What your sites visitor sees

8

OrgSites provides its users with a quick reference list of the most common HTML codes and handy links to external HTML resources
9

Most hosting sites will accommodate .htm files created using Microsoft Word

10

They provide users with the ability to manage their web pages
11

 and to store files

12

 and graphics
13

 plus they offer other useful features

14

Its not difficult to build a basic website using HTML. Like any language, HTML can get complicated but you dont have to go there!

You can say that Im a septuagenarian

Or I can just say that youre a seventy-something instead

15

And even if you choose a site that doesnt require HTML, you can use it to jazz things up a bit

16

You might just want a scrolling marquee

or a dropdown menu

or to insert a special feature provided by another website.

Web templates such as EarthLinks dont provide you with these feature options. You must use HTML. And none of these enhancements are difficult.
17

The marquee, for example:

The HTML Code:

<font color="#FFFFFF"><marquee bgcolor="#0101df" direction="left" loop="40" width="100%">See Conferences page for Fall 2011 conference information! ......... Check out our new Forum and "Like" us on Facebook! ......... Join BPRO or renew your membership now!</marquee></font>

Not hard to do at all!

To add this, I googled html code for scrolling marquee, found an example of the code, copied and pasted it to the website, and then personalized the colors and text.
18

Once youve chosen a web host and created an account, its time to start building (from this point on, lets assume youre using an HTML-only site)
19

Decide what kinds of information you want to display on your Homepage and enter the text. You can dress things up later on as you become more accustomed to working in an HTML format.

20

[Discussion of HTML code list]

21

HTML entry: This is my first attempt.<br/>So far, so good. Displays as: This is my first attempt. So far, so good.
22

HTML entry: This is my <b><i>first</i></b> attempt.<br/>So far, so good. Displays as: This is my first attempt. So far, so good.
23

HTML entry:

<font color=0000FF>This is my <b><i>first</i> </b> attempt. So far, so good.</font> This is my first attempt. So far, so good.
24

Displays as:

A few of our friends <br/>

DFASDFSDF

Helps with horizontal alignment

[i.e., when text to the side of a picture is a little higher than the picture itself]

Table

Helps with horizontal display

Simple table without borders: <table> Begin table <tr> table row <td> table data [insert html text or picture link here] </td> end table data <td> table data [insert html text or picture link here] </td> end table data </tr> end table row </table> end table

Internet Search
[i.e., Google]

Helpful for finding html code to copy, paste and adapt for our needs
25

Another valuable friend is View + Source, which enables us to see a web pages HTML.
26

View + Source was used to view the HTML on PD 11s homepage. The page includes a simple table containing images. Each image is a link; each image also displays the agencys telephone number instead of its file name.
27

Best advice:
Try it

Look at the result

Make any necessary adjustments Always remember that we learn by trial and error and that perseverance pays off!
28

IN SUMMARY:

Weigh the pros and cons, select a web hosting service, and proceed to unleash your creativity upon the world!

29

Fall Conference 2011 Roanoke, Virginia

Presenter: glenn.custer@lynchburgva.gov (434) 455-5645 Glenn Custer

30