File and site locations
- Location of web folders (type it in
the Start->Run box or an explorer address line):
-
\\scicentr2\Inetpub\wwwroot\WorldSites\SciFair2007\FolderName\
- URL for browsing to the site:
-
http://host.scicentr.org/worldsites/scifair2007/FolderName/
- Community Pages, which link to and from
each program site:
-
http://host.scicentr.org/worldsites/scifair2007/Community/
Setting up a Site in Dreamweaver
- Choose Manage Sites in the Site Menu.
- In the Manage Sites window, choose New then Site.
- A new window will pop up that is titled Site Definition.
- Change the name of the site from Unnamed Site 1 to your school name and
press Next.
- Select No, I do not want to use a server technology and press
Next.
- Select Edit local Copies on my Machine, and for the location, something
like H:\users\NetID\websites\foldername. This
will save working copies of the website to your H: drive space. Press Next.
- Select Local/Network from the menu and for the location, enter
\\scicentr2\Inetpub\wwwroot\WorldSites\SciFair2007\FolderName
- Click the Refresh Remote File List automatically button and
Next.
- Click Yes, enable check in and check out. You should also make
sure Dreamweaver should check it out is also selected. Enter your name and email.
Press Next.
- Click Done on the final screen.
- It will return you back to the Manage Sites window. Press Done.
- Your site is now listed in the dropdown menu in the Files Panel
on the right side of the screen. You will need to repeat this process if you edit
the site on a different computer.
- In the Files panel, select the folder that contains your site and
choose Get from the site menu (this will download all the images
and layout to your local copy).
Folder contents
- images folder - place to store any pictures you want to display
in site; also contains the icons that go with the navigation links and the image
at the top left of the page.
- colors.css - the color scheme of the site
- header.inc - content that is at the top of each page
- footer.inc - content that is at the bottom of each page, including
the navigation links
- layout.css - layout information for site
- .asp files - pages that you should edit for content. These pull
template information from the files listed above for consistency.
Content files
Edit these for content; be very careful about editing any non-.asp files. Also be
careful not to clobber any parts of the files that determine page structure, layout,
or pull in other files.
- school.asp - give information about the school. Pictures and links
are nice.
- mentors.asp - mentor biographies and pictures
- coach.asp - coach biography and picture
- team.asp - information about the individual students or the team
in general. Talk to the coach before putting up student pictures or even real names.
- project.asp - information about project (overview, pictures, etc).
The content here ought to reflect the status of the project; for example, it might
have information more useful to the team members earlier on, and information geared
more toward visitors later.
- research.asp - links to information that students can explore.
There is a section with links to some topic ideas provided to all teams, and you
should add content/links specific to your project.
- updates.asp - place to put up schedule for each day (i.e. what
things is covered today, assignments, etc)
- log.asp - a record of what your team has done so far in the program.
Could just be a list of dates with 1-2 sentences; or it could be more detailed with
screenshots, quotes, etc, on separate pages linked from the main log page.
Editing Site Content
- Open the site in Dreamweaver using the dropdown menu in the Files
panel.
- Check-out the .asp file you want to edit by double-clicking it.
- Choose your view mode, either designer or code view.
- In code view, add your content with tags and all between the <div class="main">
and </div> tags
- In design view, click in the main div area (light green) and your
content. If your cursor is in the right place, you should see <div.main>
in the document status bar.
- Be careful not to delete/overwrite invisible content, like beginning and end tags
to sections, and generally do not edit things outside of the main div.
- When you are done, choose Check In from the Site
menu. Double check that you haven’t left any pages checked out (check marks in the
File panel).
- Test your page by opening it in CUni, Internet Explorer, and ideally
any other browser you can try.
Adding additional content pages
You will probably want to add additional pages to your site. For example, you might
want a separate page for each week linked from your log page, rather than putting
it all in one place. The simplest way to do this is to copy an existing page, and
rename the file appropriately (no spaces in the name is best). If appropriate, edit
the header text (in the secheader div) and remove/replace the content
in the main div as usual. You might find code view works best for
this.
If your new page should appear in the navigation links at the bottom of each other
page, you can edit the footer.inc file for this. Please ask for help unless you
really understand how the include files work. And be sure to test the results. You
can similarly remove existing pages from the nav links.
Site style
You can change the color scheme of your site using the colors.css file. You need
to understand style sheets to do this.
I strongly recommend keeping the formatting simple across your pages. Don't go crazy
with fonts, colors, etc. It is best to avoid tables whenever possible. The best
way to add formatting to your site is to add classes to the style sheet and apply
those classes to areas. That of course requires an understanding of style sheets.
It is possible to change the layout, navigation links, etc. The former is done in
layout.css (requires skill careful testing), and the latter in footer.inc.
CyberCiv notes
While the information above focused mostly on SciFair, each CyberCiv team's home world
can use a similar site. The pages follow the same structure (though the list of links,
etc can be changed if needed), and the pages are kept alongside the ones for SciFair.
CyberCiv also uses a set of informational portal pages for each civilization. These
are linked for each relevant topic from each civilization world. Mentors are not expected
to update these pages, as they are shared between all teams. Two examples from the Egypt
worlds are:
