Hvordan lage en knapp i Frontpage 2003 med HTML-kode

Microsoft Frontpage 2003 gjør at folk med liten eller ingen webdesign kunnskap til å opprette, publisere og administrere nettsteder. Det gir enkle måter å sette inn tekst og hyper linker, legge til bilder og endre dokument fonter og farger. Programmet tilbyr også Interaktiv Button funksjonalitet, slik at brukerne kan automatisk generere navigasjonselementer uten bruk av et bilderedigeringsprogram. Men interaktive knapper krever seks bilder per knapp stil, en ubrukelig begrensning for designere som ønsker en ren HTML-løsning. Heldigvis, lage HTML-bare knappene i Frontpage er en relativt enkel oppgave.

Bruksanvisning

1 Åpne siden du vil redigere. Med Frontpage 2003 er åpen, velger du \ "Fil \" fra menyen øverst på skjermen, og klikk deretter \ "Open. \" Finn siden du vil redigere. Åpne den ved å dobbeltklikke på ikonet.

2 Oppdaterer koblingen du vil gjøre om til en knapp. Skann siden din, finne linken du vil gjøre om til en knapp, og deretter merke den. Klikk på knappen nederst på skjermen merket \ "Code. \" Denne handlingen bringer opp Frontpage Code View-modus, som viser deg HTML-koden på siden din. Din link vil vises uthevet og ligne på følgende: href=\"contact.html\"> Kontakt oss </a> <a

Oppdaterer koblingen slik at åpningen tag ser ut som dette: <a href=\"contact.html\" class=\"button\"> Kontakt oss betaler. Den ekstra klasse eiendom kan du endre utseendet på denne linken.

3 Lag en stil regel for knappen. Rull til toppen av siden i kodevisning og finn tag merket </ head>. Legg en tom linje umiddelbart over denne koden. Kopier koden under og lim det på denne tom linje:

<Style type = \ "text / css \">
<! -
a.button {
background-color: grå
GÅ
Farge: hvit
GÅ
padding: 10px
GÅ
text-decoration: none
GÅ
}

a.button: hover {
background-color: orange
GÅ
Farge: svart
GÅ
padding: 10px
GÅ
text-decoration: none
GÅ
}
->
</ Style>

Denne koden setter stiler forbundet med knapp. Det krever en knapp med 10 piksler i polstring på alle sider som er grå når siden lastes, men blir oransje når brukeren beveger musen over den. Redigere disse parameterne for å opprette en knapp med padding og bakgrunnsfarger for ditt valg.

4 Lagre siden din og vise knappen i nettleseren din. Velg \ "Fil \" fra menyen øverst på skjermen, og velg deretter \ "Lagre. \" Start nettleseren din og åpne siden du nettopp redigerte i Frontpage. Koblingen har nå utseendet på en knapp, men dens utseende styres utelukkende gjennom HTML; ingen bilder er påkrevd.