Kā izveidot vienkāršu tīmekļa lapu divos veidos: 4 soļi (ar attēliem)

Satura rādītājs:

Kā izveidot vienkāršu tīmekļa lapu divos veidos: 4 soļi (ar attēliem)
Kā izveidot vienkāršu tīmekļa lapu divos veidos: 4 soļi (ar attēliem)

Video: Kā izveidot vienkāršu tīmekļa lapu divos veidos: 4 soļi (ar attēliem)

Video: Kā izveidot vienkāršu tīmekļa lapu divos veidos: 4 soļi (ar attēliem)
Video: Вся правда о Куликовской Битве 2024, Aprīlis
Anonim

Ja jums ir vietne, tad, izpētot tās dizainu, izmantojot CSS un div tagus, jūs un jūsu vietnes bizness var būt soli priekšā. Vienkārša apkope, ātrāka iekraušana un meklētājprogrammām draudzīgas funkcijas sniegs jums priekšrocības no labākas mārketinga stratēģijas.

Soļi

1. solis. Ziniet, ka tags “div” pamatā tiek izmantots, lai izveidotu atsevišķas vietnes lapas sadaļas

Šis ir viens no ārkārtīgi spēcīgajiem “XHTML” elementiem, jo tas ir nepieciešams tīmekļa lapas dizaina izvietošanai, izmantojot “CSS”. Vienkārši sakot, šis process nozīmē tādu vietņu ieviešanu, kurās nav izmantotas tabulas izkārtojumam un pozicionēšanai.

2. solis. Izveidojiet stilu lapu - tagos “Div” tiek izmantotas stila lapas, kas ļauj vietnes tīmekļa dizainam būt neatkarīgam no datiem

Fona noformējumu ar krāsām un fontiem, platumu, augstumu, izkārtojumu un rindu vai kolonnu izvietojumu var ievietot stila lapās, atstājot tikai div kodu un informāciju par faktiskajām lapām.

  • Jūs varat izveidot stilu lapu kā citu dokumentu un pēc tam to saistīt. Atveriet jaunu piezīmju grāmatiņas dokumentu, ierakstiet tajā savu kodu un saglabājiet to paplašinājumā ".css".
  • Ļoti noderīgi ir CSS rekvizīti "fona krāsa", "augstums", "platums", "pludiņš" un "skaidrs".

3. solis. Stilu lapas saistīšana - jūs varat saistīt stilu lapu, izmantojot saites tagu

Tas jāizmanto jūsu vietnes sadaļā "galva". piem.. jums vajadzētu uzrakstīt ceļu uz savu CSS failu vietā, kur šajā piemērā ir rakstīts “ceļš”.

Izveidojiet vienkāršu tīmekļa lapu 1. solī
Izveidojiet vienkāršu tīmekļa lapu 1. solī
Izveidojiet vienkāršu tīmekļa lapu 2. solī
Izveidojiet vienkāršu tīmekļa lapu 2. solī
Izveidojiet vienkāršu tīmekļa lapu 3. solī
Izveidojiet vienkāršu tīmekļa lapu 3. solī

1. darbība. Izprotiet div tagu izmantošanas priekšrocības vai bez tabulas:

  • Vietņu ielāde kļūst ātrāka. Tīmekļa vietnes, kuru pamatā ir “div” tagi, pārlūkprogrammas darbojas daudz ātrāk, jo tās ir ļoti vieglas. “Div” tiek kontrolēts, izmantojot kaskādes stila lapas, un tāpēc tam ir nepieciešams mazāk kodēšanas, kas palīdz minimizēt faila lielumu.
  • “Div” ir draudzīgs visām meklētājprogrammām - uz CSS balstītas vietnes ir draudzīgas meklētājprogrammu optimizācijai, jo tās ļauj tīmekļa dizainerim saglabāt galvenos rakstus augšpusē, ļaujot meklētājprogrammām vieglāk atrast galveno saturu.
  • Vietne, kuras pamatā ir “div”, ietaupa joslas platumu. Vietnei bez galda ir mazāks faila lielums, kas nozīmē, ka tā ietaupa jūsu joslas platumu. Ja jums ir milzīga datplūsmas vietne, kurā vietnes apmeklētāji pārlūko katru lapu, ietaupiet joslas platuma lielumu, neizmantojot tabulas. Šī ietaupītā joslas platuma summa varētu būt noderīga noteiktā laika posmā vai mēneša beigās.
  • Apkopēja kods - vietnes, kurās tiek izmantoti tagi “div” un CSS, ģenerē tīrāku kodu. Šis tīrākais kods ļauj meklētājprogrammu rāpuļprogrammām lasīt faktisko saturu.

Ieteicams: