- Starting again from the contents of your
recipe.txt
file, mark up your recipe using HTML tags, using the following template:
<xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<link rel="stylesheet" type="text/css" href="recipe.css" />
<head>
<!-- put your student number here -->
<title>
...
</title>
</head>
<body>
...
</body>
</html>
The title of your recipe should replace the first ellipsis; the second ellipsis should be replaced by well-formed HTML using the HTML 5 tags.
The HTML sandpit is set up to process the body of the recipe. So when using this tool just copy the code from the HTML text box to replace the second ellipsis.
- Create a file called
recipe.css
to display your recipe.html
file. You can again use the HTML sandpit to experiment, then cut and paste your css code into your text editor so you can save it.
- Finally, write a brief report (no more than one page) comparing your experiences with semantic (xml) and presentational (html) markup. You should also report on any problems you had and how you solved them. Save it as
report
You should be able to see the results of your work by double-clicking on the recipe.html
file.
Notes
Include your matriculation number (student ID) in each file you submit.
In xml and html please include your student id between <!--
and -->
inside the top-level tag of your code. For css, please include your student ID between /*
and */
at the end of your recipe.css
file.
Submit your assignment by email To annette.leonhard@ed.ac.uk Subject: Assignment-IL-1
You will have to edit a number of text files. We recommend TextEdit on the Mac, but you can use any editor that allows you to edit HTML as plain text. To edit files as plain text in TextEdit, go to the TextEdit Preferences (in the TextEdit menu). Select the Plain Text format under the New Document tab, then tick the box for Ignore rich text commands in HTML files, under the Open and Save tab.
For this assignment you have to produce four files (which you can store in a Folder on your Desktop on the Macs in the 3.01 lab).
These files are:
report
- A short (max one page) report.
recipe.xml
- An XML representation of your recipe.
- recipe.html
- An HTML representation of the layout of your recipe.
- recipe.css
- This file should use CSS properties to style your layout. You may find it useful to look at some examples.
Your folder should also include your image(s) and any other files used in your presentation.
No comments:
Post a Comment