User Tools

Site Tools


en:web_development:overview

Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
en:web_development:overview [2022/02/07 12:17]
mag [Objective]
en:web_development:overview [2023/08/16 09:33] (current)
Line 5: Line 5:
 This lesson introduces the technologies required to create a fully functional web application or web site. This lesson introduces the technologies required to create a fully functional web application or web site.
  
-Esta lección presenta las tecnologías necesarias para crear una aplicación web o un sitio web completamente funcional. +{{:en:web_development:overallphp.png?690|}}
- +
-{{:en:web_development:overallphp.png?400|}}+
  
 ===== Introduction ===== ===== Introduction =====
 The following technologies are commonly used to create web pages and applications. While an extremely basic page can be created solely using HTML, you'll usually want to use a combination of these for your sites. The following technologies are commonly used to create web pages and applications. While an extremely basic page can be created solely using HTML, you'll usually want to use a combination of these for your sites.
- 
-Las siguientes tecnologías se utilizan comúnmente para crear páginas web y aplicaciones. Si bien una página extremadamente básica se puede crear únicamente usando HTML , generalmente querrá usar una combinación de estos para sus sitios. 
  
 ^ Tecnologia ^ Funcion ^ ^ Tecnologia ^ Funcion ^
Line 104: Line 100:
 { {
     display: flex;     display: flex;
-    justify-content: space-betwee;+    justify-content: space-between;
 } }
  
Line 177: Line 173:
             <ul>             <ul>
 <?php <?php
 +    // prepare list of photos
     $images = array('https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/Sydney_Opera_House_and_Harbour_Bridge_Dusk_%282%29_2019-06-21.jpg/1920px-Sydney_Opera_House_and_Harbour_Bridge_Dusk_%282%29_2019-06-21.jpg',      $images = array('https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/Sydney_Opera_House_and_Harbour_Bridge_Dusk_%282%29_2019-06-21.jpg/1920px-Sydney_Opera_House_and_Harbour_Bridge_Dusk_%282%29_2019-06-21.jpg', 
                     'https://www.applelanguages.com/en/img/top/sydney.jpg',                      'https://www.applelanguages.com/en/img/top/sydney.jpg', 
Line 182: Line 179:
                     'https://i.pinimg.com/originals/ea/5c/0c/ea5c0c5a0095a95a132d27ed996859b9.jpg',                      'https://i.pinimg.com/originals/ea/5c/0c/ea5c0c5a0095a95a132d27ed996859b9.jpg', 
                     'https://upload.wikimedia.org/wikipedia/commons/e/e5/Bondi_Beach_Sydney_Australia_7.jpg');                     'https://upload.wikimedia.org/wikipedia/commons/e/e5/Bondi_Beach_Sydney_Australia_7.jpg');
 +    // create HTML code for nav items
     foreach($images as $k => $photo)     foreach($images as $k => $photo)
     {     {
-        $i = $k+1; +        $i = $k+1; // display number is 1-5 instead of 0-4 used in $images 
-        echo "<li onclick=\"showImage(this, '$photo')\">Image $i</li>";+        echo "<li onclick=\"showImage(this, '$photo')\">Image $i</li>"; // the HTML code
     }     }
 ?> ?>
en/web_development/overview.1644265040.txt.gz · Last modified: 2023/08/16 09:33 (external edit)