Yksinkertaisen verkkosivun suunnittelu Div: ssä: 4 vaihetta (kuvilla)

Sisällysluettelo:

Yksinkertaisen verkkosivun suunnittelu Div: ssä: 4 vaihetta (kuvilla)
Yksinkertaisen verkkosivun suunnittelu Div: ssä: 4 vaihetta (kuvilla)

Video: Yksinkertaisen verkkosivun suunnittelu Div: ssä: 4 vaihetta (kuvilla)

Video: Yksinkertaisen verkkosivun suunnittelu Div: ssä: 4 vaihetta (kuvilla)
Video: MITEN TYTÖT KÄY SALILLA | SKETSI 2024, Saattaa
Anonim

Jos sinulla on sivusto, sen suunnittelun tutkiminen CSS- ja div -tunnisteiden avulla voi viedä sinut ja verkkosivustosi liiketoiminnan askeleen eteenpäin. Helppo huolto, nopeampi lataus ja hakukoneystävälliset ominaisuudet antavat sinulle paremman markkinointistrategian etuja.

Askeleet

Vaihe 1. Tiedä, että "div" -tunnistetta käytetään pohjimmiltaan verkkosivun erillisten alueiden tai alueiden muodostamiseen

Tämä on yksi XHTML: n erittäin tehokkaista elementeistä, koska se on välttämätön verkkosivun suunnittelun asettamiseksi CSS: ää käyttäen. Yksinkertaisesti sanottuna tämä prosessi tarkoittaa sellaisten sivustojen toteuttamista, joissa ei käytetä taulukoita asettelussa ja paikannuksessa.

Vaihe 2. Luo tyylitaulukko - Div -tagit käyttävät tyylitaulukoita, joiden avulla sivuston web -suunnittelu on riippumaton tiedoista

Taustan suunnittelu väreillä ja kirjasimilla, leveys, korkeus, asettelu ja rivien tai sarakkeiden sijainti voidaan lisätä tyylitaulukoihin jättäen vain div -koodi ja tiedot todellisille sivuille.

  • Voit luoda tyylitaulukon toisena asiakirjana ja linkittää sen. Avaa uusi muistilehtiöasiakirja, kirjoita koodisi ja tallenna se.css -laajennukseen.
  • Erittäin hyödyllisiä CSS-ominaisuuksia ovat "taustaväri", "korkeus", "leveys", "kelluva" ja "kirkas".

Vaihe 3. Linkitä tyylitaulukko - Voit linkittää tyylitaulukon linkkitunnisteen avulla

Tätä tulisi käyttää verkkosivustosi "head" -osiossa. esim.. sinun pitäisi kirjoittaa polku CSS -tiedostoosi kohtaan, jossa "polku" on kirjoitettu tässä esimerkissä.

Suunnittele yksinkertainen verkkosivu div -vaiheessa 1
Suunnittele yksinkertainen verkkosivu div -vaiheessa 1
Suunnittele yksinkertainen verkkosivu div -vaiheessa 2
Suunnittele yksinkertainen verkkosivu div -vaiheessa 2
Suunnittele yksinkertainen verkkosivu osiossa 3
Suunnittele yksinkertainen verkkosivu osiossa 3

Vaihe 1. Ymmärtäkää div-tunnisteiden tai pöytätietojen käytön edut:

  • Sivustojen lataaminen nopeutuu. Div -tunnisteisiin perustuvat sivustot saavat selaimet toimimaan paljon nopeammin, koska ne ovat erittäin kevyitä. Div -tiedostoa ohjataan Cascading -tyylitaulukoiden kautta, joten se tarvitsee vähemmän koodausta, mikä auttaa pitämään tiedoston koon mahdollisimman pienenä.
  • Div on ystävällinen kaikille hakukoneille - CSS -pohjaiset verkkosivustot ovat hakukoneoptimointiystävällisiä, koska niiden avulla web -suunnittelija voi pitää tärkeimmät artikkelit ajan tasalla, jolloin hakukoneet voivat löytää pääsisällön helpommin.
  • Div -tag -pohjainen verkkosivusto säästää kaistanleveyttä. Pöytättömän verkkosivuston tiedostokoko on pienempi, mikä tarkoittaa, että se säästää kaistanleveyttäsi. Jos sinulla on valtava liikennesivusto, jossa sivuston kävijät selaavat jokaista sivua, sinun on säästettävä kaistanleveyden koosta, koska sinulla ei ole taulukoita. Tämä säästetty kaistanleveys voi olla hyödyllinen tietyn ajanjakson aikana tai kuukauden lopussa.
  • Cleaner Code - Div -tunnisteita ja CSS: ää käyttävät sivustot luovat puhtaamman koodin. Tämän puhtaamman koodin avulla hakukoneiden indeksointirobotit voivat lukea todellisen sisällön.

Suositeltava: