Peter Zulu is back on the web!

Peter: Created page with "== Initial code == When I took over [http://www.asterix.co.za/ Asterix.co.za], I wrote the following '''index.html'''...
           Peter Zulu is back on the web!                            
2023-11-25T18:42:47Z
Created page with "== Initial code ==  When I took over [http://www.asterix.co.za/ Asterix.co.za], I wrote the following '''index.html'''...  <pre> <!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          s..."
New page
== Initial code ==



When I took over [http://www.asterix.co.za/ Asterix.co.za], I wrote the following '''index.html'''...



<pre>

<!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>

</pre>



=== 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



[[WATCH THIS SPACE]]



=== 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 [http://www.asterix.co.za/ Asterix.co.za]



 and look at the code of each of these pages



Look at the current status of my [[build|/build website]] on [http://www.asterix.co.za/build/ Asterix.co.za/build]



 and look at the code of each of these pages



==== build your own /build! ====



Start thinking of building a [[build|/build]] website of your own...



 '''for your next generation website!'''



...just like I have done!



==== Notes ====



On my [http://www.asterix.co.za/build/ /build] website...



* every page works!

* every link works!



...try them all!



=== Warning ===



Do not simply copy my code and set [[student|yourself]] up to learn nothing!  Think about all the code you reuse from my [[website]]s and be sure to reference the code that you use



== Notes ==



* My [[web page]]s do not use a [[main page table]].  Instead, I have used [[float]]s

* The website that was here has been moved to [[Green]]



<small>

[[Main Page]] |

[[Basic web design]] |

[[navigation table|Navigation]] |

[[Ranking]] |

[[support website|Support]] |

[http://www.asterix.co.za/ Asterix Home]

</small>



[[Category:Advanced]]

[[Category:Website]]
Asterix - Revision history
