Minimera bilden

4 svar · 580 visningar · startad av asclepius 2 okt. 2010

asclepiusMedlem sedan sep. 201013 inlägg

Frågan2 okt. 2010 22:36#1

hej,

jag är helt ny med programmering av webbsidor och jag använder mig av frontpage just nu mest för att bara lära mig mer om html koder.
En sak jag undrar är hur man på bästa sätt kan göra en webbsida så att när man minimerar den allting blir inte huller om buller.. text bilder, tabeller inte rör av sig själv?
tack

aronMedlem sedan mars 2004485 inlägg

2 okt. 2010 23:13#2

Hej

1. Menar du att saker rör sig om du gör fönstret mindre? (minimera är inte samma sak)

2. Om du gör det så ska du vara glad, tänk om dom inte gjorde det då skulle det var svårt att se för användare med en anorlunda upplösning.

3. Är ditt mål att lära dig HTML/CSS eller att göta nått med Frontpage/annat WYSIWYG verktyg?

4. Du kan välja bredden på sidan, görs bäst med lite CSS. Tror det är detta du är ute efter. (blir dessutom centrerat i allt utom IE typ)

<html>
<head>

<style type="text/css">
#container {
width: 800px;
margin: auto;
}
</style>

</head>
<body>
<div id="container">

<!-- hela sidans innehåll här -->

</div>
</body>
</html>

5. Om du googlar lite på CSS så hittar du hur du lägger CSS i en egen fil och sedan länkar in det. Då kan du använda samma fil på alla sidor, mycket praktiskt om du t.ex. ska ändra bredden. Allt som styr presentationen ska egentligen vara i CSS filen. T.ex. text storlek/färg/font.

6. Det är enkel att kolla sin kod, fins flera verktyg från w3c som jabbar med standarder/rekomendationer för webben. VALIDERA ALLTID SIDAN INNAN DU LÄGGER UT DEN.

http://www.w3.org/QA/Tools/

asclepiusMedlem sedan sep. 201013 inlägg

3 okt. 2010 21:47#3

precis jag menade självklart att göra fönstret mindre!

tack ska du ha! jag gillar css, har inte använt så mycket av det tidigare men jag gillar verkligen hur du kan ha en extern fil pch använda den på alla sidor via en länk. Det är riktigt praktiskt.

Just nu försöker jag mest lära mig mer om html och även lite css.. vad tycker du det bästa sättet för att lära sig mer om html och css är?

aronMedlem sedan mars 2004485 inlägg

3 okt. 2010 22:38#4

asclepius skrev:

vad tycker du det bästa sättet för att lära sig mer om html och css är?

Att koda sidor direkt i en texteditor (t.ex. notpad).
Titta på andra sidors HTML, = visa källa.
Testa inte bara i IE.
Validera koden.

(Jag gillar inte WYSIWYG eftersom dom aldrig funkat så bra som jag vill)

Själv lärde jag mig HTML med hjälp av att koda själv i en texteditor. Först körde jag med en bok och senare mer och mer från Internet när det vart mera tillgängligt. I början lärde jag mig massor av grejor som anses som dålig eller gammal HTML som t.ex. font-tagar, frames, tabellayout osv. Vad jag vill säga med det var att det fanns många nybörjarböker på svenska med dålig kvalite, kanske är bättre idag.

Senare dök jag ner i W3C dokumentation och läst massor av rekomendationer och tillgänglighets råd. Sen kom XHTML som var en bra ide (XML är "bättre" än SGML enligt mig) men jag föredrog att koda med HTML 4.01 Strict. Lärde mig massa om webläsare och massa annat.

Oj jag kan vist skriva hur mycket som helst, slutar där och kör lite fina länkar i stället.

En av de bättre böker jag hittat är denna:
http://oreilly.com/catalog/9780596009878

Snabb referencer:
http://www.htmldog.com/

Guider:
http://www.tizag.com/
http://www.w3schools.com/

Om du vill gå på djupet, läsa rekomendationer = webstandards, här finns massa bra information och verktyg:
http://www.w3.org/
http://www.w3.org/TR/REC-html40/
http://www.w3.org/Style/CSS/
http://www.w3.org/TR/
http://www.w3.org/QA/Tools/

Plugins till firefox för att se lite mera:
http://getfirebug.com/
http://chrispederick.com/work/web-developer/

asclepiusMedlem sedan sep. 201013 inlägg

6 okt. 2010 16:22#5

tack ska du ha ska forsoka tog en snabb titt over lankarna.. ska forsoka lasa lite mer i dem nar jag far lite tid