Brugernavn:

Password

Husk oplysninger

Opret ny bruger
Glemt dit login?


Den store side del 3 - banneret

24/5-2001

I denne artikelserie gennemgås alt hvad der skal til for at lave en rigtig professionelt udseende hjemmeside. I denne artikel laver vi  den øverste del af vores side; banneret.


1. Åbn din "index.htm" side. Vi skal ikke bruge den lige nu, men det er altid rart at have den liggende. Klik en gang på . FrontPage opretter nu en ny blank side.

2. Klik en gang midt på siden. Kør din mus hen på Tabel ikonet i menu linien. Klik og hold din mus nede mens du kører ned af til det ser sådan ud:

Nu laver FrontPage en tabel men en række og en kolonne.

3. Højre klik i tabellen og vælg Egenskaber for tabel.
Der kommer nu en ny dialog boks som skal stilles som denne:

Klik så på OK

4. Gå op i menuen og klik på Vis, Værktøjslinier Vælg så Tabeller

Denne værktøjslinie er dukket frem:

5. Klik i din tabel og klik på pilen ved siden af . Vælg så Flere farver.

6. En dialogboks kommer frem. Klik på Brugerdefineret.

7. En ny dialogboks kommer frem. Stil den nederste del så den ser sådan ud:

Teori:
Du behøver kun at taste tallene i den ene del ind. Enten taster du tallene i Nuance, mætning og luminans. Ellers taster du tallene Rød, grøn og blå.

8. Klik på ok. Dialog boksen lukker, og en ny åbner. Du skal trykke på ok igen.

9. Klik i tabellen og klik så på .

10. Klik i tabellen og skriv så navnet på hjemmesiden.

11. Marker teksten og stil så værktøjslinien så den ser sådan ud:

Tip:
Du kan bruge lige den skriftstørrelse og skrifttype du har lyst til. Du kan også tegne et banner i f.eks. Paint Shop Pro, Photoshop eller Paint. Husk at størrelsen skal være 60 pixels høj og 500 pixels bred.

12. Lad teksten forblive markeret og klik på pilen ved siden af . Vælg flere farver og tryk så på den farve du synes passer bedst. Jeg valgte en blå farve.

13. Klik nu i tabellen. Klik på . Klik i venstre side af tabellen og hold nede. Træk så musen over på den anden side.
Nu ser tabellen sådan ud:

14. Du klikker igen på i værktøjslinien. Denne gang trækker du en linie fra bunden af den nederste celle til toppen af den nederste celle. Dette gentages til du har lavet fem kolonner. Det ser nogenlunde sådan ud:

15. Marker de fem nederste celler, ved at klikke i den mest til venstre, holde ned og hive over i den mest til højre. Højre klik på det markerede og vælg Egenskaber for celler. Stil dialogboksen som denne:

Klik så ok.

16. Klik i en af cellerne og giv den en farve ved at klikke på pilen ved siden af . Klik på Flere farver og giv cellen en farve. Gentag dette for de andre celler. Giv cellerne forskellige farver.

17. Klik på HTML tabben og marker alt mellem <div align="center"> og </div> inklusiv <div align="center"> og </div>.
Tryk CTRL og C.
Klik på Vindue i menuen, og bagefter på "index.htm".

18. Du trykker igen på HTML tabben og sætter koden ind mellem:

<table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0">
<tr>
<td width=
"100%">Her sætter du koden ind</td>
</tr>
</table>

Mit resultat er:

<html>
<head>

...

<title>
Den store side</title>
</head>
<body>
<table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0">
<tr>
<td width=
"100%"><div align="center">
<center>
<table border=
"0" width="500" height="60" cellspacing="1" bordercolor="#000000" bgcolor="#000000">
<tr>
<td width=
"492" bgcolor="#415A7A" colspan="5">
<p align=
"center"><font size="6" face="Tahoma" color="#738BAB">Den store side</font></td>
</tr>
<tr>
<td width=
"100" bgcolor="#A6BEDE">
<p align=
"center">&nbsp;</td>
<td width=
"100" bgcolor="#92AACA">&nbsp;</td>
<td width=
"100" bgcolor="#7E96B6">&nbsp;</td>
<td width=
"100" bgcolor="#6A82A2">&nbsp;</td>
<td width=
"100" bgcolor="#566E8E">&nbsp;</td>
</tr>
</table>
</center>
</div>
</td>
</tr>
</table>
</body>
</html>

19. Nu gemmer vi siden ved at trykke CTRL og S. Bagefter trykker vi på .


Nu er vi næsten færdige med banner delen. I den næste artikel vil vi lave bannerdelen færdig.


Relaterede artikler:
Fjerne uønskede elementer i billedet med Photoshop
Exif Info
Actions med Photoshop 7
Tweak Windows XP



Du skal være logget ind for at kunne poste et nyt indlæg Kategori: Kommentar til artikler
Emne:





     

Copyright © 2000-2016 Bip Foto
Ansvarshavende: Peter Blom Rørvig Skjelbo
Artikel - Den store side del 3 - banneret - kamerasiden.dk