|
HTML&CSSKokkuvõte 1. htmlPõhiformaat <html> <head> <title> </title> </head> <body> </body> </html> 2. htmlSiltide grammatikareeglid <Siltide nime atribuut1=Kinnisvara väärtus1" atribuut2=Kinnisvara väärtus2”>silt</Sildi nimi> 3. Hüperlingi sildid <a href="kuhu hüpata" ></a> Funktsioon: Lehekülje hüpe. Küsimus: Kui tahad pilti (picture1.jpg) hüperühendada, kuidas peaksid selle kirjutama? <a href=""><img src="picture1.jpg" /></a> 4. Tabelite süntaks <table> <tr> <td> Väikesed vormid </td> <td>Sisu</td> </tr> </table> Märkus: Vormi sisu peab olema kirjutatudTDSees 5. Tabelite ühised omadused a) Tabel:piiri=Numbrid(Raam) bordercolor=Äärevärvbgcolor=Taustavärvcellspacing=Number (kaugus lahtrite vahel) cellpadding=number (kaugus sisu ja tabeli vahel)kõrgus="Fikseeritud numbrid|Protsent%"Kõrguslaius="Fikseeritud numbrid|Protsent%"Laius b) Tr: bgcolor=Taustavärvkõrgus="Fikseeritud numbrid|Protsent%"Kõrguslaius="Fikseeritud numbrid|Protsent%"LaiusBordercolor c) Td: bgcolor=Taustavärvkõrgus="Fikseeritud numbrid|Protsent%"Kõrguslaius="Fikseeritud numbrid|Protsent%"Laiuscolspan=Numbrid (veerud ühendada)rowspan=Numbrid (ridade ühendamine)Bordercolor Küsimus: Kuidas määrata ääre paksust ja värvi, kui pilt on keskel? Piirilaius äärevärv 6. vormid a) Funktsioon: Esita andmed serverile b) Süntaks:< ></form> c) Vormielemendid 1. Sisend.Sildid i. Tekst<sisendtüüp=tekst /> ii. Paroolid<sisendi tüüp=parool /> iii. Üks valik<sisendtüüp=raadio nimi="Nimi sama" /> iv. Mitmevalik<sisendi tüüp=linnuke /> V. nupud<sisendtüüp=nupp /> Esita<input type=submit /> Lähtestamine<sisendi tüüp=lähtestus> Atribuudid: Tekst:suurus=Teksti pikkusmaxlength=Sisestada saab maksimaalse tähemärgi arvu Vali:kontrollitudValitakse vaikimisi Nupud:väärtus=Nupu kohal kuvatav tekst 2Rippmenüü sildid: süntaks, omadused <vali mitu korda.(Mitmed valikud on võimalikud)suurus=Näed valikute arvu> <valik valitud(Valitud vaikimisi)>Sisu</option> </select> 7. CSSKaskaadstiililehed Funktsioon: Rikastada sisu ja vähendada koodimahtu Kirjutamine: Koht (3liigid) 1. Järjest:Lisa atribuudid otse siltidelestyle="vara:Atribuudi väärtus;…” 2. Manustamine:juurespeaPlaadifirma kirjutamine:<stiili tüüp="tekst/css"> Valija{Omadused:Atribuudi väärtus;…} </style> Punktid3Põhilised valijad:htmlValija,klassKlassi valija (.klassi nimi),IdValik (#idNimi) on ainus 3. Välised:Loo eraldi.cssFaili ja lisa viitekood lehele, mida soovid kasutada, jah2Kirjutamise moodi Pea meeles: juurespeaLisa sildid sisse<link rel="stylesheet" type="text/css" href="stylesheet failinimi.css”> Märkus: Kui stiililehes on konflikt, prioriteedi inline enne inline'i kasutamist ja lõpuks kasuta outside Küsimus: KasutaDIV+CSSPaigutus jaTabelPaigutuse plussid ja miinused? 8. Pseudoklass (valija) a:link {värv: #FF0000} /* külastamata lingid */ a:külastatud {värv: #00FF00} /*Külastatud lingid*/ a:hüle {color: #FF00FF} /* Hiire liigutus lingile */ a:aktiivne {värv: #0000FF} /*Valitud link*/ 9. DIV(Kastimudel) Funktsioon: AsendajaTabelTabel Kirjutamine:<div>Sisu (võib olla pesastatud.)div）</div> Kasutus: Määrata laius ja kõrgus, saab kombineeridaAmetikohtAtribuudid Ühised omadused: 1. piir: Karbi paksus 2. Marginaal: kastide vahemaa 3. polsterdus: kaugus kasti sisu ja kasti vahel. 4. Pikkus、laius: Kõrgus, laius 5. Taust: Karbi värv, muster 6. Float: Kasti istmekohtVasak、Parem 10. PassDreamweaverLoo mall Funktsioon: Saavutada sama veebistiil, vähendada koodi hulka ja parandada veebiarenduse efektiivsust Kuidas malle luua ja kasutada 1. Loo: file à new à regular à HTMLmallà Loo 2. Salvesta: Salvesta oma veebisaidile, märkus: õige tee on see, et veebilehe allosas ilmub Templates kaust, mis salvestab mallifailid (.dwt） 3. Kirjutamine: Nagu tavaliste lehekülgede kirjutamine, trükimine ja sama stiiliga sisu kirjutamine veebilehel. Erineva sisu jaoks pead looma muudetava ala (liiguta kursorit soovitud redigeerimisala kohale à paremklõps ja vali Mall à Uus redigeeritav ala) 4. Loo leht malli alusel: File à New à Template à Vali kasutatav mall 11. Unistuste kudujaSeotud teadmiste punktid V. Vastu võetudDreamweaverLoo veebileht: Saità Uus sait à arenenud à kohalik info Nimeta sait ja määra tee saidile Märkus: Saidi tee ei tohiks olla hiina keeles BTuttavlikkusDreamweaverMe peame teadma, kuidas väljastada põhilisi silte, mida varem õppisime Fookus on lehe tüpograafial tabelite kaudu CSisseDreamweaverkasutades hüperlinki (suhtelised ja absoluutsed aadressid) 12. CSSÜhised omadused border:1px solid #000000; /*piiri3Ühised omadused*/ laius; pikkus; /*Sea laius ja kõrgus*/ tekstijoondamine /*Sea sisu keskele vasakule ja paremale*/ joone kõrgus /*Korrektsiooni sisu on üles ja alla tsentreeritud*/ float /*Float(Horisontaalsete hüperlinkide loomiseks tuleb kasutada ujuvat)*/ marginaal /*Sea kasti väliskaugus*/ Polsterdus /*Määra kaugus kasti sees*/ positsioon /*Positsioneerimine, et olla hiljemvasak ülaosaKasuta koos*/ color:#000000; /*Sea tekstivärv*/ background-color:#000000; /*Sea taustavärv*/ font-size:14px; /*Määra fondi suurus*/ tekst-kaunistus /*Määra, kas hüperlink on allkriipsuga, tavaliselt kasutatakseallajooniminevõiÜkski*/ list-style-type:none; /*Stiili hüperlink (ilma punktideta)*/
| 
Postitatud 09.11.2014 10:42:19
|
|
|
Postitatud 10.11.2014 13:27:37
