|
HTML un CSSKopsavilkuma 1. htmlPamata formāts <html> <head> <title> </title> </head> <body> </body> </html> 2. htmlTagu gramatikas noteikumi <Taga nosaukuma atribūts1 =īpašuma vērtība1" atribūts2 =īpašuma vērtība2”>atzīme</Atzīmes nosaukums> 3. Hipersaišu tagi <a href="kur lēkt" ></a> Funkcija: Lapas lēciens. Jautājums: Ja vēlaties izveidot attēlu (picture1.jpg) hipersavienotu, kā jums to rakstīt? <a href=""><img src="picture1.jpg" /></a> 4. Tabulu sintakse <table> <tr> <td> Mazas formas </td> <td>Saturs</td> </tr> </table> Piezīme: Veidlapas saturam jābūt rakstītamtdiekšpusē 5. Tabulu kopīgie atribūti a) Tabula:robeža=Skaitļi(Rāmis) bordercolor=Apmales krāsabgcolor=Fona krāsašūnu atstarpe =Skaitlis (attālums starp šūnām) cellpadding=number (attālums starp saturu un tabulas apmali)augstums ="Fiksētie skaitļi|Procenti%"Augstumsplatums="Fiksētie skaitļi|Procenti%"Platums b) Tr: bgcolor=Fona krāsaaugstums ="Fiksētie skaitļi|Procenti%"Augstumsplatums="Fiksētie skaitļi|Procenti%"Platumsapmales krāsa c) Td: bgcolor=Fona krāsaaugstums ="Fiksētie skaitļi|Procenti%"Augstumsplatums="Fiksētie skaitļi|Procenti%"Platumscolspan =Skaitļi (sapludināt kolonnas)rowspan =Skaitļi (rindu sapludināšana)apmales krāsa Jautājums: Kā iestatīt apmales biezumu un krāsu, kad attēls ir centrēts? Apmales platums Apmales krāsa 6. Veidlapas a) Funkcija: iesniegt datus serverī b) Sintakse:< veidlapas ></form> c) Veidlapas elementi 1. ievadeAtzīmes (Tags) i. Teksts<ievades tips=teksts /> ii. Paroles<ievades tips=parole /> iii. Viena izvēle<ievades tips=radio nosaukums="Nosaukums tāds pats" /> iv. Vairākas izvēles iespējas<input type=izvēles rūtiņa /> V. Pogas<ievades tips=poga /> Iesniegt<ievades tips=iesniegt /> Atiestatīt<ievades tips=atiestatīt> Atribūti: Teksts:izmērs =Teksta garumsmaksimālais garums =Var ievadīt maksimālo rakstzīmju skaitu Izvēlieties:pārbaudītsAtlasīts pēc noklusējuma Pogas:vērtība =Virs pogas redzamais teksts 2Nolaižamās etiķetes: sintakse, rekvizīti <Atlasiet vairākus(Ir iespējamas vairākas atlases)izmērs =Jūs varat redzēt opciju skaitu> < opcija ir atlasīta(Atlasīts pēc noklusējuma)>Saturs</option> </select> 7. CSSKaskādes stila lapas Funkcija: bagātināt saturu un samazināt koda apjomu Rakstīšana: Vieta (3sugas) 1. Rindā:Atribūtu pievienošana tieši tagiemstils ="īpašums:Atribūta vērtība;…” 2. Iegulšana:piegalvaEtiķetes rakstīšana:<stila tips="teksts/css"> Selektors{Rekvizīti:Atribūta vērtība;…} </style> Punkti3Pamata selektori:htmlSelektors,klaseKlases atlasītājs (.klases nosaukums),IdSelektors (#idVārds) ir vienīgais 3. Ārējie:Izveidojiet atsevišķu.cssfailu un pēc tam pievienojiet atsauces kodu lapai, kuru vēlaties izmantot, jā2Rakstīšanas veids Atcerieties: piegalvaAtzīmju pievienošana iekšpusē<saite rel="stylesheet" type="text/css" href="stylesheet faila nosaukums.css”> Piezīmes: Ja stila lapā ir konflikts, pirms inline izmantošanas piešķiriet prioritāti inline un visbeidzot izmantojiet outside Jautājums: LietošanaDIV+CSSizkārtojums unTabulaIzkārtojuma plusi un mīnusi? 8. Pseidoklase (selektors) a:link {color: #FF0000} /* neapmeklētas saites */ a:apmeklēts {krāsa: #00FF00} /*Apmeklētās saites*/ a:kursors {krāsa: #FF00FF} /* Peles pārvietošana uz saiti */ a:aktīvs {krāsa: #0000FF} /*Atlasītā saite*/ 9. DIV(Kastes modelis) Amats: AizstājējsgaldsTabula Rakstīšana:<div>Saturs (var ligzdot.)div）</div> Lietošana: Iestatiet platumu un augstumu, var kombinētAmatsAtribūti Kopīgās īpašības: 1. Robeža: kastes biezums 2. Rezerve: attālums starp lodziņiem 3. Polsterējums: attālums starp kastes saturu un kasti. 4. Augstums、platums: Augstums, platums 5. Vispārīga informācija: Kastes krāsa, raksts 6. Pludiņš: kastes sēdeklisPa kreisi、Pa labi 10. IetSapņu audējsVeidnes izveide Funkcija: Sasniedziet to pašu vietnes stilu, samaziniet koda daudzumu un uzlabojiet mājas lapas izstrādes efektivitāti Kā izveidot un izmantot veidnes 1. Create: file à new à regular à HTMLveidneà Create 2. Saglabāt: Saglabājiet savā vietnē, piezīme: Pareizais ceļš ir tāds, ka vietnes apakšā parādīsies mape Veidnes, kurā tiek glabāti veidņu faili (.dwt） 3. Rakstīšana: Tāpat kā parasto lapu rakstīšana, rakstīšana un tāda paša stila satura rakstīšana vietnē. Dažādam saturam ir jāizveido rediģējams apgabals (novietojiet kursoru virs rediģējamā apgabala, kuru vēlaties izveidot à ar peles labo pogu noklikšķiniet un atlasiet Veidne à Jauns rediģējams apgabals) 4. Izveidojiet lapu, pamatojoties uz veidni: File à New à Template à Atlasiet izmantojamo veidni 11. Sapņu audējsSaistītie zināšanu punkti A. NokārtotsSapņu audējsTīmekļa vietnes izveide: Vietneà Jauna vietne à uzlabota à vietējā informācija Piešķiriet vietnei nosaukumu un iestatiet ceļu uz vietni Piezīme: vietnes ceļš nedrīkst būt ķīniešu valodā BIepazīšanāsSapņu audējsMums jāzina, kā izvadīt pamata tagus, kurus mēs iemācījāmies agrāk Galvenā uzmanība tiek pievērsta lapas tipogrāfijai, izmantojot tabulas CIekšāSapņu audējsizmantojot hipersaiti (relatīvās un absolūtās adreses) 12. CSSKopīgi atribūti border:1px solid #000000; /*robežas3Kopīgi atribūti*/ platums; augstums; /*Platuma un augstuma iestatīšana*/ teksta līdzināšana /*Satura iestatīšana pa kreisi un pa labi*/ līnijas augstums /*Pielāgošanas saturs ir centrēts uz augšu un uz leju*/ pludiņš /*Pludiņš(Peldošā ir jāizmanto, lai izveidotu horizontālas hipersaites)*/ rezerve /*Iestatiet kastes ārējo attālumu*/ polsterējums /*Iestatiet attālumu kastes iekšpusē*/ amats /*Pozicionēšana, lai būtu vēlākKreisajā pusēIzmantojiet kopā*/ color:#000000; /*Teksta krāsas iestatīšana*/ background-color:#000000; /*Fona krāsas iestatīšana*/ font-size:14px; /*Iestatiet fonta lielumu*/ teksta dekorēšana /*Iestatīt, vai hipersaite ir pasvītrota, parasti tiek izmantotapasvītrotvaiNav*/ list-style-type:none; /*Hipersaites veidošana (bez punktiem)*/
2013HTML复习.doc
(44 KB, Lejupielādes skaits: 0, Pārdošanas cena: 1 Graudi MB)
| 
Publicēts 09.11.2014 10:42:19
|
|
|
Publicēts 10.11.2014 13:27:37
