Sätt tabeller

Mycket viktig vid utformningen av en sida. Vi brukade sätta någon punkt i en viss plats i dokumentet. De kan sätta kanter eller dölja dem om vi inte tycker om att ses. Senare med stilar, gör vi även kanterna ser ut som en dekorativt element, men ett bord. Vi kan sätta färg eller bakgrund. Men i slutändan med dem, vill vi göra design eftersom som vi skall se, ger oss möjlighet att placera vid en viss punkt varje element.

Öppna ett nytt dokument och spara det med namnet tabeller. Kom ihåg drömmen lägger förlängningen har vi bestämt oss (htm eller html) Vi måste se ut:

tablas.htm

En annan sak ... att hålla vänja gå när insertéis något. Bara i fall ok?

I egenskapspanelen använda en bakgrundsfärg på sidan. Och vi kommer att infoga en tabell Infoga / Tabell:

img 1

Det kommer att ta upp en dialogruta så här:

img2

, (Horizontales) el ancho en % , (También en píxeles) El borde y grosor , el relleno de celdas , que sera el espacio que va a quedar entre lo que insertemos en la tabla y su borde, el espacio entre las celdas y los encabezados, que ya tendrán un predeterminado estilo que aplicarán al contenido. I den kan vi ange antalet rader, (vertikalt) kolumner (Liggande) bredd i% (även i pixlar) och EDGE tjocklek cellutfyllnad, som kommer att vara utrymmet kommer att vara mellan vad vi sätter i tabellen och dess kant, tillämpade utrymmet mellan celler och rubriker, som har ett standardformat till innehållet.

, 80% de ancho, grosor de borde 0 , si no ponemos nada en relleno y espacio, por defecto el Dreamweaver, pondrá dos píxeles. Vi kommer att lägga 4 rader, 6 kolumner, 80% bredd, Kanthöjd, 0, om vi inte fyller något i och rum, som standard Dreamweaver kommer att sätta två pixlar. Att inte stoppa in någonting, bör vi 0. Inga rubriker.

Ser ut så här:

img 3
I egenskapskontrollen kan ändra den helt. Men nu ska vi se vad vi säger i denna tabell har vi just har införts. Placera markören i en cell.

Och se en serie av linjer och siffror som definierar tabellen. I centrum ser vi en pil med vänster musknapp, klicka på den och vi kommer att se en undermeny där du kan välja den.

img 4

Nu är vi säkra på att den valda tabellen, se egenskapsinspektören:

img 5

: Eller var vi finns i utrymmet i tabellen är HTML-taggar, ser vi precis ovanför egenskaper:

6 img

Html-taggar att överväga.
<body> (av kroppen, kroppen) refererar till hela dokumentet, ser vi i webbläsaren.
<table> (de, bord) till hela tabellen.
<tr> (från tabellrad, raden i tabellen) för att raden var markören
<td> (från tabelldata eller datatabell) för cellen.

Dessutom noterar vi att etiketten <td> kontrolleras, säger detta oss är där, där markören och att om du infogar ett objekt, kommer stanna där placeras.

Vi kommer att centrera tabellen i dokumentet klickar du på etiketten <table>:

7 img

y elegimos Centro i egenskapskontrollen Justera och vi valde Centre

8 img

Tabellen är placerad i centrum av dokumentet:

img 9

Vi lägger värden som anges av fångsten (Tabell ;)

10

píxeles de borde con el color #000066 para éste borde. 5 pixeles de separación entre los bordes de las celdas y el texto, o imagen que insertemos luego en ellas. Vi vit (# FFFFFF) till botten av tabellen. 3 kantbildpunkter med färgen # 000.066 för den här kanten. 5 pixlar separation mellan cellkantlinjer och text, eller bilder som vi infoga dem då. Och 2 pixlar, separation mellan celler.

11

y columnas : Dessa värden har vi tagit bordet nu att göra rader och kolumner:

Den första kommer att infoga en text:

12

Oroa dig inte om vi ser att den här kolumnen är bredare nu, när vi infoga text i den andra. kommer att se ut innan

* Obs: Egentligen kommer det att öka i termer av vad vi in i cellerna, vilket är det kolumnen måndag, är smalare än Onsdag ;) Likaså kan ... sätta ett fast värde för varje kolumn, som visas i en skärmdump nedan.

Senare mer om bredden på tabeller och kolumner ;)

13

, sin tener que tocar la tabla o celdas con el cursor. För att flytta mellan kolumnerna, använder vi piltangenternatangentbordet utan att behöva röra bordet eller celler med markören. Snabbare och mer säker på att vi inte ändrar något alls av de värden som har den tabellen. Nu markerar du den första kolumnen:

14

Egenskapskontrollen:
15

Teckenstorlek: 14 poäng, vit.
Justering: Centre.
Kolumn fast bredd: 50 pixlar
Kolumn bakgrundsfärg: # CC3300

(Observera att toppen av kolonnen, visade antalet pixlar som nu har vi tilldelade 50)

16

Resultatet:

17

: Nu markera den första raden, placera markören i den första cellen:

18

Klicka på html-taggen, <tr>

19

Hela raden är vald ovan:

20

Egenskapskontrollen:

21

och vi har sålunda:

22

Nästa Institutet kommer att fortsätta med borden och eventuellt, om inte alltför länge sedan kommer vi att se några länkar.

Eftersom vi inte har satt in nya bilder eller föremål än HTM språk, kommer vi stiga endast en gång index.htm sidan skrivs den vi har ovan.

Veréisque vi nu har ett dokument med ett annat namn som inte är den väg index.htm det nya dokumentet .. allvarligare nästa eller vi kunde inte se något sätt ..... förutom med en länk, men vi är inte där än ;) så vi lägger all den fullständiga sökvägen : P

http://web-design.shalanastylo.com/tablas.htm

Svara