|
HTML&CSSsammendrag 1. htmlGrunnleggende format <html> <head> <title> </title> </head> <body> </body> </html> 2. htmlGrammatikkregler for tagger <Tag-navnattributt1=Eiendomsverdi1" attributt2=Eiendomsverdi2”>tag</Tagnavn> 3. Hyperkoblingstagger <a href="hvor skal man hoppe" ></a> Funksjon: Sidehopp. Spørsmål: Hvis du vil lage et bilde (picture1.jpg) hyperkoblet, hvordan bør du skrive det? <a href=""><img src="picture1.jpg" /></a> 4. Syntaks for tabeller <table> <tr> <td> Små former </td> <td>Innhold</td> </tr> </table> Merk: Innholdet i skjemaet må skrives iTDInne 5. Vanlige attributter for tabeller a) Tabell:kant=Numre(Bezel) bordercolor=Kantfargebgcolor=Bakgrunnsfargecellpacing=Antall (avstand mellom celler) cellpadding=antall (avstand mellom innhold og tabellkant)høyde="Faste tall|Prosentandel%"Høydebredde="Faste tall|Prosentandel%"Bredde b) Tr: bgcolor=Bakgrunnsfargehøyde="Faste tall|Prosentandel%"Høydebredde="Faste tall|Prosentandel%"BreddeBordercolor c) Td: bgcolor=Bakgrunnsfargehøyde="Faste tall|Prosentandel%"Høydebredde="Faste tall|Prosentandel%"Breddecolspan=Tall (Sammenslåingskolonner)Rekkevidde=Tall (Slå sammen rader)Bordercolor Spørsmål: Hvordan setter man tykkelsen og fargen på kanten når bildet er sentrert? Kant-bredde Kant-farge 6. former a) Funksjon: Send data til serveren b) Syntaks:<form ></form> c) Formelementer 1. inngangStikkord i. Tekst<inputtype=tekst /> ii. Passord<inputtype=passord /> iii. Enkeltvalg<inngangstype=radionavn="Navn samme" /> iv. Flere valg<inputtype=avkrysningsboks /> v. knapper<inputtype=knapp /> Send inn<inputtype=send /> Tilbakestilling<inngangstype=tilbakestilling> Attributter: Tekst:størrelse=Tekstlengdemaxlengde=Maksimalt antall tegn kan skrives inn Velg:SjekketValgt som standard Knapper:verdi=Teksten som vises over knappen 2Nedtrekksetiketter: Syntaks, egenskaper <velg flere(Flere valg er mulig)størrelse=Du kan se antall alternativer> <valg valgt(Valgt som standard)>Innhold</option> </select> 7. CSSKaskaderende stilark Funksjon: Berik innholdet og reduser kodevolumet Skriving: Sted (3arter) 1. På rad:Legg til attributter direkte i taggerStil="eiendom:Attributtverdi;…” 2. Embeding:påHodeEtikettskriving:<stiltype="tekst/CSS"> Selector{Egenskaper:Attributtverdi;…} </style> Poeng3Grunnleggende velgere:htmlVelger,KlasseKlassevelger (.klassenavn),IdSelector (#idNavn) er den eneste 3. Ekstern:Lag en egen.cssfil, og så legge til referansekoden på siden du vil bruke, ja2Slags skriving Husk en: påHodeLegg til tagger inni<link rel="stylesheet" type="text/css" href="stylesheet filnavn.css”> Merk: Hvis det er en konflikt i stilarket, prioriter inline før du bruker inline og bruk til slutt outside Spørsmål: BrukDIV+CSSOppsett ogTabellFordeler og ulemper med layout? 8. Pseudoklasse (selector) a:lenke {farge: #FF0000} /* ubesøkte lenker */ A:besøkt {farge: #00FF00} /*Lenker som har blitt besøkt*/ a:Hover {farge: #FF00FF} /* Musebevegelse for å lenke */ a:aktiv {farge: #0000FF} /*Valgt lenke*/ 9. DIV(Boksmodell) Funksjon: SubstituttTabellTabell Manus:<div>Innhold (kan være nestet).Div）</div> Bruk: Sett bredde og høyde, kan kombineresPosisjonEgenskaper Felles egenskaper: 1. Grense: Boksens tykkelse 2. margin: avstanden mellom boksene 3. polstring: avstanden mellom innholdet i boksen og boksen. 4. høyde、Bredde: Høyde, bredde 5. Bakgrunn: Boksfarge, mønster 6. flyt: Setet i boksenVenstre、Høyre 10. PassDreamweaverLag en mal Funksjon: Oppnå samme nettsidestil, redusere mengden kode og forbedre effektiviteten i nettsideutviklingen Hvordan lage og bruke maler 1. Create: file à new à regular à HTMLmalà Create 2. Lagre: Lagre på din egen nettside, merk: Den riktige stien er at en mappe for maler vises nederst på nettsiden, som lagrer malfilene (.dwt） 3. Skriving: Akkurat som å skrive vanlige sider, sette og skrive samme type innhold på nettsiden. For annet innhold må du lage et redigerbart område (hold musepekeren over redigeringsområdet du vil opprette à høyreklikk og velg Mal à Nytt redigerbart område) 4. Lag en side basert på en mal: Fil à New à Template à Velg malen du skal bruke 11. DrømmeveverRelaterte kunnskapspunkter A. BeståttDreamweaverLag en nettside: Nettstedà New site à advanced à local information Navngi stedet og sett stien til stedet Merk: Nettstedets sti skal ikke være på kinesisk BKjennskapDreamweaverVi må vite hvordan vi skal skrive ut de grunnleggende taggene vi lærte tidligere Fokuset er på typografi av siden gjennom tabeller CIDreamweaverved å bruke en hyperkobling (relative og absolutte adresser) 12. CSSFelles egenskaper border:1px solid #000000; /*av grensen3Felles egenskaper*/ bredde; høyde; /*Sett bredde og høyde*/ tekst-justering /*Sett innholdet til midt venstre og høyre*/ Linjehøyde /*Justeringsinnholdet er sentrert opp og ned*/ flyt /*Flyt(Flyting må brukes for å lage horisontale hyperkoblinger)*/ marg /*Sett boksens ytteravstand*/ utfylling /*Sett avstanden inne i boksen*/ Posisjon /*Posisjonering, for å være med senereVenstre toppBruk sammen*/ color:#000000; /*Sett tekstfargen*/ background-color:#000000; /*Sett bakgrunnsfargen*/ font-size:14px; /*Sett skriftstørrelsen*/ Tekst-dekorasjon /*Angi om hyperkoblingen er understreket, vanligvis bruktUnderstrekelleringen*/ list-style-type:none; /*Stil hyperkoblingen (ingen prikker)*/
| 
Publisert på 09.11.2014 10:42:19
|
|
|
Publisert på 10.11.2014 13:27:37
