Do's and Don't of Creating Online Projects

Tutorial Review of Do's and Don'ts Part 1   2014

Tutorial Review of Do's and Don'ts Part 2   2014
Do name the top/first page(file) of your project website index.html   
Do "Refresh or Restart" your browser after editing and uploading a page so that you are not viewing an older cached version of the page. Often you need to refresh or even restart the browser to see the changes.
Do host all your files on the VSF server. Images and movies must be hosted on the VSF server. They must not be hosted on an external server and only linked to from the project.
Do provide credit for the source of your images and ideas. See Citations.
Do use image editing software to reduce the file size of your images. See Example
Do provide a button to skip a Flash introduction/splash page See Example.
Do provide controls for background audio See Example.
Do use gif and jpg files for images. Do not use bmp files. bmp files may be more than 10 times larger than equivalent jpg files. The images on this page are each over 1200 KB. jpg files less than 100KB would have provided equal quality at a much lower download time.
Do provide evidence of your work. See working log Example. Photos to help document your work
Do provide the source code for any programming. See Example.

Do follow school policy and parents' wishes with respect to the use of photographs and video containing images of students. A couple of possible workarounds that may be possible:
     Students in costumes:

      Student in Costume

Video with disguised students

sing image editing software to blur the faces of students .

                                             Student Face Blurred

Do use video. See example... Likely use HTML5 coding to display video
Do use video such as the student made video at the bottom left one on this page. but Do Not include live linked embedded video from an external site such as You Tube as on the top left and right side of the same page.
Do create video in smaller dimensions so that it is not pixelated as in the following example
Do use a font size that is not too large or too small
Do avoid using Microsoft Publisher, PowerPoint, and Word for creating web sites for projects. Although they are easy to use and can create a nice looking web page, the web pages are extremely slow to load if they contain images.
Do use graphs. See example...
Do use drawings . See example...
Do use relative links. See Links..
Do (Likely this could be a 'use with caution') use Flash and Director movies. See example...
Do use data tables. See example...
Do use photographs of your work. See example...
Do use sound with respect for file sizes. See example...
Do build and use animated gifs. See example...
Do try something creative such as this Virtual Display Board.
Do keep your buttons in the navigation bar in the correct order for an experimental report. Typically the steps will include the following in order Background Research, Problem, Hypothesis, Procedure, Variables, Observations/Results/Data, Discussion, Conclusion, References.
Do use interactive quizzes. See example...
Do use links (named anchors) to jump up and down long pages rather than having to scroll.
See example  click "contents"...
Do Not add those cute tails that follow the cursor as it moves. Many people find them annoying and distracting on a "serious" website. See example...
Do Not use Flash buttons. Although they look nice, they are often have problems including taking an excessive amount of time to load.
Do Not use a scrolling menu as in this example
Do Not use add ons such as Timeline ( ) that require live access to scripts on an external server in order to function.
Do Not omit the link to the current page in the navigation bar. It can be confusing. See Example 1
Do Not use pop up navigation boxes such as this. See example...
Do Not have live links to anything external to the project such as the live link to the source of buttons on this page   See below buttons on left side ...
Do Not add custom cursor scripts (changes normal curser into a rocket or sword) to your project. They can slow navigation through your site.
Do Not use heavily patterned background images. See example...
Do Not make the web page too wide see example
Do Not have background image or colour change as we mouse over links.It can be distracting.See example...
Do Not unnecessary popup boxes.
Do Not use too large a heading for your pages. Large headings push the important parts of the page down the screen and require more scrolling than necessary. See example 1 See example 2


Do Not use script fonts. See example...
Do Not present your project in the form of downloadable Word documents. See example... Sometimes downloadable pdf files may be appropriate, but even pdf files should be used only in special circumstances such as a supplement or second copy of existing html pages. See an appropriate use of pdf files in this example
jump to top of this page