Differences

This shows you the differences between two versions of the page.

--- en:web_development:lists:menus [2021/12/02 15:07]
mag [Block vs Inline]
+++ en:web_development:lists:menus [2023/08/16 09:33] (current)
@@ Line 1: / Line 1: @@
-====== Web Development Lesson 2 - Lists ======
+====== Web Development Lesson 3 - Lists ======
 ===== Menus =====
+==== Objectives ====
+In this exercise you will display lists as menus, create links to other pages and learn some basic layout properties.
 ==== Setup ====
   * In this activity, we're going to start building a web site.
@@ Line 12: / Line 14: @@
 ==== Sidebar ====
   * Many web sites use a sidebar for navigation or links. It's essentially a list of links, so a list structure is most effective.
-  * Let's create a list of the activities we've done so far. Add this code inside the <html><body></html> tags.
+  * Let's create a list of the activities we've done so far. Add this code to 'menu.html' inside the <html><body></html> tags.
 <code>    <ul>
         <li>Funny Story</li>
@@ Line 85: / Line 87: @@
   * Feel free to adjust some of these values to see what they do.
-[[en:web_development:lists:javascript|Next: Javascript Lists]]
+==== Final Code ====
+  * [[https://techschool.murraygunn.id.au/webdev/classes/proyecto/1/en.php|menu.html]]
+  * [[https://techschool.murraygunn.id.au/webdev/classes/proyecto/1/style.php|style.css]]
+  * [[https://techschool.murraygunn.id.au/webdev/classes/proyecto/1/menu.html|result]]
+[[en:web_development:lists:javascript|Next: Javascript]]

Tech School