|
HTML&CSSsamenvatting 1. htmlBasisformaat <html> <head> <title> </title> </head> <body> </body> </html> 2. htmlGrammaticaregels voor tags <Tagnaamattribuut1=Waarde van het onroerend goed1" attribuut2=Waarde van het onroerend goed2”>tag</Tagnaam> 3. Hyperlinktags <a href="waar te springen" ></a> Functie: Paginasprong. Vraag: Als je een afbeelding (picture1.jpg) hyperconnected wilt maken, hoe moet je die dan schrijven? <a href=""><img src="picture1.jpg" /></a> 4. Syntaxis van tabellen <table> <tr> <td> Kleine vormen </td> <td>Inhoud</td> </tr> </table> Opmerking: De inhoud van het formulier moet worden geschreven inTDbinnen 5. Veelvoorkomende attributen van tabellen a) Tabel:rand=Cijfers(Bezel) bordercolor=Randkleurbgcolor=AchtergrondkleurCellpacing=Aantal (afstand tussen cellen) cellpadding=number (afstand tussen inhoud en tabelrand)hoogte="Vaste nummers|Percentage%"Hoogtebreedte="Vaste nummers|Percentage%"Breedte b) Tr: bgcolor=Achtergrondkleurhoogte="Vaste nummers|Percentage%"Hoogtebreedte="Vaste nummers|Percentage%"BreedteBordercolor c) Td: bgcolor=Achtergrondkleurhoogte="Vaste nummers|Percentage%"Hoogtebreedte="Vaste nummers|Percentage%"Breedtecolspan=Nummers (Kolommen samenvoegen)Rijspan=Nummers (Rijen samenvoegen)Bordercolor Vraag: Hoe stel je de dikte en kleur van de rand in wanneer de afbeelding gecentreerd is? Randbreedte Randkleur 6. Vormen a) Functie: Verzend gegevens naar de server b) Syntaxis:<vorm ></form> c) Vormelementen 1. invoerTags i. Tekst<invoertype=tekst /> ii. Wachtwoorden<invoertype=wachtwoord /> iii. Eenkeuzekeuze<invoertype=radionaam="Naam zelfde" /> iv. Meervoudige keuzes<invoertype=vinkje /> v. knoppen<invoertype=knop /> Opslaan<invoertype=verzenden /> Reset<invoertype=reset> Attributen: Tekst:grootte=Tekstlengtemaxlength=Maximaal aantal tekens kan worden ingevoerd Selecteren:gecontroleerdStandaard geselecteerd Knoppen:waarde=De tekst die boven de knop wordt weergegeven 2Dropdown-labels: Syntaxis, Eigenschappen <selecteer meerdere(Meerdere selecties zijn mogelijk)grootte=Je kunt het aantal opties zien> <optie geselecteerd(Standaard geselecteerd)>Inhoud</option> </select> 7. CSSCascaderende stijlbladen Functie: Verrijk de inhoud en verminder het codevolume Schrijven: Plaats (3soorten) 1. Op rij:Voeg attributen direct toe aan tagsStijl="eigendom:Attribuutwaarde;…” 2. Embedding:ophoofdLabelschrijven:<stijltype="tekst/css"> Selector{Eigenschappen:Attribuutwaarde;…} </style> Punten3Basisselecties:htmlSelector,KlasseKlasseselector (.Klassenaam),legitimatiebewijsSelector (#idnaam) is de enige 3. Extern:Maak een aparte.cssbestand en voeg dan de referentiecode toe aan de pagina die je wilt gebruiken, ja2Soort schrijven Onthoud een: ophoofdVoeg tags toe binnen<link rel="stylesheet" type="text/css" href="stylesheet bestandsnaam.css”> Opmerking: Als er een conflict is in het stylesheet, prioriteer dan inline voordat je inline gebruikt en gebruik uiteindelijk outside Vraag: GebruikDIV+CSSIndeling enTabelVoor- en nadelen van indeling? 8. Pseudoklasse (selector) A:Link {kleur: #FF0000} /* onbezochte links */ a:bezocht {kleur: #00FF00} /*Links die zijn bezocht*/ a:hover {kleur: #FF00FF} /* Muisbeweging om te linken */ a:actief {kleur: #0000FF} /*Geselecteerde link*/ 9. DIV(Boxmodel) Functie: VervangTabelTabel Schrijven:<div>Content (kan genest worden.)Divisie）</div> Gebruik: Instellende breedte en hoogte, kunnen gecombineerd wordenPositieEigenschappen Veelvoorkomende eigenschappen: 1. grens: De dikte van de doos 2. marge: de afstand tussen de dozen 3. opvulling: de afstand tussen de inhoud van de doos en de doos. 4. Hoogte、Breedte: Hoogte, breedte 5. Achtergrond: Dooskleur, patroon 6. drijven: De zitplaats van de logeLinks、Rechts 10. InhalenDroomweverMaak een sjabloon Functie: Bereik dezelfde websitestijl, verminder de hoeveelheid code en verbeter de efficiëntie van websiteontwikkeling Hoe sjablonen maken en gebruiken 1. Create: file à new à regular à HTMLsjabloonà Create 2. Opslaan: Opslaan op je eigen website, let op: Het juiste pad is dat er onderaan de website een map met Templates verschijnt, waarin de templatebestanden worden opgeslagen (.dwt） 3. Schrijven: Net als het schrijven van gewone pagina's, zet en schrijf je dezelfde stijl van content op de website. Voor verschillende content moet je een bewerkbaar gebied aanmaken (muis over het bewerkingsgebied dat je wilt aanmaken à rechtsklik en selecteer Template à Nieuw bewerkbaar gebied) 4. Maak een pagina aan op basis van een sjabloon: Bestand à Nieuw à Sjabloon à Selecteer het sjabloon dat gebruikt moet worden 11. DroomweverGerelateerde kennispunten A. GeslaagdDroomweverMaak een website: Siteà Nieuwe site à advanced à lokale informatie Geef de locatie een naam en stel het pad naar de locatie in Opmerking: Het site path mag niet in het Chinees zijn BVertrouwdheidDroomweverWe moeten weten hoe we de basistags die we eerder geleerd hebben kunnen uitvoeren De focus ligt op typografie van de pagina via tabellen CInDroomweverMet behulp van een hyperlink (relatieve en absolute adressen) 12. CSSGemeenschappelijke kenmerken border:1px solid #000000; /*van de grens3Gemeenschappelijke kenmerken*/ Breedte; lengte; /*Stel de breedte en hoogte in*/ Text-align /*Stel de inhoud in op het midden links en rechts*/ Lijnhoogte /*De aanpassingsinhoud is gecentreerd op en neer*/ float /*Float(Floating moet worden gebruikt om horizontale hyperlinks te maken)*/ marge /*Stel de buitenste afstand van de doos in*/ opvulling /*Stel de afstand in de doos in*/ Positie /*Positionering, om later bij te zijnlinker bovenkantSamen gebruiken*/ color:#000000; /*Stel de tekstkleur in*/ background-color:#000000; /*Stel de achtergrondkleur in*/ font-size:14px; /*Stel de lettergrootte in*/ tekstdecoratie /*Stel in of de hyperlink wordt onderstreept, algemeen gebruiktOnderstreepofgeen*/ list-style-type:none; /*Stijl de hyperlink (geen puntjes)*/
| 
Geplaatst op 09-11-2014 10:42:19
|
|
|
Geplaatst op 10-11-2014 13:27:37
