Genetics 564 Web site Construction
Construction of websites: All web pages can be made with Weebly (http://www.weebly.com)-a free Website hosting site. If you have experience this other sites you can use them (google pages, etc) but I can not help you configure or troubleshoot pages in other programs. You must first sign up for Weebly which is FREE!
**Name your site: LastNameGen564s24.weebly.com (ex skopgen564s24.weebly.com)
This is for record keeping purposes.
Bottom of the page: At the bottom of every page, add this line:
This web page was produced as an assignment for Genetics 564, a capstone course at UW-Madison."
Bottom of your home page or a contact page: You must put your contact information
(Name, email, date page last updated) and a link back to the website. <www.genetics564.weebly.com>.
Text Color: The color of text should be black on a light-colored background, for easy reading and accessible to all.
Font: I prefer Arial or Helvetica (sans serif fonts) as they are easier to read. But most web templates on weebly have their specific font. *Once you choose a template stick with it as your fonts and formatting will change.
References: All references (e.g. Skop, et al., 2004) to WWW resources must be written in the proper format and must be hyperlinks if they are web references. Use the (Name, Year) format for your references. Do not use the style (Skop, page 1000). Full citations should be located at the bottom of each page that you use it and not on a separate reference page. See the APA style website: http://www.apastyle.org/learn/quick-guide-on-references.aspx
Figures: Please reference figures (Fig. 1, Skop, 2004 or link out figures to actual URL with a hyperlink).
Putting a hit map on your page
Put a map on your page of where your readers are from: https://clustrmaps.com
You select the map and icon you want, copy the HTML code, drag the </> EMBED widget from weebly toolbar and then paste the HTML code and hit publish. Your map should be on your page!
You select the map and icon you want, copy the HTML code, drag the </> EMBED widget from weebly toolbar and then paste the HTML code and hit publish. Your map should be on your page!
*What is required on my website?
Homepage: About your gene and disease + world map of website viewers
DNA PAGE (i.e. DNA, orthologs) then a PROTEIN page (ie protein domains, interaction networks)
Specific Aims: most current version pasted page and also upload all Word/PDF versions
Conclusions/Future Directions: basically the written version of your final talk with figures on a separate page
Final Presentation: uploaded in PDF format on your Conclusions/Future Directions page
About me: Optional but good
Contact Info: Good if you want readers to contact you
Each page should have this format (except for the homepage, specific aims, and conclusions page):
Intro
Results
Figures
Analysis
References: Link out references to figures you use or paste links in Reference section
DNA PAGE (i.e. DNA, orthologs) then a PROTEIN page (ie protein domains, interaction networks)
Specific Aims: most current version pasted page and also upload all Word/PDF versions
Conclusions/Future Directions: basically the written version of your final talk with figures on a separate page
Final Presentation: uploaded in PDF format on your Conclusions/Future Directions page
About me: Optional but good
Contact Info: Good if you want readers to contact you
Each page should have this format (except for the homepage, specific aims, and conclusions page):
Intro
Results
Figures
Analysis
References: Link out references to figures you use or paste links in Reference section
Shortcuts to making websites
You can write in a word document and save it as html code by doing the following. Save you document as file.doc, for example. Go up to the File tab in Word. Save as Webpage. Your file will now be saved as a .htm file. Now you have to get the html code. To do this, go up to the View tab and go to the bottom of this tab and click on View Source. This gives you the html code that you can copy and paste into your website. Now select this code and copy. Use the Custom HTML widget in Weebly and drag it where you want on your page. Paste your code into the box. Hit Publish. TA DA!
Saving Images on a Mac
CMD+Shift+3 to capture the entire screen or CMD+Shift+4 to select what you want. It will save images to the desktop.