Gå til innhold

Nybegynner hjelp med HTML

Lucas

Av Lucas
i Programmering og webutvikling

Anbefalte innlegg

Lucas

Lucas

Skrevet
Skrevet

Ja som topic sier, jeg er en nybegynner, som for ca. 1 time siden fant ut at jeg skal sette opp en "test side" som jeg skal utbedre etterhvert som jeg blir bedre innen på HTML, design osv. Planen er å få lært seg php og.

 

Grunnen er enkel, jeg går ut som lærling til sommern innen IKT-Driftsfag, og ha med seg godbiter som design, og kunne HTML, php osv. er ganske nyttig for å få seg en god lærlinge plass, slik at man kan komme ut fra lærlinge tiden med enda bredere kompentanse.

 

 

 

Så jeg snekret sammen noe kjedelig og grått som jeg skal jobbe med fremover.

 

Har kommet så langt at jeg har laget designet i photoshop og slicet det, men så kommer vi til kodingen :p:(

 

Hvis dere ser på bildet, så er ønske nr. 1 å kunne få satt inn tekst i "Nyheter" boksen. prøvde meg litt i dreamweaver, men hehe :p

 

Noen som har forslag til hvordan jeg kan gjøre det ? kan det gjøres med HTML ?

 

koden fra dreamweaver slik siden ser ut nå.

 

<html>
<head>
<title>testside v.1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (testside v.1.psd) -->
<table id="Table_01" width="1024" height="769" border="0" cellpadding="0" cellspacing="0">
<tr>
 <td rowspan="6">
 	<img src="images/testside-v.1.2_01.gif" width="178" height="768" alt=""></td>
 <td colspan="5">
 	<img src="images/testside-v.1.2_02.gif" width="708" height="115" alt=""></td>
 <td rowspan="6">
 	<img src="images/testside-v.1.2_03.gif" width="138" height="768" alt=""></td>
</tr>
<tr>
 <td rowspan="5">
 	<img src="images/testside-v.1.2_04.gif" width="83" height="653" alt=""></td>
 <td colspan="2">
 	<img src="images/testside-v.1.2_05.gif" width="148" height="61" alt=""></td>
 <td colspan="2" rowspan="2">
 	<img src="images/testside-v.1.2_06.gif" width="477" height="96" alt=""></td>
</tr>
<tr>
 <td colspan="2">
 	<img src="images/testside-v.1.2_07.gif" width="148" height="35" alt=""></td>
</tr>
<tr>
 <td rowspan="3">
 	<img src="images/testside-v.1.2_08.gif" width="21" height="557" alt=""></td>
 <td colspan="2">
 	<img src="images/testside-v.1.2_09.gif" width="461" height="517" alt=""></td>
 <td rowspan="3">
 	<img src="images/testside-v.1.2_10.gif" width="143" height="557" alt=""></td>
</tr>
<tr>
 <td colspan="2">
 	<img src="images/testside-v.1.2_11.gif" width="461" height="12" alt=""></td>
</tr>
<tr>
 <td colspan="2">
 	<img src="images/testside-v.1.2_12.gif" width="461" height="28" alt=""></td>
</tr>
<tr>
 <td>
 	<img src="images/spacer.gif" width="178" height="1" alt=""></td>
 <td>
 	<img src="images/spacer.gif" width="83" height="1" alt=""></td>
 <td>
 	<img src="images/spacer.gif" width="21" height="1" alt=""></td>
 <td>
 	<img src="images/spacer.gif" width="127" height="1" alt=""></td>
 <td>
 	<img src="images/spacer.gif" width="334" height="1" alt=""></td>
 <td>
 	<img src="images/spacer.gif" width="143" height="1" alt=""></td>
 <td>
 	<img src="images/spacer.gif" width="138" height="1" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

 

 

Takker på forhånd

post-49288-1170630145_thumb.jpg

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Ståle

Ståle

Skrevet
Skrevet

Du må lære deg litt mer om CSS før du kan begynne å lage så avanserte design ville jeg sagt.

 

Grunnen til det er at når du har slicet det, blir den en table.. (og det er no-no)

Det du bør bruker er <div>-er ;)

www.htmldog.com

 

Det du kan gjøre, er å prøve deg frem å sette inn noe tekst i en av table cellene. Men de vil forskyve resten av designet da.. så..

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...