1. Concept
‘Potential of the web for science communication’
• Simply explaining several complex scientific topics (within
Physics/Astronomy)
• Using links to external sites, multimedia content and social media
sites for sharing – using web as medium

2. Content
• One page each for 4 scientific topics, an ‘about this site’ page which
also includes a ‘contact’ section, glossary, and an introduction about
what the site is about and why I’ve built it
Content management
• For some of the scripts to work, required images in ‘html’ folder
• Uploading: fine!

3. Look/Feel - navigation, usability, readability and accessibility
• Colour scheme of black, white and pink/red.
• Simple and bold, and background is a ‘cartoonised’ picture of a bubble
chamber (particle physics). Ties in to my content
• Can navigate to any other part of the site from any page
Writing for the web
• Short chunks of text
• Summary at top of each page
• Bullet points and lists
• Links to different pages – definition links and chapter anchors/ ‘back to
top of page’ links
• Sans-serif font

4. Audience
• Anyone who is interested in the subject. Not aimed at those with
scientific backgrounds or degrees, but is also not attempting to
create interest in the topics – more of a resource
• If the content aims too high with knowledge level, there is a
‘Glossary’ page that users can use to aid understanding. Also
external links to other resources
• Interactive – social media, can send me feedback, links
• Similar sites are at too low a level, or are very dry and don’t link to
other resources to further understanding/do not define terms/do not
use multimedia animations, videos etc.

5. All documented on blog
(nicolaguttridge.wordpress.com)
Web design tools
• Have used Dreamweaver, html, css, photoshop
• Script: PHP
• To allow my contact box to send any input to my email
address, or reject if there are errors
• Script: Javascript
• This allows my hoverboxes to appear when I rollover a link
• Social media sharing buttons
• Dynamic content - expandable/collapsible table on ‘glossary’ page
• Favicon generator

6. Site template

7. Pages
• Homepage
• Topics:
– 1: Nuclear
– 2: Relativity
– 3: Big Bang
– 4: Particle physics
• Dictionary/Glossary
• About this site / Contact

8. Navigation
Homepage
Topic 1: Topic 2: Topic 3: Big Topic 4: About this
Glossary
Nuclear Relativity Bang Particles site/Contact
Links to multimedia/external content
and social media sharing sites Email me
link &
contact box
All pages will link to one another via Thank you
the navigation bar. page
Any phrases or words that need
defining on any page will link to the Error page
‘Glossary’ page with ‘(def)’ reference.

9. Timeframe
• 12th June – Proposal & presentation
• 20th June – Upload website to server
• 26th June – Presentation
• 6th July – Content completed, feedback from
presentation merged into site. Then final changes
before submission
• 10th July – Final hand-in
• Blog ongoing

10. Completed
• Site html & css
• Scripts and dynamic content
• Some content – index, contact, nuclear energy
To be completed
• Updated sharing links & contact box link
• Test across all browsers
• Content – 3 other scientific pages, and updated glossary (final thing)

11. Blog
http://nicolaguttridge.wordpress.com