Creating A Forensics Webpage

Forensic Science Informatics,[object Object],Unit 37,[object Object]

Creating a forensics web page,[object Object],Aim: to create a web page using html with two links,[object Object]

Criteria D1 Unit 37,[object Object],Create a web page for use by scientists, including two hyperlinks.,[object Object],Task 4 (hand-in date: w/c 23rd Nov 2009),[object Object],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,[object Object]

This is easier than it sounds!,[object Object],Web pages are written in hyper-text mark up language or html ,[object Object],html use tags in triangular brackets.,[object Object],For example <title> indicates that what follows is the title ,[object Object],</title> is the tag that indicates the title has ended. ,[object Object],Note the backward slash / inside the brackets.,[object Object]

Open up notepad ,[object Object],> start,[object Object],> all programs ,[object Object],> accessories,[object Object],> notepad,[object Object]

Paste in this code:,[object Object],<html> ,[object Object],<head> ,[object Object],<title> favorites / bookmark title goes here </title>,[object Object],</head>,[object Object],<body bgcolor="white" text="blue">,[object Object],<h1> Heading </h1>,[object Object],<h2> heading </h2>,[object Object],This is a web page with a few tags. ,[object Object]

Add a few other tags; for example:,[object Object], p tag ,[object Object],<hr> hr tag </hr>,[object Object],,[object Object], em tag ,[object Object],,[object Object], b tag ,[object Object],Save the file as name.html,[object Object]

Close notepad,[object Object],Find the file ,[object Object],– double click on it, ,[object Object],it will open as a ,[object Object],web page,[object Object]

Experiment with different tags to see what they do.,[object Object], ,[object Object],<center> ,[object Object], ,[object Object],<H1> ,[object Object],<H2> ,[object Object],<H3> ,[object Object],<H4> ,[object Object],<HR> ,[object Object], ,[object Object],<li> ,[object Object], ,[object Object], ,[object Object],<ul> ,[object Object],<a href="http://www.cityofbristol.ac.uk/ ">CoBC</a>,[object Object],Then design a web page for forensic scientists add two hyperlinks. ,[object Object]

Hyperlinks,[object Object],A hyperlink is a way of linking to another website,[object Object],The html code is:,[object Object],<a href=“webaddress”> title of website </a>,[object Object],To link to the college website we would use:,[object Object],<a href="http://www.cityofbristol.ac.uk/ "> CoBC </a>,[object Object]

Experiment with different HTML code:,[object Object],Different fonts:,[object Object],Ariel,[object Object],,[object Object],Verdana,[object Object],,[object Object],Times,[object Object],,[object Object],Georgia,[object Object],,[object Object]

Different sizes:,[object Object],smallest,[object Object],,[object Object],medium,[object Object],,[object Object],large,[object Object],,[object Object],largest,[object Object],,[object Object]

Bold ,[object Object],Italic ,[object Object],<blockquote>Quote</blockquote>,[object Object],Lists,[object Object],<ol> <li>numbered list 1</li>,[object Object], <li>numbered list 2</li></ol>,[object Object],<ul> <li>bullet list</li>,[object Object],<li>and another</li></ul>,[object Object],Different colour fonts:,[object Object],Red font,[object Object],Blue font,[object Object],Green font,[object Object]

Adding an image:,[object Object],Image:<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" />,[object Object],,[object Object],This may help: http://htmledit.squarefree.com/,[object Object]

Creating A Forensics Webpage

Creating A Forensics Webpage

Recommended

More Related Content

What's hot

What's hot(18)

Viewers also liked

Viewers also liked(7)

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