Asterix
Jump to navigation
Jump to search
Initial code
When I took over Asterix.co.za, I wrote the following index.html...
<!DOCTYPE html>
<!--
Peter Zulu 20C has got back to coding in NetBeans : WATCH THIS SPACE
-->
<html>
<head>
<title>Peter Zulu is back on the web!</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<a href = "https://www.w3schools.com/">
<img
src = "/library/w3SchoolsLogo.png"
alt = "W3Schools"
height = "40%"
width = "40%"
>
</a>
</body>
</html>
What is this code worth?
- It has a comment! (1 mark)
- It is well structured! (2 out of 2!)
- It has a poor title (no marks!)
- It's UTF-8, to match my setting in NetBeans! (1 mark)
- It has a funny meta tag (only 1 out of 2)
- It has an anchor around a well controlled image (2 marks!)
- It's HTML5! It's supposed to be HTML 4! (-1)
This code is worth 6 out of 10
But wait! There more!
- My web page is not inside a main page table! (0 out of 2)
- There is no logo in my non-existent page table (0 out of 1)
- There is no footer in my non-existent page table (0 out of 3)
- There is no menu in my non-existent page table! (0 out of 2)
- There is nothing in the middle of my missing table (0 out of 4)
- There is no link on the RHS of my missing table (0 out of 2)
- There is no CSS on my web page (0 out of 2)
- There is no sign of a style sheet! (0 out of 4)
Overall, this code is only worth 6 out of a total of 30!
My /build website
Start here
Look at the current status of my work on Asterix.co.za
and look at the code of each of these pages
Look at the current status of my /build website on Asterix.co.za/build
and look at the code of each of these pages
build your own /build!
Start thinking of building a /build website of your own...
for your next generation website!
...just like I have done!
Notes
On my /build website...
- every page works!
- every link works!
...try them all!
Warning
Do not simply copy my code and set yourself up to learn nothing! Think about all the code you reuse from my websites and be sure to reference the code that you use
Notes
- My web pages do not use a main page table. Instead, I have used floats
- The website that was here has been moved to Green
Main Page | Basic web design | Navigation | Ranking | Support | Asterix Home