Hvordan lage et tema s bunntekst

Hvordan lage et tema s bunntekst


Et nettsted tema er koden som brukes for å skape ensartede sider for hele området og inneholder tre standard deler. Disse delene er overskriften, hovedinnholdet og bunntekst. Et tema er bunntekst inneholder informasjon som opphavsrett, den sidens siste oppdatering, en link til en sitemap og informasjon på nettstedet kontakt. En nettside forfatter kan skape temaet footer med intrikate bakgrunn eller la den arve det generelle temaet design.

Bruksanvisning

1 Finn ut hvilken fil vil inneholde bunntekstinformasjon for temaet. HTML og Active Server Pages (ASP) nettsteder holde denne informasjonen i samme fil som resten av nettstedets HTML informasjon. Men noen PHP-baserte nettsteder inneholde denne informasjonen i en egen bunntekst fil som heter "footer.php".

2 Åpne bunntekstfil i en tekst editor. Bruk Notepad for Windows eller TextEdit for en Mac.

3 Legg til følgende kode til linjen rett over den avsluttende </ body> i filen. Bunnteksten er det siste elementet på siden er lagt i en nettleser, så dette er standard plassering for bunnteksten.

<Div id = "footer">

&lt;p>&copy; My Example Site&lt;/p>

</ Div>

</ Body>

Den første linjen inneholder åpnings footer divisjon tag. Den andre linjen inneholder koden for en bunntekst avsnitt. Dette eksemplet laster på siden som en copyright symbol og "My Eksempel Site". Den tredje linjen lukkes bunnteksten divisjon.

4 Lagre tema filen og lukke den.

5 Åpne temaets stilark. Denne filen inneholder all informasjon stilen for temaet, inkludert bredden på nettsiden, skrifttyper og bakgrunnsbilder.

6 Legg til følgende kode i bunnen av stilark:

footer {

font-size: 8 piksler;

width: 100%;

height: auto;

margin: 10px 0px 10px 0px;

padding: 3px;

klar: begge;

}

Dette eksemplet koden forteller leseren hvordan å vise bunnteksten. De "#footer" signaler til leseren at denne delen av Cascading Style Sheet (CSS) stiler bunntekstområdet. Fonten er 8 piksler høy. Bredden av bunnområdet er nøyaktig den samme bredde av resten av siden. Høyden vokser automatisk når mer informasjon blir lagt til området. Ti piksler skille topp- og bunnmarg bunnteksten mens det ikke er noen marginer på høyre og venstre side. Tre piksler pad området mellom innholdet av området og marginene. Til slutt fjerner bunnteksten av noen flytende element på siden over eller på hver side av den.

7 Lagre CSS-filen og lukke.

Hint

  • Du kan bruke premium design programvare, for eksempel Adobe Dreamweaver eller Microsoft Expression Design, i stedet for de opprinnelige programmene som er oppført her.
  • Lagre filene etter hver redigering.
  • Test siden i ulike nettlesere for å verifisere riktige dimensjoner og sted for bunnteksten.
  • Ifølge MSDN-biblioteket, vil ASP sider skrevet med HTML degradere hvis det ikke er ASP funksjonalitet på siden.
  • Lukk alle tagger for å sikre riktig plassering av bunnteksten.