BNFO 300 
Molecular Biology Through Discovery
Guidance on making a website for a translated article
(for those translating articles)
Fall 2018 

Contents

Getting started

How to learn what you need to make web pages

  • Have faith: First of all, realize that you have templates for all the pages you will make. For the most part, all you need to do is replace the template's content with your own content.
  • w3schools has an extensive tutorial on HTML
  • Stack Overflow has advice on lots of specific HTML issues
  • Examine page sources: If you find a web page that does what you want to do, look at its underlying code. You can do this with Firefox, Chrome, and Safari by pressing Ctrl-U or Command-U.
  • Do experiments: Make a minimal web page on your computer that enables you to run simple tests.
    Things become so much clearer when you do them yourself. Be adventurous! It's very unlikely you'll accidently find a way to do anything harmful.
  • Look at the simple HTML tricks on the web pages I've provided: (see above)
  • HTML cheat sheet

How to make pages for your translation

  • Examine the sample web site: I've partially translated an article and put the translation on a web site. Note that you can navigate through the article either by the table of contents on the front page or bythe navigation bar at the top of all the pages.
  • Make a complete site map of your web site: Use the sample site map and sample web site to guide your efforts.
  • Start populating your website: When your site map is sufficiently complete that you at least know the name of every page you will end up with, then download from the sample web site representative pages. If you prefer, you can copy/paste the source code (made visible with Control-U). You'll need one page of each type: home page, Abstract, Introduction, Experiment (expt1.html), Implication (implication1.html), and Support page (support1.html).
  • Create your navigation bar: Modify the home page you downloaded, replacing the definition of the navigation bar (that begins on line 99) by replacing the names of the experiments, implications, and support pages with your own. Delete lines for unused experiments, etc.
  • Create your header: Continue to modify the home page, replacing the reference to the article (that begins on line 136) with your own reference and name.
  • Copy/paste the constant preamble: Once you've made the modifications, copy the constant lines (Lines 1 to about 143) to each of the pages you downloaded (Abstract, Introduction, etc).
    Copy the Experiment, Implication, and Support files as needed: Copy the modified expt1.html file and paste it as many times as you need, so that you have a file for each of your experiments. Name the files expt2.html, expt3.html, etc. Do the same with implication1.html and support1.html.
  • Add content: Replace the content on the template pages with content of your own.
  • Upload your pages to the server: Be sure they go in the right directory, and be sure that directory has the website.css file.
  • DO NOT DIE: Translating an article is an enormous task and nothing is served by your expiring in the attempt. At some point you will probably be faced with the choice of cutting corners in quality (how well you present the experiments) or quantity (how many experiments you present). I think that you will gain more by retaining quality, doing well whatever you are able to do rather than going through the motions with too many experiments.