|
Slide 3 - Selecting a Template/Design
for your Website You can go with the default
suggested template, or choose from hundreds of designs. Note the design groups such as Art & Architecture,
Business & Professional, Charity & Volunteer, etc.
|
| Slide 3 (click the image to expand to full size) |
Slide 4 - Lots of templates to explore The
web.com service provides a huge library of templates to explore. The navigation is super easy to understand. I
recommend you bounce around till you find a template that feels right to you.
|
| Slide 4 (Click to expand the image to full size) |
Slide 5 - Seeing your template come alive with your page entries Once you select a design, and click "Continue" you'll see the
template filled with the sub-pages in the navigation area. Beside each page element you'll see a small box you may
click to edit the element. For example, clicking the "Edit site title" box next to the "Family Website"
element would allow me, for example, to change the text to "Bond Family Website". It's that easy
for all the text elements.
|
| Slide 5 (Click to expand the image to full size) |
Slide 6 - The Toolbar at the bottom of the website Populating a set template with your own text and images is what most
free services limit you to (such as AOL's website builder). Fee-based services take things to a much more flexible
level. Note the toolbar at the bottom of the screen and all the tools, such as "Add Text", "Add Picture",
"Add Link", etc. This is where all the power and
fun of the website builder kicks into gear. There's so much going on here I could write a book chapter on the toolbar
capabilities on their own right. So, to illustrate how easy and wizard driven the builder utility is, let's use
adding a photo as an example. In Slide 7 and beyond I'll show you how to add a picture to your site.
|
| Slide 6 (Click to expand the image to full size) |
Slide 7 - Adding a Picture to Your Site In the toolbar at the bottom of the screen you click the "Add Picture"
icon. Doing so causes your webpage to be displayed again, this time with "Add it here" boxes placed throughout
the page in question. All you have to do is click on the box in the location where you want the added photo to appear
on the web page. I'm going to click on the box just below the "Welcome" graphic image.
|
| Slide 7 (Click to expand the image to full size) |
Slide 8 - Selecting or Uploading a photo to a gallery After you decide where you want your photo to be placed, and you've
clicked the "Add it here" box, the screen refreshes to show the "My Pictures" gallery. Here you
can upload a digital image from your PC to a standard gallery, or create your own galleries to populate with photos.
For this exercise, I'm selecting the old "PC Dads" photo of me and Mark Ivey in our safari outfits (it's
the photo on the far right). I put a check mark to select the photo, then click the "Choose pictures" button.
Next, see below, a screen appears allowing me to format the selected photo.
|
| Slide 8 (Click to expand the image to full size) |
Slide 9 - Format the selected photo to be added to your web
page The formatting step allows me to determine
the display size of the image, alignment, caption or footer text and a decorative frame for the image.
|
| Slide 9 (Click to expand the image to full size) |
Slide 10 - Making the Image "clickable" I can also set it up so that when you click the image you see it displayed
in its original size, or, the image can point to another page on my website, or to another website (create a link).
|
| Slide 10 (Click to expand the image to full size) |
Slide 11 - Seeing the final result of the add photo routine When you've determined all the settings for the image you click
"Done" and bingo you'll see your page with the photo inserted. The same super simple series of controlled steps apply to adding audio clips, video clips, tables, links, etc.
And wizards make moving, copying and deleting items equally easy to do.
|
| Slide 11 (Click to expand the image to full size) |
Slide 12 - Publishing and viewing When you've finished all your editing and adding of photos, etc.,
you click the "Publish to Web" icon in the toolbar. You'll see a screen showing what the URL will be for
the new website (in this case, www.ralphbond.com/familywebsite). Click the "Publish now" yellow box and in a few minutes
your live website is posted on the server and ready for access. Slide 12 shows my test website as it would be viewed
by anyone on the web. Now it's time for more
fun! Using the service online builder utility you can add pages, audio, video, you name it.
|
| Slide 12 (Click to expand the image to full size) |
Slide 13 - Changing design colors, textures, etc.
If you like a template but don't
like the colors, textures, etc., no problem! Handy wizards will walk you through the process of modifying backgrounds,
text colors, you name it! You can even use your own photos as wallpaper. Note in slide 13 the change commands.
|
| Slide 13 (click image to expand to full size) |
Slide 14
- Changing design work screen
Circled in red are the various
adjustment options available to modify the website template shown on the right. Easy as pie.
|
| Slide 14 (Click to expand to full size) |
|
