https://techschool.murraygunn.id.au/wiki/ 2026-04-13T00:26:52+00:00 https://techschool.murraygunn.id.au/wiki/ https://techschool.murraygunn.id.au/wiki/lib/tpl/dokuwiki/images/favicon.ico text/html 2023-08-16T09:33:52+00:00 Anonymous (anonymous@undisclosed.example.com) https://techschool.murraygunn.id.au/wiki/doku.php?id=web_design:horario:arrays&rev=1692203632&do=diff Web Development Lesson 3 - Tablas Javascript Arrays and Loops Objective We'll continue building our table of stats on the Colombia team, but we'll do it more efficiently with javascript by using arrays and loops. Setup * We'll start with the work done in the previous class on text/html 2023-08-16T09:33:52+00:00 Anonymous (anonymous@undisclosed.example.com) https://techschool.murraygunn.id.au/wiki/doku.php?id=web_design:horario:css&rev=1692203632&do=diff Lección 3 de Desarrollo Web - Tablas Cascading Style Sheets (CSS) Setup * We'll continue using the the work you've done in jsfiddle until now. * Since you've probably lost the work while doing the exercise, here it is again. <h1>Job Application</h1> <p>Medellin, Date</p> <p>Name</p> <p>Estimados Senor,</p> <p style="text-indent:50px; color:blue;">Soy estudiante del penúltimo año de Hotelería en la <strong>Universidad Nacional de <em>Hospitalidad</em></strong>, y quiero mostrarles mi inte… text/html 2023-08-16T09:33:52+00:00 Anonymous (anonymous@undisclosed.example.com) https://techschool.murraygunn.id.au/wiki/doku.php?id=web_design:horario:exercise&rev=1692203632&do=diff Web Development Lesson 3 - Tablas Ejercicio Objectivo In this exercise you will create a table yourself using the HTML you have learnt. You will also create the same table using Javascript. Setup * For this exercise, we will again be using jsfiddle, but without any existing code, so please delete everything from all panels. text/html 2023-08-16T09:33:52+00:00 Anonymous (anonymous@undisclosed.example.com) https://techschool.murraygunn.id.au/wiki/doku.php?id=web_design:horario:margins_padding&rev=1692203632&do=diff Web Development Lesson 3 - Tablas Padding and Display Objective In this activity we'll adjust the spacing between cells and within cells to make it more readable. We'll also look at various display options used to position elements in relation to each other. text/html 2023-08-16T09:33:52+00:00 Anonymous (anonymous@undisclosed.example.com) https://techschool.murraygunn.id.au/wiki/doku.php?id=web_design:horario:selectors&rev=1692203632&do=diff Web Development Lesson 3 - Tablas Selectors Objective In this activity, we'll look at selectors, which allow you more control over what CSS rules are applied to. Setup * As usual, we'll build on previous work in this activity using jsfiddle. Here's the code again. text/html 2023-08-16T09:33:52+00:00 Anonymous (anonymous@undisclosed.example.com) https://techschool.murraygunn.id.au/wiki/doku.php?id=web_design:horario:summary&rev=1692203632&do=diff Web Development Lesson 3 - Tablas Summary In this lesson we have learnt the following concepts relating to tables in HTML and arrays in Javascript. HTML Tags * table * thead * tbody * tr * th * td HTML Attributes * id * class CSS * font-style * background-color * border-width * border-style * text/html 2023-08-16T09:33:52+00:00 Anonymous (anonymous@undisclosed.example.com) https://techschool.murraygunn.id.au/wiki/doku.php?id=web_design:horario:tables&rev=1692203632&do=diff Web Development Lesson 3 - Tablas Tablas Objective In this section, we'll create a table to present the statistics for the Colombian Football team. You will learn how to structure a table in rows and columns and to assign cells as headings. Setup