Portfolio og XHTML, CSS

[Requi]

Jeg har nå laget meg en veldig stilig portfolio i Photoshop (eksempel), og skal nå lage linker etc på den (gjøre den til en hjemmeside).

Men hvordan gjør jeg det? Slik at jeg kan trykke på "Home", "About Me", "News" osv, samt skrive ting på de blanke områdene dedikert til tekst osv?

 

Jeg har Dreamweaver via jobben (såvidt prøvd ut), men har brukt Notepad for det meste når jeg lager slike enkle HTML sider. Spørsmålet er da hvordan jeg kan lage til den portofolioen til en hjemmeside, skrive ting på de dedikerte områdene, og ikke bare være en background (slik den er nå, siden det ikke går ann å klikke på noe som helst).

Endret 21. mai 2009 av Requi

[Nidaroo]

Benytt div id, id="home" også benytter du plassering av der hvor du ønsker id'n. Hvis du skjønner.

 

Link

[Stian Jacobsen]

Det du i bunn å grunn spør om, er om noen kan gi deg en kode..

Jeg føler meg litt snill i dag, så jeg skal gi den en basis-html markup.

Nå får du bare sette deg ned å lære litt html og CSS. Kanskje jQuery også...

http://www.w3schools.com/

http://www.sitepoint.com/article/html-css-beginners-guide/

http://www.webdesignfromscratch.com/

 

<div id="body">

 <div id="left_col">
<ul>
  <li><a href="#">Link 1</a></li>
  <li><a href="#">Link 2</a></li>
  <li><a href="#">Link 3</a></li>
  <li><a href="#">Link 4</a></li>
</ul>
 </div>  <!-- END: #left_col -->

 <div id="right_col">
<dl>
  <dt><img src="bilde.jpg" alt="foo" title="bar" /></dt>
  <dd>Foo bar description</dd>
  <dt><img src="bilde2.jpg" alt="foo" title="bar" /></dt>
  <dd>Foo bar description 2</dd>
  <dt><img src="bilde3.jpg" alt="foo" title="bar" /></dt>
  <dd>Foo bar description 3</dd>
 </dl> 
 <div id="footnote">
   <p>Something about theese images are strange, what is it?</p>
 </div>

 </div>  <!-- END: #right_col -->

</div> <!-- END: #body -->