This is a Clilstore unit. You can link all words to dictionaries.

UNIT 9 WEB DESIGN: ACTIVITY 4. TABLES

 

Ejercicio 4 KompoZer

 4. Tables.



In a web page the tables are used for:



ACTIVITY 4.1



In this activity we are going to describe the airliner planes manufactured by the company Boeing using a table

To insert a table use the button table . This dialog opens:

 



Rápido (Quickly) , is the default option and allows to select the number of rows and columns graphically.

Preciso (Precisely) It allows to set the table number of files and columns, the thickness of the borders and the width of the table regarding the width of the browser (navegador) window.

.

Celda, (Cell), it allows to set up the cells appearance

  • Horizontal Alignment. align the text and images to the right, left or center of the cell.

  • Vertical Alignment: align the text and images to the top, bottom or center of the cell.

  • Text wrapping: to set that the text takes up (ocupe) a whole line, or to set that the text flows inside the cell in different lines.

  • Space between cells: pixels separating different cells

  • CellPadding: space between the cell borders and the cell content.


The following image shows the goal of this activity: a two columns table. Each row shows a passengers plane. In the right column there is a picture of the airliner (avión de pasageros) and in the left one a text describing it.



  1. Open KompoZer and create a new page.Save the page as planes.html

  2. Insert a title (Boeing planes) and adjust the page properties using the menu format |title and page properties

  3. Download and decompress this file. Copy the decompressed files in the folder web_aviones/images

(use this url if the link fails

https://www.dropbox.com/s/z002h8vb2xvlc70/ejercicio4_archivos.zip?dl=0

  1. Open using gedit the file texto_ejercicio4.txt. Copy the text and paste it in KompoZer.

  2. Insert a table of 2 columns and 7 rows using the button  

  3. A dialog opens. Select the tab precisely setting a width of 80% of the window) and a 12 pixels border.

  4. Copy the text describing the planes to the cells in the left column.

  5. Insert the plane images in the right column using the image insert button .

  6. Double click anywhere inside a cell (not in the cell borders) to open the table properties.

  7. Select the tab table. Select centered alignment and choose a background color

     





The image bellow shows the expected result:


Compress the web_aviones folder and upload it to moodle in the link UPLOAD ACTIVITY 4.1


ACTIVITY 4.2

In
this activity we are going to make a page for an English grammar lesson.

The following image it's just an example of an exercise, but IT'S NOT THE EXERCISE YOU HAVE TO DO. You have to look for the exercise assigned to you in the Moodle link Random assignment of works for activity 4.2.

By experience, there will be people who will ignore this warning and just will make the exercise as shown in the image bellow, so let's repeat it.

¡¡¡¡¡THE FOLLOWING IMAGE IT'S JUST AN EXEMPLE OF EXERCISE, BUT IT'S NOT THE EXERCISE YOU HAVE TO DO. YOU HAVE TO LOOK FOR THE EXERCISE ASSIGNED TO YOU IN THE MOODLE LINK RANDOM ASSIGNMENT OF WORKS FOR ACTIVITY 4.2. !!!!!!

Got it??

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 



TABLES TYPE 1

 

 

TABLES TYPE 2




 

TABLES TYPE 3

Another example of tabla type 3




STEP 1 CREATE THE TABLES FROM THE TEXT

 

 

 

Sujeto
+
futuro de “have”
+
Participio
I
+
will have
+
Finished
He

+

will have
+
finished

 

 





TYPE 2 TABLES

 

These tables are short translation exercices. Their main features are:

Your starting point is a number of columns similar to those shown bellow. Every three lines are a row. The third line is the name of an audio file:

Sandy habrá terminado sus exámenes para cuando vuelvas de Perú.

Sandy will have finished her exams by the time you get back from Peru.

audio
0.29425623332399553



Sandy habrá terminado sus exámenes para cuando vuelvas de Perú.@ Sandy will have finished her exams by the time you get back from Peru.@ audio0.29399553

Se habrán marchado para cuando llegue tu vuelo.@They will have left by the time your flight gets in. @audio0.29422399553

audio
0.30626365922981713

TYPE 3 TABLES



 



Short url:   https://multidict.net/cs/5777