Tips for creating your homepage

• Your main file must be named index.html
• Learn html, css and use sublime text editor
• Create folders for images, schematics, files, it will be easier to locate them in the course of the project.
  Use <a href="folder/filename.ext">comment text</a> to link them into your writeup.
• Name your images according to the week.
  For example: Week 3 images are named wk3_00_imagename.jpg. This makes the images easier to find and link. Also, remember to place them in the image folder
• Insert the source files for each of the jobs that you create. Do not compress (i.e. zip, rar) them into a single file. Each project must have the original source files listed.
  Tip: You might want to place them at the end of your week page, in a list format.
• If you have a file that is too big e.g. STL, MOV or Video, use a public shared folder. The file must be accessible at all times. Good places for these are Dropbox's public folder or Google drive.
  You can set permissions for the file to be viewed/read-only
• Keep your images to 640x480. There are plenty of image converters and resizers for you to use to ease your troubles:
  • Windows: Portable FastStone Image Resizer
  • Linux: imagemagick command: "convert <src> -resize 640x480 <dest>.jpg"
• Use a table to align them. (Here is a good tutorial W3schools Tables for Layout)
  If you use a 2-column table, you can place a thumbnail (on one side and explanatory text on the other. The thumbnails can be used to link to the full image. Here is an example:
  

  Completed board (try clicking on it). Text for this board is written here. Code for this is as follows: <table> <tr border=1> <td><a href="images/06_FabHello_completed.jpg"><img src="images/06_FabHello_completed.jpg" alt="Soldered & completed board" width="160px"></a> </td> <td>Completed board (try clicking on it).<br>Text for this board is written here.<br> Code for this is as follows</td> </tr> </table>

• Keep all filenames, links in lowercase.
  This is a common problem with Windows users. Windows does not care if it is in lowercase or uppercase, however, Linux (where most web servers reside) is case sensitive!