More Related Content
What's hot
What's hot (18)
Viewers also liked
Similar to Creating A Forensics Webpage
Similar to Creating A Forensics Webpage (20)
More from Steve Bishop
More from Steve Bishop (20)
Recently uploaded
Recently uploaded (20)
Creating A Forensics Webpage
- 1. Forensic Science Informatics Unit 37
- 2. Creating a forensics web page Aim: to create a web page using html with two links
- 3. Criteria D1 Unit 37 Create a web page for use by scientists, including two hyperlinks. Task 4 (hand-in date: w/c 23rd Nov 2009) You work for a small company as a trainee computer security consultant. The company are thinking of designing a website to provide forensic information. Provide a mock-up of a webpage using HTML with at least two hyperlinks
- 4. This is easier than it sounds! Web pages are written in hyper-text mark up language or html html use tags in triangular brackets. For example <title> indicates that what follows is the title </title> is the tag that indicates the title has ended. Note the backward slash / inside the brackets.
- 5. Open up notepad > start > all programs > accessories > notepad
- 6. Paste in this code: <html> <head> <title> favorites / bookmark title goes here </title> </head> <body bgcolor="white" text="blue"> <h1> Heading </h1> <h2> heading </h2> This is a web page with a few tags.
- 7. Add a few other tags; for example: <p> p tag </p> <hr> hr tag </hr> <p></p> <em> em tag </em> <p></p> <b> b tag </b> Save the file as name.html
- 9. Close notepad Find the file – double click on it, it will open as a web page
- 11. Experiment with different tags to see what they do. <b> <center> <em> <H1> <H2> <H3> <H4> <HR> <i> <li> <small> <strong> <ul> <a href="http://www.cityofbristol.ac.uk/ ">CoBC</a> Then design a web page for forensic scientists add two hyperlinks.
- 12. Hyperlinks A hyperlink is a way of linking to another website The html code is: <a href=“webaddress”> title of website </a> To link to the college website we would use: <a href="http://www.cityofbristol.ac.uk/ "> CoBC </a>
- 13. Experiment with different HTML code: Different fonts: <span style="font-family:arial;">Ariel</span> <p></p> <span style="font-family:verdana;">Verdana</span> <p></p> <span style="font-family:times new roman;">Times</span> <p></p> <span style="font-family:georgia;">Georgia</span> <p></p>
- 14. Different sizes: <span style="font-size:78%;">smallest</span> <p></p> <span style="font-size:100%;">medium</span> <p></p> <span style="font-size:130%;">large</span> <p></p> <span style="font-size:180%;">largest </span>
- 15. <strong>Bold </strong> <em>Italic </em> <blockquote>Quote</blockquote> Lists <ol> <li>numbered list 1</li> <li>numbered list 2</li></ol> <ul> <li>bullet list</li> <li>and another</li></ul> Different colour fonts: <p><span style="color:#ff0000;">Red font</span></p> <p><span style="color:#3366ff;">Blue font</span></p> <p><span style="color:#009900;">Green font</span></p>
- 16. Adding an image: <p>Image:</p><img style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 320px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://www.libcoop.net/mcl/j0382584.jpg" border="0" /> <p></p> This may help: http://htmledit.squarefree.com/