|
HTML&CSSPovzetek 1. htmlOsnovni format <html> <head> <title> </title> </head> <body> </body> </html> 2. htmlSlovnična pravila za oznake <Atribut imena oznake1=Vrednost nepremičnine1" Atribut2=Vrednost nepremičnine2”>tag</Ime oznake> 3. Oznake hiperpovezav <a href="kam skočiti" ></a> Funkcija: Preskakovanje strani. Vprašanje: Če želite narediti sliko (picture1.jpg) hiperpovezano, kako jo napišete? <a href=""><img src="picture1.jpg" /></a> 4. Sintaksa tabel <table> <tr> <td> Majhne oblike </td> <td>Vsebina</td> </tr> </table> Opomba: Vsebina obrazca mora biti zapisana vTDNotranjost 5. Pogoste lastnosti tabel a) Tabela:rob=Številke(Okvirni okvir) Bordercolor=Barva robabgcolor=Barva ozadjacellpacing=Število (razdalja med celicami) Celpadding=število (razdalja med vsebino in robom tabele)višina="Fiksne številke|odstotek%"Višinaširina="Fiksne številke|odstotek%"Širina b) Tr: bgcolor=Barva ozadjavišina="Fiksne številke|odstotek%"Višinaširina="Fiksne številke|odstotek%"ŠirinaBordercolor c) Td: bgcolor=Barva ozadjavišina="Fiksne številke|odstotek%"Višinaširina="Fiksne številke|odstotek%"Širinacolspan=Številke (Združitvene stolpce)rowspan=Številke (Merge Rows)Bordercolor Vprašanje: Kako nastaviti debelino in barvo roba, ko je slika centrirana? Širina roba Barva roba 6. Oblike a) Funkcija: Oddaja podatkov strežniku b) Sintaksa:<forma ></form> c) Elementi oblike 1. vhodOznake i. Besedilo<vhodni tip=besedilo /> ii. Gesla<input type=password /> iii. Ena sama izbira<vrsta vhoda=ime radia="Ime enako" /> iv. Večkratne izbire<vhodni tip=potrditveno polje /> V. Gumbi<vhodni tip=gumb /> Oddaj<input type=submit /> Ponastavitev<tip vhoda=reset> Atributi: Besedilo:velikost=Dolžina besedilanajvečja dolžina=Na voljo je največ znakov Izberi:preverjenoPrivzeto izbrano Gumbi:vrednost=Besedilo, prikazano nad gumbom 2Spustne oznake: Sintaksa, lastnosti <izberi več(Možne so večkratne izbire)velikost=Vidite lahko število možnosti> <izbrano možnost(Privzeto izbrano)>Vsebina</option> </select> 7. CSSKaskadni slogovni listi Funkcija: Obogatite vsebino in zmanjšajte količino kode Pisanje: Kraj (3vrste) 1. V vrsti:Dodajte atribute neposredno na oznakeslog="lastnina:Vrednost atributa;…” 2. Vdelava:naglavaPisanje založb:<tip sloga="Text/CSS"> Selektor{Lastnosti:Vrednost atributa;…} </style> Točke3Osnovni izbiralci:htmlSelektor,RazredIzbirnik razreda (.ime razreda),IdSelektor (#idIme) je edini 3. Zunanje:Ustvari ločeno.cssin nato dodaj referenčno kodo na stran, ki jo želiš uporabiti, da2Vrsta pisanja Zapomnite si: naglavaDodajte oznake znotraj<povezava rel="stylesheet" tip="text/css" href="ime datoteke slogovnega lista.css”> Opomba: Če pride do konflikta v slogovni listi, najprej dajte prednost inline, preden uporabite inline in na koncu uporabite outside Vprašanje: UporabaDIV+CSSrazporeditev inTabelaPrednosti in slabosti postavitve? 8. Psevdorazred (selektor) a:povezava {barva: #FF0000} /* neobiskane povezave */ a:obiskal {barva: #00FF00} /*Povezave, ki so bile obiskane*/ a:hover {barva: #FF00FF} /* Premakni miško na povezavo */ a:active {barva: #0000FF} /*Izbrana povezava*/ 9. DIV(Škatlasti model) Funkcija: ZamenjavatabelaTabela Pisanje:<div>Vsebina (lahko se gnezdi.)div）</div> Uporaba: Nastavi širino in višino, lahko se združitaPoložajLastnosti Pogoste lastnosti: 1. Rob: Debelina škatle 2. Rob: razdalja med škatlami 3. Oblazinjenje: razdaljo med vsebino škatle in škatlo. 4. Višina、Širina: Višina, širina 5. Ozadje: Barvna škatla, vzorec 6. Float: Sedež ložeLevo、Desno 10. PrelazTkalec sanjUstvarite predlogo Funkcija: Doseči enak slog spletne strani, zmanjšati količino kode in izboljšati učinkovitost razvoja spletnih strani Kako ustvariti in uporabljati predloge 1. Create: file à new à regular à HTMLpredlogaà Create 2. Shrani: Shrani na svojo spletno stran, opomba: Pravilna pot je, da se na dnu spletne strani pojavi mapa Predloge, ki shranjuje predloge (.dwt） 3. Pisanje: Tako kot pisanje običajnih strani, tipkanje in pisanje vsebin v istem slogu na spletni strani. Za različne vsebine morate ustvariti urejeno območje (z miško pomaknite miško nad urejevalno območje, ki ga želite ustvariti à desni klik in izberite Predloga à New ureljivo območje). 4. Ustvarite stran na podlagi predloge: File à New à Template à Izberite predlogo za uporabo 11. Tkalec sanjPovezane točke znanja A. UspešnoTkalec sanjUstvarite spletno stran: Spletna stranà New site à advanced à local information Poimenujte lokacijo in določite pot do lokacije Opomba: Pot po lokaciji ne sme biti v kitajščini BZnanostTkalec sanjMoramo vedeti, kako izpisati osnovne oznake, ki smo se jih naučili prej Poudarek je na tipografiji strani skozi tabele CVTkalec sanjuporaba hiperpovezave (relativni in absolutni naslovi) 12. CSSSkupne lastnosti border:1px solid #000000; /*meje3Skupne lastnosti*/ širino; višina; /*Nastavi širino in višino*/ text-align /*Vsebino nastavite na sredino levo in desno*/ Višina vrstice /*Vsebina prilagajanja je centrirana gor in dol*/ Float /*Float(Za ustvarjanje horizontalnih hiperpovezav je treba uporabiti lebdeče povezave)*/ Rob /*Nastavi zunanjo razdaljo škatle*/ Oblazinjenje /*Nastavi razdaljo znotraj škatle*/ položaj /*Pozicioniranje, da bi bil z nami kasnejelevo zgorajUporaba skupaj*/ color:#000000; /*Nastavite barvo besedila*/ background-color:#000000; /*Nastavi barvo ozadja*/ font-size:14px; /*Nastavite velikost pisave*/ okrasitev besedila /*Določite, ali je povezava podčrtana, kar se običajno uporabljaPodčrtavanjealiNihče*/ list-style-type:none; /*Oblikujte hiperpovezavo (brez pik)*/
2013HTML复习.doc
(44 KB, Število prenosov: 0, Prodajna cena: 1 Grain MB)
| 
Objavljeno na 9. 11. 2014 10:42:19
|
|
|
Objavljeno na 10. 11. 2014 13:27:37
