Katsotaan ratsastaa ja todellisen Web-sivun.

Ole hyvä ... l EED huolellisesti ja noudata niitä vaihe vaiheelta opetusohjelma. Meidän täytyy ensin ymmärtää sen, välttää ongelmia myöhemmin toteutettaessa vaiheet ja kaikki on hyvin, eikö?

Tällä kertaa rakenteen on oltava kaikille sama, sisältö tietysti voit vaihdella niitä kutakin, mutta rakenne olisi sama pätee? Lisäksi teemme myös indeksiin tutustumiselle loput asiakirjat.

Aiomme "huijata" on muissa selaimissa kuin IE, nähdä reunat jos niitä ei ole Että jos nyt eikä soveltaa omia tyylejä, mutta emme voi simuloida kiinteitä rajoja, ilman hienoja juttuja

Myös työhön käsite pesivien taulukoita mennä toisiamme, kun tuomme graafiset kuviot ja taulukot, näet, että on kuin rakentaa palapeli ja miten laittaa palaset ovat tällä tavoin.

Aloitamme:

Luodaan tällä sivulla, kuten täysin riippumaton siitä, mitä olemme tehneet tähän mennessä. Luo uusi kansio, soitamme web ilman kuvia tai portaali esimerkiksi sivustollamme.

* Huomautuksia: Kussakin kansiossa, että meillä on sisällä sivusto on mitä me kutsumme ja hakemistoja hakemistoja, voimme luoda asiakirjan index.htm. Jos haluat nähdä ne selaimissa, nyt sinun täytyy laittaa koko reitti, pidä siitä, kun loimme indeksi, htm tärkein, se riitti laittaa osoitteeseen annoit palvelin päästä sivulle.

Sisällä, voimme tallentaa asiakirjoja silloin lenkki Index että meillä on niin voimme nähdä työmme.

Htm Avaamme uuden asiakirjan ja lisätä taulukon. Tulemme totuttelua määrittää leveyden mittauksen, joka yleensä aina aloittaa sivun ja ovat 780 px.

* Huomautus: Tällä tavoin voimme varmistaa tarkastelemme täydellinen resoluutio on 800. Se toimii hyvin, koska sielläkin useimmat ihmiset, jotka käyttävät tätä samaa päätöslauselmaa Voit myöhemmin valita, jos tätä toimintaa tai jatkaa sitä)

Tämä asiakirja on indeksi uuden hakemiston, niin pidämme sitä, sen sisällä, jonka nimi on index.htm.

* Huom: Varoitus, kun tallennat sen, varmista, että teet sen oikein hakemiston tai kansion, muuten astua muutettu ja on tärkein indeksi sivuillamme. Jos ette ota tätä riskiä, ​​tallentaa sen toisella nimellä, kuten Portal.htm, websinimg.htm ... jne..

Kuten olemme nähneet, miten määrittää sivun ominaisuuksia, tämä on ensimmäinen askel, jätän linkin, et muista: Sivun ominaisuudet.

Kun olet määrittänyt sivun ominaisuuksia, lisää taulukko tämän kokoonpanon:

4 krs, 1 palsta

CellSpace 1

Edge 0

Valitse Property Inspector ja valitun taulukon:

Leveys = 780px

Align = center

Taustaväri table = # DE931C

Valitse kaikki rivit ja laita taustavärin soluihin <td> O antaa sekä yksi yhden, vain nopeutta, voimme tehdä niin

Toteamme, että on asettanut sivun ominaisuuksia ei enää tarvitse muotoilla tekstiä.

Ja kokoonpano on tarpeeksi soveltaa sitä solun liian. Näin ja unohdamme tekstin tasausta. Tarpeeksi antaa sen soluun.

para realizar este ejercicio, y queremos que se vean bien en todos los navegadores , el dar un color de fondo a la Tabla , es para que se vea un Borde de un color que hayamos elegido. * Huomaa: Luomme monta pöytää tähän toimintaan, ja haluamme näyttää hyvältä kaikissa selaimissa, jolloin taustaväri pöytään, on tehdä se näyttää reunan värin olemme valinneet. Joten käytämme erilaisia ​​yksi soluja, jotka olisi valittu väri voisi tehdä sivun.

Toista nämä vaiheet jokaisen taulukoista lisäämme. Se on: Luo taulukko ja aseta leveyden (jos vaihtelee nyt) taustavärin pöytään, ja solu linjaus pöytään sekä soluun. On erittäin tärkeää pysähtyä tähän, sillä myöhemmin vältämme monia ongelmia ja huonoja aikoja meille, koska ei missään tapauksessa soveltaa tyyliä, eikö?

Voit auttaa meitä ja tehdä paljon paremmin, on mielenkiintoista taulukkoon Laajennettu tila:

Tämä auttaa meitä, ja jos comprobáis itsensä esikatselussa, näet mitään, ei vaikuta sivujen ulkonäköön, vain meille työssä.

Olemme sijaitsee eturivissä ja lisätä uuden taulukon,

1 krs, 2 palstaa

Keskitetty

CellSpace 1

Edge 0

Leveä, tästä lähtien 100%

Lisää taustaväri pöytään (pohjaväri)

Tasaus nyt ei tarvitse antaa sen taulukon, kuten olemme pesi joka on leveys Erityisesti (780 px) 100%, että olemme sille, näin ollen 100% 780px. Voit, jos haluat antaa sen, mutta ei liiku, mistä olemme asettaneet ja mitä on työskennellä mahdollisimman vähän oikealle?

Kuten ennenkin, käytämme taustavärin solu:

Seikka, että annetaan seuraavasti:

* Huomaa: Näemme pienempi taulukot saaliin, koska annoin toisen näytön koko!

Vuoden toinen ja viimeinen rivi olisi lisätä taulukon 1 rivi ja 1 sarake. Jonka yksi lisättäisiin pohjasävyä taulukon alaosassa, voidaan käyttää niitä vai ei, mutta nyt tekee ensimmäinen ja viimeinen erottaminen footer:

Soluja, voimme kokoonpano, mutta nyt he aikovat lisätä sisältöä. Joten myöhemmin sitä sovelletaan. Ylös, pysy hyvin mitään, erottaminen, mikä on nimi ja levätä, mutta pohjalle voimme lisätä meidän sähköposti-tai tekijänoikeuden ja paljon parempi, jos pysyt keskellä, eikö?

Laitamme kolmanteen, joka on kun lisäämme sisältöä. Lisää uuden taulukon, kuten aikaisemmat, vain olla 1 rivi ja kolme saraketta:

Käytämme taustavärin pöytään ja sitten soluihin:

Nämä kolme saraketta ovat niitä, jotka ladataan sisältöä sivulla, joten molemmat osapuolet ovat eri vaihtoehtoja meillä on. Me laitamme rakenne, enemmän tai vähemmän portaalin, joten nämä puoli sarakkeet on oltava kapeampi kuin kasvi.

Kun kohdistin ensimmäisen solun Property Inspector, annamme nämä arvot:

Kun oikealla puolella, laita ne yhtä. Jos valitset tupakan, näemme, että on tämä:

Sarakkeet merkitään leveys: 150 Keski-ja emme anna muuta kuin linjaus, miehittivät loput 100% ensimmäisen taulukon, joka oli 780 px. muistaa? ja osoittaa mitään.

* Huom: kuvassa näemme aivan keskustassa 100% osoittaa, että lisätty taulukkoon tämän prosenttiosuuden. Et saa kiinnittää paljon huomiota osoittaa otos, kun muutan leveyden ensimmäisen taulukon, joten haluan näyttää kaiken ja saalis ei ollut liian suuri. Mutta jos käsite, joka tarkoittaa ... kertoo meille, että pöytä on 100% edellä, jos tämä asennettu ja että sen leveys pikseleinä on 483. Sain kommentoi niin tiedot, jos sinulla fijasteis, saada käsitys siitä, mitä nämä numerot tarkoittavat. Myöhemmin on mielenkiintoista jos aiomme suunnitella sivuston, tässä mielessä voimme tehdä mm.

Jos kirjoitamme tekstiä ja paina Enter numero, näkökulma on pakko selain on seuraava:

Katso tästä

Kirjoitin tekstin jokaiseen soluun ja sovelsi otsikon muoto erikokoisia, ja jokainen teksti.

On aika tarkistaa selaimissa, jotka ovat igualitas molemmissa, Jos ei chiquis ... kaikki ei ollut aivan oikea, niin kehotan teitä aloittamaan kaiken uudelleen, nykyistä paremmin, yrittää nähdä missä ongelma kannattaa tehdä?

Laitan verkossa, kuten kustakin opetusohjelma, voit mennä jokaisen opetusohjelmassa ja kun tämä on kunnossa, työskentelevät samassa asiakirjassa, jottei tiing enemmän, okei?

Esimerkiksi tässä oppaassa, näemme Web Design - Shalana kuten Portal.