How to Organize a Website

1
How to Organize a Website

• Using Front Page to Manage Your Growing Needs
• By Cristiana and Fred Baggio
• www.edutech.org.br
• cristiana_at_baggio.com

2
First Step Making the Blueprint

• Before even thinking of going to the computer,
  think of the following
• Goal of the website What do I want people to do
  once they get there?
• Target Audience Who am I designing my site for?
• Content What will I include in my website?
• Interactivity How dynamic do I want my website
  to be?

3
Second Step Thinking about Design

• Click here to see a PowerPoint presentation on
  Web Design, made by a Web Designer!

4
Third Step Creating the Architecture for Your
Site

• FrontPage automatically creates part of the
  necessary structure, such as
• Images folder
• Private folder

• A website is basically made of folders dividing
  each topic. Each one of these folders should have
  its own Images subfolder.

5
Architecture Organizing Images

• If you have a small site, one Images folder at
  the root will be enough.
• If your site is going to be big, with many
  images, you should build a structure where each
  Folder has its own Images subfolder, to make it
  easier for you to manage.
• It is also important to create separate folders
  for different format files, .doc, .ppt, .ra, etc.

6
(No Transcript)
7
Architecture Naming Files

• Use easy common names.
• Relate names to topics. Examples
• Contact us Folder mail or contact
• Technical support Folder support
• Applications Folder app or applications

8
Architecture Naming Files

• Avoid compound names, such as PowerPoint
  presentations.
• Avoid using hyphens, underscore, or spaces.
• Dont use capital letters (you should never
  capitalize in the Internet).
• Try to use maximum of 8 to 10 characters.
• The easiest and more obvious the URL, the more
  chances of surfers finding and remembering it.

9
Managing Your Website

• This is where using FrontPage can really help
  you. It saves you a lot of time by performing
  organizational tasks automatically, making
  updating easy and fast.

10
What FP Does for You

• Automatic management and reactivation of
  hyperlinks If you change the name or move files
  within your web, FP will automatically make the
  necessary readjustments for you not to have a
  broken link.
• Automatic publishing of all the alterations you
  make In FP, you can make as many changes as you
  want, and then publish them ALL at once.
• This is only true when you have a web locally on
  your machine and a remote web on the server. If
  you are working directly on the server, all you
  have to do is save your changes.

11
Special Features

• Roll Over links
• Compatibility with different browsers and
  different versions
• Compatibility with IIS and Apache (servers)

• DHTML (dynamic HTML)
• CSS (cascading style sheets)
• Important All these features in FP can only be
  possible if the FP server extensions have been
  installed in the server. If your server has
  Windows NT, it has IIS, and IIS has FP server
  extensions.