en:web_development:overview
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
en:web_development:overview [2022/02/06 06:01] mag [MySQL] |
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. | + | {{: |
| ===== 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 52: | Line 50: | ||
| < | < | ||
| < | < | ||
| - | <link rel=" | + | <link rel=" |
| </ | </ | ||
| < | < | ||
| Line 72: | Line 70: | ||
| </ | </ | ||
| - | **screen.css** | + | **style.css** |
| < | < | ||
| { | { | ||
| Line 102: | Line 100: | ||
| { | { | ||
| display: flex; | display: flex; | ||
| - | justify-content: | + | justify-content: |
| } | } | ||
| Line 114: | Line 112: | ||
| The page really begins to take off when we add Javascript, again by including a line in < | The page really begins to take off when we add Javascript, again by including a line in < | ||
| - | See the results [[http://example.com|here]]. | + | See the results [[https://techschool.murraygunn.id.au/ |
| **overall.html** | **overall.html** | ||
| < | < | ||
| < | < | ||
| - | <link rel=" | + | <link rel=" |
| <script type=" | <script type=" | ||
| </ | </ | ||
| Line 164: | Line 162: | ||
| < | < | ||
| < | < | ||
| - | <link rel=" | + | <link rel=" |
| <script type=" | <script type=" | ||
| </ | </ | ||
| Line 175: | Line 173: | ||
| <ul> | <ul> | ||
| <?php | <?php | ||
| + | // prepare list of photos | ||
| $images = array(' | $images = array(' | ||
| ' | ' | ||
| Line 180: | Line 179: | ||
| ' | ' | ||
| ' | ' | ||
| + | // 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 "< | + | echo "< |
| } | } | ||
| ?> | ?> | ||
en/web_development/overview.1644156069.txt.gz · Last modified: 2023/08/16 09:33 (external edit)
Page Tools
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
