|
HTML&CSSsúhrn 1. htmlZákladný formát <html> <head> <title> </title> </head> <body> </body> </html> 2. htmlGramatické pravidlá pre tagy <Atribút názvu značky1=Hodnota nehnuteľnosti1" atribút2=Hodnota nehnuteľnosti2”>tag</Názov značky> 3. Značky hypertextových odkazov <a href="kam skočiť" ></a> Funkcia: Skok na stránku. Otázka: Ak chcete vytvoriť obraz (picture1.jpg) hyperprepojený, ako by ste ho mali napísať? <a href=""><img src="picture1.jpg" /></a> 4. Syntax tabuliek <table> <tr> <td> Malé formy </td> <td>Obsah</td> </tr> </table> Poznámka: Obsah formulára musí byť napísaný vTDVo vnútri 5. Bežné atribúty tabuliek a) Tabuľka:okraj=Čísla(Rámeček) bordercolor=Farba okrajabgcolor=Farba pozadiacellpacing=Číslo (vzdialenosť medzi bunkami) cellpadding=počet (vzdialenosť medzi obsahom a hranicou tabuľky)výška="Pevné čísla|percento%"Výškašírka="Pevné čísla|percento%"Šírka b) Tr: bgcolor=Farba pozadiavýška="Pevné čísla|percento%"Výškašírka="Pevné čísla|percento%"ŠírkaBordercolor c) Td: bgcolor=Farba pozadiavýška="Pevné čísla|percento%"Výškašírka="Pevné čísla|percento%"Šírkacolspan=Čísla (Merge Columns)rowspan=Čísla (Merge Rows)Bordercolor Otázka: Ako nastaviť hrúbku a farbu okraja, keď je obrázok v strede? Šírka okraja Farba okraja 6. Formy a) Funkcia: Odoslať dáta na server b) Syntax:<forma ></form> c) Prvky tvaru 1. vstupTagy i. Text<input type=text /> ii. Heslá<input type=password /> iii. Jediná voľba<typ vstupu=názov rádia="Meno rovnaké" /> iv. Výber z viacerých možností<typ vstupu=zaškrtávacie políčko /> v. gombíky<typ vstupu=tlačidlo /> Odoslať<input type=submit /> Reset<typ vstupu=reset> Atribúty: Text:veľkosť=Dĺžka textumaxdĺžka=Je možné zadať maximálny počet znakov Vyberať:SkontrolovanéPredvolene vybrané Gombíky:hodnota=Text zobrazený nad tlačidlom 2Rozbaľovacie štítky: Syntax, vlastnosti <vybrať viacero(Je možné viacero výberov)veľkosť=Môžete vidieť počet možností> <možnosť vybraná(Predvolene vybrané)>Obsah</option> </select> 7. CSSKaskádové štýlové listy Funkcia: Obohatiť obsah a znížiť objem kódu Písanie: Miesto (3druhy) 1. V riadku:Pridávajte atribúty priamo k značkámštýl="majetok:Hodnota atribútu;…” 2. Vkladanie:prihlavaPísanie na etikete:<typ štýlu="text/css"> Selektor{Vlastnosti:Hodnota atribútu;…} </style> Body3Základní selektori:htmlVýberca,TriedaVýber triedy (.názov triedy),IdSelektor (#idMeno) je jediná 3. Externé:Vytvor samostatný.cssa potom pridajte referenčný kód na stránku, ktorú chcete použiť, áno2Druh písania Pamätajte: prihlavaPridajte tagy vo vnútri<link rel="stylesheet" type="text/css" href="stylesheet filename.css”> Poznámka: Ak je v štýle konflikt, uprednostnite inline pred použitím inline a nakoniec použite outside Otázka: PoužitieDIV+CSSrozloženie aTabuľkaVýhody a nevýhody rozloženia? 8. Pseudotrieda (selektor) a:odkaz {farba: #FF0000} /* nenavštívené odkazy */ a:visited {color: #00FF00} /*Navštívené odkazy*/ a:hover {farba: #FF00FF} /* Pohyb myšou na odkaz */ a:active {color: #0000FF} /*Vybraný odkaz*/ 9. DIV(Box Model) Funkcia: SubstituovaťTabuľkaTabuľka Písanie:<div>Obsah (môže byť vnorený.)div）</div> Použitie: Nastavte šírku a výšku, dajú sa kombinovaťPozíciaAtribúty Bežné vlastnosti: 1. Hranica: Hrúbka krabice 2. Margin: vzdialenosť medzi krabicami 3. Polstrovanie: vzdialenosť medzi obsahom krabice a krabicou. 4. Výška、Šírka: Výška, šírka 5. Pozadie: Farba krabice, vzor 6. Float: Sedadlo lóžeVľavo、Doprava 10. PrejsťTkačka snovVytvorte šablónu Funkcia: Dosiahnuť rovnaký štýl webu, znížiť množstvo kódu a zlepšiť efektivitu vývoja webu Ako vytvárať a používať šablóny 1. Create: file à new à regular à HTMLšablónaà Create 2. Uložte: Uložte na vlastnú webovú stránku, poznámka: Správna cesta je, že na spodku webu sa zobrazí priečinok Šablóny, ktorý ukladá súbory šablón (.dwt） 3. Písanie: Rovnako ako písanie bežných stránok, sadzba a písanie obsahu v rovnakom štýle na webovej stránke. Pre rôzny obsah je potrebné vytvoriť upraviteľnú oblasť (prejdite myšou na editačnú oblasť, ktorú chcete vytvoriť à pravým kliknutím a vyberte Šablóna à Nová upraviteľná oblasť) 4. Vytvoriť stránku na základe šablóny: File à New à Template à Vyberte šablónu na použitie 11. Tkáč snovSúvisiace poznatky Odpoveď. ÚspešnýTkačka snovVytvorte webovú stránku: Stránkaà New site à advanced à local information Pomenujte miesto a nastavte trasu k nemu Poznámka: Cesta po lokalite by nemala byť v čínštine BZnámosťTkačka snovPotrebujeme vedieť, ako vyprodukovať základné tagy, ktoré sme sa naučili predtým Dôraz je kladený na typografiu stránky cez tabuľky CVTkačka snovpomocou hypertextového odkazu (relatívne a absolútne adresy) 12. CSSBežné atribúty border:1px solid #000000; /*hranice3Bežné atribúty*/ šírka; výšku; /*Nastavte šírku a výšku*/ text-align /*Nastavte obsah na stred vľavo a vpravo*/ Výška riadku /*Obsah nastavení je vycentrovaný hore a dole*/ float /*Plavák(Na vytváranie horizontálnych hypertextových odkazov je potrebné použiť plávajúce)*/ okraj /*Nastav vzdialenosť krabice na vonkajšiu vzdialenosť*/ Vypchávka /*Nastavte vzdialenosť vo vnútri krabice*/ pozícia /*Pozícia, aby som bol s nami neskôrľavý vrchPoužitie spolu*/ color:#000000; /*Nastavte farbu textu*/ background-color:#000000; /*Nastavte farbu pozadia*/ font-size:14px; /*Nastavte veľkosť písma*/ textová dekorácia /*Nastavte, či je hypertextový odkaz podčiarknutý, bežne používanýPodčiarknutiealebožiadne*/ list-style-type:none; /*Štýl hypertextového odkazu (bez bodiek)*/
| 
Zverejnené 9. 11. 2014 10:42:19
|
|
|
Zverejnené 10. 11. 2014 13:27:37
