1. How to Organize a Website Using Front Page to Manage Your Growing Needs By Cristiana and Fred Baggio www.edutech.org.br cristiana@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. 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. Third Step: Creating the Architecture for Your Site

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.

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. • Don’t 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. 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. Special Features