Using the Web to Your Advantage

Embed Size (px)

Citation preview

  • 8/14/2019 Using the Web to Your Advantage

    1/30

    USING THE WEB TO YOUR ADVANTAGE

    SITE-BUILDING BASICS

    1

  • 8/14/2019 Using the Web to Your Advantage

    2/30

    Essential terms:

    A web hosting serviceis a type of internet hosting service that allows

    individuals and organizations to make their own website accessible via

    the World Wide Web.

    A domain nameidentifies a website (i.e., microsoft.com).

    HTMLstands for

    "Hyper-Text Markup

    Language. This is the

    language that is usedto write web pages.

    When you upload, you are sending a file from your computer to

    another system (in this case, storing it on your website).2

    Not

    even

    close!

  • 8/14/2019 Using the Web to Your Advantage

    3/30

    3

    Search and compare to find the

    web hosting service thats right for you

  • 8/14/2019 Using the Web to Your Advantage

    4/30

    4

    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?

  • 8/14/2019 Using the Web to Your Advantage

    5/30

    5

    This is BPROs

    web hosting

    service.

    BPROs domain

    name is bpro.us

    HTML is

    optional

    Larger file

    storage andupload

    capacity

    Must pay

    http://localhost/var/www/apps/conversion/tmp/scratch_5/bpro.ushttp://localhost/var/www/apps/conversion/tmp/scratch_5/bpro.us
  • 8/14/2019 Using the Web to Your Advantage

    6/30

    6

    EarthLinks TrellixSite Builder does (most of) the work for you

  • 8/14/2019 Using the Web to Your Advantage

    7/30

  • 8/14/2019 Using the Web to Your Advantage

    8/30

    8

    OrgSites users do all the work themselves

    Example of HTML entry

    What your sites visitor sees

  • 8/14/2019 Using the Web to Your Advantage

    9/30

    9

    OrgSites provides its users with a quick reference list of the most

    common HTML codes and handy links to external HTML resources

  • 8/14/2019 Using the Web to Your Advantage

    10/30

    10

    Most hosting sites will accommodate .htm

    files created using Microsoft Word

  • 8/14/2019 Using the Web to Your Advantage

    11/30

    11

    They provide users with the ability to

    manage their web pages

  • 8/14/2019 Using the Web to Your Advantage

    12/30

    12

    and to store files

  • 8/14/2019 Using the Web to Your Advantage

    13/30

    13

    and graphics

  • 8/14/2019 Using the Web to Your Advantage

    14/30

    14

    plus they offer other useful features

  • 8/14/2019 Using the Web to Your Advantage

    15/30

    15

    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

  • 8/14/2019 Using the Web to Your Advantage

    16/30

    16

    And even if you choose a site that doesnt require HTML,

    you can use it to jazz things up a bit

  • 8/14/2019 Using the Web to Your Advantage

    17/30

    17

    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.

  • 8/14/2019 Using the Web to Your Advantage

    18/30

    18

    See Conferences page for Fall

    2011 conference information! ......... Checkout our new Forum and "Like" us on Facebook!

    ......... Join BPRO or renew your membership

    now!

    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.

    The marquee, for example:

    The HTML Code:

    Not hard to do at all!

  • 8/14/2019 Using the Web to Your Advantage

    19/30

    19

    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)

  • 8/14/2019 Using the Web to Your Advantage

    20/30

    20

    Decide what kinds of information you want to display on your

    Homepage and enter the text. You can dress things up later on as youbecome more accustomed to working in an HTML format.

  • 8/14/2019 Using the Web to Your Advantage

    21/30

    21

    [Discussion of HTML code list]

  • 8/14/2019 Using the Web to Your Advantage

    22/30

    22

    HTML entry: This is my first attempt.
    So far, so good.

    Displays as: This is my first attempt.

    So far, so good.

  • 8/14/2019 Using the Web to Your Advantage

    23/30

    23

    HTML entry: This is my first attempt.
    So

    far, so good.

    Displays as: This is myfirstattempt.

    So far, so good.

  • 8/14/2019 Using the Web to Your Advantage

    24/30

    24

    HTML entry: This is my first

    attempt. So far, so good.

    Displays as: This is myfirstattempt. So far, so good.

    A few of our friends

  • 8/14/2019 Using the Web to Your Advantage

    25/30

    25

    A few of our friends


    Helps with horizontal alignment

    DFASDFSDF [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:

    Begin table

    table row table data [insert html text or picture link here]

    end table data

    table data [insert html text or picture link here]

    end table data

    end table row end table

    Internet Helpful for finding html code to copy, paste

    Search and adapt for our needs

    [i.e., Google]

  • 8/14/2019 Using the Web to Your Advantage

    26/30

    26

    Another valuable friend is View+ Source,

    which enables us to see a web pages HTML.

  • 8/14/2019 Using the Web to Your Advantage

    27/30

    27

    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.

  • 8/14/2019 Using the Web to Your Advantage

    28/30

    28

    Best advice:

    Try it

    Look at the result

    Make any

    necessary

    adjustments

    Always remember

    that we learn bytrial and error and

    that perseverance

    pays off!

    IN SUMMARY

  • 8/14/2019 Using the Web to Your Advantage

    29/30

    29

    Weigh the pros and cons,select a web hosting service,

    and proceed to unleash your creativity upon the world!

    IN SUMMARY:

  • 8/14/2019 Using the Web to Your Advantage

    30/30

    30

    Fall Conference 2011

    Roanoke, Virginia

    [email protected]

    (434) 455-5645

    Presenter:

    Glenn Custer

    mailto:[email protected]:[email protected]