Gå til innhold

Lagd server - noen spørsmål

chri-ot

Anbefalte innlegg

Videoannonse

Videoannonse
Annonse
chri-ot

chri-ot

Skrevet
  • Forfatter
Skrevet

Takk for linken begge to! ;)

Hadde 64 feil, fikk de ned i 35. Disse 35 er ikke feil (så vidt jeg kan se), derfor lar jeg de være. Uansett lærte jeg veldig mye nå, så at jeg hadde gjort de samme feilene nedover hele dokumentet.

Lenke til kommentar
MikkelRev

MikkelRev

Skrevet
Skrevet (endret)

Er jo gratis å låne bøker, så hvorfor ikke. I motsetning til Occi ville jeg ikke anbefalt deg XHTML, men HTML5 som er siste og mest moderne standard. Det heter forresten ikke 35 feil som ikke er feil, men 35 feil som jeg ikke gidder gjøre noe med, eller 35 feil som jeg ikke klarer å fikse.

Endret av MikkelRev
Lenke til kommentar
l3dx

l3dx

Skrevet
Skrevet

Om man finner seg en HTML5-tutorial vil man (i korte trekk) bare finne eksempler som viser en hvordan man bruker de nye audio- og video-taggene, css3 og diverse javascript (transformasjoner og annet canvas-snadder, websockets etc.).

 

Dette er lite nyttig om man ikke fra før av har en god forståelse for hvordan man skal strukturere HTML, og da helst i form av XHMTL, og hva som er forskjellen på alle elementene og attributene.

Lenke til kommentar
MikkelRev

MikkelRev

Skrevet
Skrevet

Hvorfor da XHTML? Hvis argumentet om å ikke starte HTML5 fra begynnelsen er at HTML5-guider tar for seg ting man ikke trenger til å begynne med, hvorfor da ikke HTML4.01? Det er en lettere overgang fra HTML4.01 enn fra XHTML til HTML5. Først og fremst slipper man å ta search&replace på " /" til "".

Lenke til kommentar
Occi

Occi

Skrevet
Skrevet (endret)

Er jo gratis å låne bøker, så hvorfor ikke. I motsetning til Occi ville jeg ikke anbefalt deg XHTML, men HTML5 som er siste og mest moderne standard. Det heter forresten ikke 35 feil som ikke er feil, men 35 feil som jeg ikke gidder gjøre noe med, eller 35 feil som jeg ikke klarer å fikse.

 

Var ikke jeg som anbefalte XHTML! Jeg koder selv HTML5. Var dette vi lærte på skolen.

Endret av Occi
  • Liker 1
Lenke til kommentar
l3dx

l3dx

Skrevet
Skrevet

Hvorfor da XHTML? Hvis argumentet om å ikke starte HTML5 fra begynnelsen er at HTML5-guider tar for seg ting man ikke trenger til å begynne med, hvorfor da ikke HTML4.01? Det er en lettere overgang fra HTML4.01 enn fra XHTML til HTML5. Først og fremst slipper man å ta search&replace på " /" til "".

 

Jeg var ganske tydelig på at XHTML ikke var et must fra begynnelsen av, men at det er greit å ha det i bakhodet. Den største forskjellen på HTML og XHTML er jo at XHTML krever at du lukker alle tags. Dette er ikke fryktelig vanskelig å tenke på samtidig som man lærer HTML. Og for all del. Jeg syntes jo og at HTML5 er spennende, og bør absolutt sjekkes ut når man føler seg klar for det!

Lenke til kommentar
Occi

Occi

Skrevet
Skrevet

Om du klarer å skrive ryddig HTML5-kode, og er nøye med at alle tags er riktig formatert, så syns jeg ikke det er noe spesielt viktig å gå over til XHTML. Derimot om du sliter med å huske dette, så kan det være en idé for å tvinge deg selv til å skrive god kode :-)

 

Nå veit jeg ikke om trådstarter allerede bruker dette, men kan anbefale en IDE om du skal begynne å skrive endel kode (særlig da server-side-scripting som PHP), som f. eks Netbeans som er veldig vanlig. Disse IDEene hjelper deg med å huske riktig bruk av tags.

  • Liker 1
Lenke til kommentar
chri-ot

chri-ot

Skrevet
  • Forfatter
Skrevet

Jeg tenker jeg vil prøve å gå rett til HTML5 dersom jeg finner noen bra guider/bøker.

 

IDE, etter det jeg fant ut fra google søk var det en/et slags API/program for web utvikling levert av IBM?

Jeg bruker Komodo Edit for å skrive i nå, men tenker å prøve å skaffe dreamwiever, dersom IDE er et program er det bedre en Komodo og Dreamwiever?

 

 

-------

Hvordan kan jeg midtstille hele nettstedet? :)

Lenke til kommentar
l3dx

l3dx

Skrevet
Skrevet (endret)

Jeg tenker jeg vil prøve å gå rett til HTML5 dersom jeg finner noen bra guider/bøker.

 

IDE, etter det jeg fant ut fra google søk var det en/et slags API/program for web utvikling levert av IBM?

Jeg bruker Komodo Edit for å skrive i nå, men tenker å prøve å skaffe dreamwiever, dersom IDE er et program er det bedre en Komodo og Dreamwiever?

 

 

-------

Hvordan kan jeg midtstille hele nettstedet? :)

 

 

IDE = Integrated Development Environment, altså en fellesbetegnelse på smarte utviklingsverktøy (mer enn en teksteditor).

 

Midtstille: wrap alt i en <div style="margin: 20px auto"></div> f.eks. (om jeg husker riktig da ;) )

 

Jeg gjør en liten retrett på xhtml-argumentasjonen min. Jeg har bare fiklet med canvas-delen når det kommer til HTML5, så når jeg nå har lest litt om det så ombestemmer jeg meg :blush:

Endret av l3dx
Lenke til kommentar
chri-ot

chri-ot

Skrevet
  • Forfatter
Skrevet (endret)

Nå har jeg snart prøvd i en time å midstille, men jeg får ikke til! Har brukt diverse guider på nettet og l3dx sin kode, men ingen ting fungerer.

Klarer noen å se om det er noe med koden min som ødelegger? evnt vise meg hvor jeg skal putte ting og tang for å få den midstilt.

 

<html>

<head>

<title>Toppsider</title>

<p style="color:red;text-align:center;font-size:50px"> Nettside med CSS

</p>

</head>

<style> type="text/css>

 

 

A:link{

color:black;

text-decoration:none;

}

 

A:visited{

color:brown

}

</style>

<body bgcolor="#DFDFDF" >

 

 

 

<div style="border:1px solid black;position:absolute;top:250px;left:50;

width:200px;

height:px;background:white">

 

<ul> <a "style=font-size:20px"><p><b>Siste nyheter</b><p/>

<li><a "style=font-size:15px" href="http://www.nrk.no/">NRK</a>

<li><a "style=font-size:15px" href="http://www.db.no/">Dagbladet</a>

<li><a "style=font-size:15px" href="http://www.vg.no/">VG</a>

</ul>

</b>

<ul>

<p "style=font-size:20px"><b>Teknologi</b><p/>

 

<li><a "style=font-size:15px href="http://www.engadget.com">Engadget</a>

<li><a "style=font-size:15px href="http://www.gizmodo.com">Gizmodo</a>

<li><a "style=font-size:15px href="http://www.itavisen.no">iTavisen</a>

<li><a "style=font-size:15px href="http://www.digi.no">Digi</a>

<li><a "style=font-size:15px href="http://www.tek.no">Tek nettverket</a>

</ul>

</b>

<ul><p "style=font-size:20px"><b>Sport</b></p>

 

<li><a "style=font-size:15px href="http://www.eurosport.no">Eurosport</a>

</ul>

</b>

 

<ul><p "style=font-size:20px"><b>Fritid</b></p>

<li><a style=font-size:15px href="http://www.dinside.no/">Dinside</a>

<li><a style=font-size:15px href="http://www.sol.no/">Sol.no</a>

<li><a style=font-size:15px href="http://www.matprat.no">Matprat</a>

</ul>

</b>

 

<ul><p "style=font-size:20px"><b> Morro</b><p/>

<li><a style=font-size:15px href="http://www.123spill.no/">123spill</a>

<li><a style=font-size:15px href="http://www.start.no/">Start.no</a>

<li><a style=font-size:15px href="http://www.youtube.com">Youtube</a>

</ul>

</p>

 

 

</div>

 

<div style="border:1px solid black;background:white;

width:600px;

height:1000px;position:absolute;top:250px;left:260px">

<h3 align="center">KKKKKKKKKKKKKKKKKKKKK</h3>

</div>

<b/>

<div style="border:1px solid black;background:white;

width:200px;

height:1000px;position:absolute;top:250px;left:870px">

<p align="center">Hei</p>

</div>

 

 

</head>

</html>

 

Edit: Feil kode :wallbash:

Endret av chri-ot
Lenke til kommentar
Occi

Occi

Skrevet
Skrevet (endret)

Jeg tenker jeg vil prøve å gå rett til HTML5 dersom jeg finner noen bra guider/bøker.

HTML er nesten lik uansett om du skriver XHTML, HTML5 eller evt. gamle versjonen HTML 4.01, så om du lærer deg en av de, så kan du nesten de to andre også. Det er noen få forskjeller. Det viktigste er nok at HTML5 er fremtiden, og jeg ville ha valgt dette om jeg var deg. Finnes tonnevis av guider, jeg brukte mye w3schools, men ikke ta alt som står her som fasit (og de er IKKE tilknyttet den offisielle komite for webstandarder, W3C).

 

IDE, etter det jeg fant ut fra google søk var det en/et slags API/program for web utvikling levert av IBM?

Jeg bruker Komodo Edit for å skrive i nå, men tenker å prøve å skaffe dreamwiever, dersom IDE er et program er det bedre en Komodo og Dreamwiever?

Både Komodo og Dreamviewer er IDEer, og Netbeans som jeg nevnte er bare en av de mange alternativene. Jeg liker Netbeans fordi det er gratis og funker på både Windows og Linux, uten noen merkbare forskjeller i funksjoner eller ytelse. I bunn og grunn er hvilken editor du liker smak og behag. Mange liker Dreamviewer pga. den har sterke funksjoner som kan hjelpe deg med å genere kode osv., men jeg liker å skrive koden min selv, og samt at Netbeans er lett å konfigurere (er skrevet i Java), har jeg landet på denne.

 

Hvordan kan jeg midtstille hele nettstedet? :)

Så du hadde postet en kode, men generelt sett:

body {
width: 800px;
margin-left: auto;
margin-right: auto;
background: gray;
}

Vil gi deg en nettside som er 800px bred, og midtstilt. Merk at det er mange ting som kan påvirke posisjonen til nettsiden etterhvert som du fyller siden med innhold.

 

Du kan se et eksempel av hvordan det vil se ut her (kan ikke garantere oppetid).

Endret av Occi
  • Liker 2
Lenke til kommentar
chri-ot

chri-ot

Skrevet
  • Forfatter
Skrevet

Skal teste Netbeans etterhvert, nå i starten trives jeg veldig godt med Komodo.

 

Angående midstilling..prøvde koden din: pasta den inn x-antal steder, men han nekter å sentrere seg. Ja, jeg er noob, men er jeg så stor noob? :ph34r:

Så hvor skal jeg skrive den i html dokumentet, om noen hadde orka å ta en liten titt så ligger koden min to poster opp. :)

Lenke til kommentar
Occi

Occi

Skrevet
Skrevet (endret)

Fikser nå koden din for deg, kommer tilbake med edit. Blant annet har du jo ikke brukt CSS, så skal vise deg hvordan.

 

Edit:

Her er koden fikset, men jeg utela noe av den nederste koden da jeg var usikker på hva du egentlig prøvde på..

 

Først vil jeg bare si at koden din var grusom, enkelt og greit. Du må bruke CSS, som inkluderes i toppen vha. <link>-tag'en, som skal ligge i <head>. Deretter bruker du id="navn" eller class="klasse" i tags for å hente opp i CSS. Anbefaler deg at du går igjennom hele denne guiden her samt denne. Du må gå igjennom noen guider som det her før du kan fortsette.

 

Her har du koden din fikset, merk hvordan jeg bar brukt innrykk, samt hvordan tags er flettet inn i hverandre og avsluttet. <t1><t2></t2></t1> er riktig fletting, ikke <t1><t2></t1></t2>. Innrykkene ser litt rare ut på nettsiden, men det er en "tab" (4 spaces) når man skriver det selv.

 

Har erstattet alle unødvendige style: font-size="15px" osv. med <hX>-tags.

 

Håper jeg får en pluss for arbeidet mitt! :p Resultatet av denne koden kan du se her.

 

HTML-kode (index.html):

 

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
	<link href="style.css" rel="stylesheet" type="text/css" title="default"/> 
	<title>Toppsider</title>
</head>
<body>
   	<h4>Siste nyheter</h4>
   	<ul> 
       	<li><a href="http://www.nrk.no/">NRK</a></li>
       	<li><a href="http://www.db.no/">Dagbladet</a></li>
       	<li><a href="http://www.vg.no/">VG</a></li>
   	</ul>

   	<h4>Teknologi</h4>
   	<ul>
       	<li><a href="http://www.engadget.com">Engadget</a></li>
       	<li><a href="http://www.gizmodo.com">Gizmodo</a></li>
       	<li><a href="http://www.itavisen.no">iTavisen</a></li>
       	<li><a href="http://www.digi.no">Digi</a></li>
       	<li><a href="http://www.tek.no">Tek nettverket</a></li>
   	</ul>

   	<h4>Sport</h4>
   	<ul>
       	<li><a href="http://www.eurosport.no">Eurosport</a></li>
   	</ul>

   	<h4>Fritid</h4>
   	<ul>
       	<li><a href="http://www.dinside.no">Dinside</a></li>
       	<li><a href="http://www.sol.no">Sol</a></li>
       	<li><a href="http://www.matprat.no">Matprat</a></li>
   	</ul>

   	<h4>Morro</h4>
   	<ul>
       	<li><a href="http://www.123spill.no">123spill</a></li>
       	<li><a href="http://www.start.no">Start</a></li>
       	<li><a href="http://www.youtube.com">Youtube</a></li>
   	</ul>
</body>
</html>

 

 

 

CSS-fil (style.css):

 

/* alt som er inni <body>-tag'en blir påvirket av denne: */
body {
background-color: #DFDFDF;
}

A:link {
color: black;
text-decoration: none;
}

A:visited {
color: brown
}

/* alt inni <ul>-tag'en blir påvirket av denne: */
ul {
list-style-type: circle;
}

 

 

Endret av Occi
  • Liker 2
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

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...