Gå til innhold

Prøve meg på Web-design

spamex

Av spamex
i Programmering og webutvikling

Anbefalte innlegg

Videoannonse

Videoannonse
Annonse
spamex

spamex

Skrevet
  • Forfatter
Skrevet (endret)

Ok :) Får gjøre det da.

 

Takk for hjelpen i dag :) Håper noen kommer til å hjelpe meg senere også.

 

<html>

<body style="background-color:grey;">

<h1 style="font-family:verdana;color:white;font-size:70px;"> Velkommen!</h1>

<p> Dette er en test side</p>

<a href="http://www.google.com/" target="_blank">Google</a>

<a href="http://www.facebook.no/" target="_blank">Facebook</a>

<a href="https://www.diskusjon.no/" target="_blank">Diskusjon</a>

<h2 style="font-family:verdana;color:white;font-size:50px;"> Er det ikke fint?</h1>

<img src="bil.jpg" alt="" />

 

<hr />

 

<form>

First name: <input type="text" name="firstname" /><br />

Last name: <input type="text" name="lastname" />

</form>

 

<hr />

 

<form>

Password: <input type="password" name"pwd" />

</form>

 

<hr />

 

<form>

<input type="radio" name="sex" value="male" /> Male<br />

<input type="radio" name="sex" value="female" /> Female<br />

</form>

 

<hr />

 

<form name="input" action="html_form_action.asp" method="get">

Username: <input type="text" name="user" />

<input type="submit" value="Submit" />

</form>

 

<hr />

 

<select>

<option>Volvo</option>

<option>Saab</option>

<option>Mercedes</option>

<option>Audi</option>

</select>

 

<hr />

 

<frameset cols="25%, 75%">

<frame src"frame-a.htm" />

<frame src"frame-.b.htm" />

</frameset>

 

<hr />

 

</body>

</html>

 

Skrev det inn på notepad. Fant ut litt sent hvordan jeg lagra det i jsbin :)

Endret av VenaTio
Lenke til kommentar
Blåbær

Blåbær

Skrevet
Skrevet

Jeg tror jeg har øvd/lest nok i dag, slitsomt dette her!

 

1 siste spørsmål for dagen: Når jeg trykker på en link på startsiden så kommer jeg til "siden kan ikke vises", hvordan kan jeg lage en side som vises der?

Ikke tenk på det foreløpig, da er du nødt til å gjøre fra webserver og det er litt for avansert for deg.

 

<img src="bil.jpg" alt="" />

Vises ikke da det ikke finnes noe bil.jpg, med alt så kan man skrive inn alternativ tekst som f.eks, "her er ett bilde av en bil."

Lenke til kommentar
spamex

spamex

Skrevet
  • Forfatter
Skrevet

Jeg tror jeg har øvd/lest nok i dag, slitsomt dette her!

 

1 siste spørsmål for dagen: Når jeg trykker på en link på startsiden så kommer jeg til "siden kan ikke vises", hvordan kan jeg lage en side som vises der?

Ikke tenk på det foreløpig, da er du nødt til å gjøre fra webserver og det er litt for avansert for deg.

 

<img src="bil.jpg" alt="" />

Vises ikke da det ikke finnes noe bil.jpg, med alt så kan man skrive inn alternativ tekst som f.eks, "her er ett bilde av en bil."

 

Jeg har ett bilde av en bil i samme mappe som jeg har index.htm, var det ikke der jeg skulle ha den?

Lenke til kommentar
spamex

spamex

Skrevet
  • Forfatter
Skrevet (endret)

Det er 1 ting som jeg tenkte på nå, hvordan kan jeg gjøre slik at alt er på midten?

 

Jeg har lest om dette: style="text-align:center;">, men må jeg ta det på alle?

 

Nå har jeg lest igjennom w3schools sitt basic, burde jeg gå over til advanced eller se på en anna side?

Endret av VenaTio
Lenke til kommentar
Beritaron

Beritaron

Skrevet
Skrevet (endret)

Bestem bredden på siden, deretter sett margin-left og margin-right til auto. Dette er CSS, vet ikke om du ønsker å bruke litt mer tid på HTML først?

 

Eksempel:

 

#container {

width: 750px;

margin-left: auto;

margin-right: auto;

}

 

Det er flere måter å gjøre det på også. En annen ting som kan få det hele til å virke noe mer innviklet er at elementene må floate, og du må legge til noen ekstra stilregler (eller en ekstra div) om du vil ha bagrunnsbile i diven som skal være midtstilt.

 

Denne siden forklarer problemet (med at alt faller utenfor det midtstilte elementet), men tror ikke det er noe poeng i å bli forvirret av ting som burde fungert nokså enkelt, men ikke er det etter en dag (om du forstår alt du har lest i dag lærer du fort, og det er greit å la noen ting synke litt før du fortsetter :p ). Ekstra gøy er det om du skal ha bakgrunnsfarge eller bakgrunnsbilde i flere kolonner som skal strekke seg like langt som det lengste, gled deg :)

 

Et par andre sider som også er veldig gode er Sitepoint og HTMLdog.

 

Det kan ofte være enklere å lese og se eksempler fra en bok. Kan sikkert komme med noen tips om det er aktuelt.

Endret av tamarin
Lenke til kommentar
spamex

spamex

Skrevet
  • Forfatter
Skrevet

Er det noen som kan si meg hvorfor ikke dette funker?

 

<html>
<body>
<table width="500" border="0">
<tr>
<td colspan="2" style="background-color:#FFA600;">
<h1>Main Title of Web Page</h1>
</td>
</tr>
<tr valign="top">
<td style="background-color:#FF0000;width:70px;text-align:top;">
<b>Menu</b><br  />
<a href="http://www.google.no/"> Google</a><br  />
<a href="http://www.facebook.no/"> Facebook</a><br  />
<a href="https://www.diskusjon.no/"> Diskusjon</a><br  />
</td>
<td style="background-color=#EEEEEE;height:250px:width:400px;text-align:top;">
</tr>
<address>
Made by WilliamMJ<br  />
Adress:<br  />
Phone:
</address>
</body>
</html>

 

Når jeg åpner den i Google Chrome så ser jeg bare det jeg har skrivi.

Lenke til kommentar
Kakeshoma

Kakeshoma

Skrevet
Skrevet (endret)

i Expression Web har du tre visninger, som du kan bytte mellom nederst.

Design, Split og Code. I design ser du hva koden gjør (kan brukes som WYSIWYG-editor [ikke anbefalt]).

Bruk code-visningen.

 

Du har forresten ikke lukket table-tagen...

Endret av Kakeshoma
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...