|
HTML&CSSshrnutí 1. htmlZákladní formát <html> <head> <title> </title> </head> <body> </body> </html> 2. htmlGramatická pravidla pro štítky <Atribut názvu značky1=Hodnota nemovitosti1" atribut2=Hodnota nemovitosti2”>tag</Název značky> 3. Značky hypertextových odkazů <a href="kam skočit" ></a> Funkce: Skákání stránky. Otázka: Pokud chcete vytvořit obraz (picture1.jpg) hyperpropojený, jak byste ho měli napsat? <a href=""><img src="picture1.jpg" /></a> 4. Syntaxe tabulek <table> <tr> <td> Malé formy </td> <td>Obsah</td> </tr> </table> Poznámka: Obsah formuláře musí být napsán vTDUvnitř 5. Běžné atributy tabulek a) Tabulka:okraj=Čísla(Rámeček) bordercolor=Barva okrajebgcolor=Barva pozadícellpacing=Číslo (vzdálenost mezi buňkami) cellpadding=počet (vzdálenost mezi obsahem a okrajem tabulky)výška="Pevná čísla|procento%"Výškašířka="Pevná čísla|procento%"Šířka b) Tr: bgcolor=Barva pozadívýška="Pevná čísla|procento%"Výškašířka="Pevná čísla|procento%"ŠířkaBordercolor c) Td: bgcolor=Barva pozadívýška="Pevná čísla|procento%"Výškašířka="Pevná čísla|procento%"Šířkacolspan=Čísla (Merge Columns)rowspan=Čísla (Merge Rows)Bordercolor Otázka: Jak nastavit tloušťku a barvu okraje, když je obrázek vystředěný? Šířka okraje Barva rámečku 6. Formy a) Funkce: Odesílat data na server b) Syntaxe:<forma ></form> c) Prvky tvaru 1. vstupŠtítky i. Text<input type=text /> ii. Hesla<input type=password /> iii. Jediná volba<typ vstupu=název rádia="Jméno stejné" /> iv. Výběr z více možností<input type=zaškrtávací políčko /> V. Buttons<typ vstupu=tlačítko /> Odeslat<input type=submit /> Reset<typ vstupu=reset> Atributy: Text:velikost=Délka textumaxlength=Lze zadat maximální počet znaků Vybrat:ZkontrolovánoVýběr výchozím způsobem Tlačítka:hodnota=Text zobrazený nad tlačítkem 2Rozbalovací štítky: Syntax, vlastnosti <Vybrat více(Je možné více výběrů)velikost=Můžete vidět počet možností> <volba vybrána(Výchozí nastavení)>Obsah</option> </select> 7. CSSKaskádové stylové listy Funkce: Obohatit obsah a snížit objem kódu Psaní: Place (3druhy) 1. V řádku:Přidávat atributy přímo do značekstyl="majetek:Hodnota atributu;…” 2. Vložení:uhlavaPsaní na labelu:<typ stylu="text/CSS"> Výběrčí{Vlastnosti:Hodnota atributu;…} </style> Body3Základní výběrové řízení:htmlLektore,TřídaVýběr třídy (.název třídy),idSelektor (#idJméno) je jediný 3. Externí:Vytvořte samostatný.cssa pak přidat referenční kód na stránku, kterou chcete použít, ano2Druh psaní Pamatujte: uhlavaPřidejte štítky uvnitř<link rel="stylesheet" type="text/css" href="stylesheet filename.css”> Poznámka: Pokud je ve stylu konflikt, upřednostněte inline před použitím inline a nakonec použijte outside Otázka: PoužitíDIV+CSSRozvržení aTabulkaVýhody a nevýhody rozložení? 8. Pseudotřída (selektor) a:odkaz {barva: #FF0000} /* nenavštěvované odkazy */ a:visited {color: #00FF00} /*Navštívené odkazy*/ a:hover {barva: #FF00FF} /* Přesunout myší na odkaz */ a:active {barva: #0000FF} /*Vybraný odkaz*/ 9. DIV(Box Model) Funkce: NahrazeníTabulkaTabulka Psaní:<div>Obsah (může být vnořený.)div）</div> Použití: Nastavte šířku a výšku, lze kombinovatPoziceAtributy Běžné vlastnosti: 1. Hranice: Tloušťka krabice 2. Margin: vzdálenost mezi krabicemi 3. Polstrování: vzdálenost mezi obsahem krabice a krabicí. 4. Výška、Šířka: Výška, šířka 5. Pozadí: Barva krabice, vzor 6. Float: Sedadlo lóžeVlevo、Vpravo 10. ProjítTkalec snůVytvořte šablonu Funkce: Dosáhnout stejného stylu webu, snížit množství kódu a zvýšit efektivitu vývoje webu Jak vytvářet a používat šablony 1. Create: file à new à regular à HTMLšablonaà Create 2. Uložit: Uložit na vlastní web, poznámka: Správná cesta je, že na spodku webu se zobrazí složka Šablony, která ukládá soubory šablon (.dwt） 3. Psaní: Stejně jako psaní běžných stránek, skládání a psaní stejného stylu obsahu na webu. Pro jiný obsah je potřeba vytvořit editovatelnou oblast (najeďte myší na editační oblast, kterou chcete vytvořit, kliknutím pravým tlačítkem a vyberte Šablona à Nová editovatelná oblast). 4. Vytvořte stránku na základě šablony: File à New à Template à Vyberte šablonu pro použití 11. Tkalec snůSouvisející znalostní body Odpověď. ProšloTkalec snůVytvořte webové stránky: Stránkyà New site à advanced à local information Pojmenujte místo a nastavte cestu k němu Poznámka: Trasa po stránce by neměla být v čínštině BZnámostTkalec snůPotřebujeme vědět, jak vyexportovat základní tagy, které jsme se naučili dříve Důraz je kladen na typografii stránky prostřednictvím tabulek CVTkalec snůpomocí hypertextového odkazu (relativní a absolutní adresy) 12. CSSBěžné atributy border:1px solid #000000; /*hranice3Běžné atributy*/ šířka; výška; /*Nastavte šířku a výšku*/ text-align /*Nastavte obsah na levý a pravý střed*/ Výška řádku /*Obsah nastavení je vycentrován nahoru a dolů*/ float /*Plovák(Plovoucí je nutné použít pro tvorbu horizontálních hypertextových odkazů)*/ Okraj /*Nastavte vnější vzdálenost krabice*/ polstrování /*Nastavte vzdálenost uvnitř krabice*/ Pozice /*Pozice, aby se s nimi později objevillevý horní svrchPoužití společně*/ color:#000000; /*Nastavte barvu textu*/ background-color:#000000; /*Nastavte barvu pozadí*/ font-size:14px; /*Nastavte velikost písma*/ textová dekorace /*Nastavte si, zda je odkaz podtržený, běžně používanýPodčárkovánínebožádný*/ list-style-type:none; /*Stylujte hypertextový odkaz (bez teček)*/
| 
Zveřejněno 09.11.2014 10:42:19
|
|
|
Zveřejněno 10.11.2014 13:27:37
