Forum Mjukvara Programmering och digitalt skapande Tråd

Lär mig HTML och CSS

1
Skriv svar
Permalänk
Medlem
●

Lär mig HTML och CSS

Hej! Håller på att lära mig skapa webbsidor. Jag har gått igenom HTML och CSS, men det är fortfarande mycket kvar att lära där. Iaf så tänkte jag att jag nu skulle försöka få mig att kunna känna att den delen kan jag, så jag kan gå vidare på PHP. Frågan är hur man ska göra? Ska man satsa på att fixa dreamwaver och försöka få till en sida man är nöjd med? Jag har koll på photoshop, det kanske är en fördel. Dock är jag inte så high på att skapa grafik för hemsidor. Ja, vad tycker ni?

Visa signatur

Intel Core i7 7700K | Asus Strix 1080TI | MSI Z270 Gaming Pro Carbon | Corsair Vengeance 16GB 3000Mhz | EVGA G2 650W | WD 640GB Caviar Black | Samsung M.2 1TB SSD + Samsung SATA 500GB SSD

Redigera
Citera flera Citera
Permalänk
Medlem
●

Jag förstår inte riktigt vad frågan är? Vill du lära dig mer om HTML & CSS eller vill du gå på PHP direkt?

Jag gjorde i alla fall så när jag började att jag lärde mig HTML & CSS först, men skapade inte någon hemsida som jag tänkt använda. Sedan hoppade jag på PHP och lärde mig det och skapade grunden till den hemsidan jag vill använda. När du sedan har alla element med som du vill ha på sidan så kan du börja utveckla designen vidare med HTML, CSS och färgteman/bilder m.m.

Gav det något svar?

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Zelloxy:

Jag förstår inte riktigt vad frågan är? Vill du lära dig mer om HTML & CSS eller vill du gå på PHP direkt?

Jag gjorde i alla fall så när jag började att jag lärde mig HTML & CSS först, men skapade inte någon hemsida som jag tänkt använda. Sedan hoppade jag på PHP och lärde mig det och skapade grunden till den hemsidan jag vill använda. När du sedan har alla element med som du vill ha på sidan så kan du börja utveckla designen vidare med HTML, CSS och färgteman/bilder m.m.

Gav det något svar?

Gå till inlägget

Yes Precis så jag menade. Känner mig inte riktigt säker på HTML och CSS, så tanken var även om jag skulle försöka få in det i huvudet lite mer innan jag ger mig på PHP, och i så fall hur. Tack för svaret

Visa signatur

Intel Core i7 7700K | Asus Strix 1080TI | MSI Z270 Gaming Pro Carbon | Corsair Vengeance 16GB 3000Mhz | EVGA G2 650W | WD 640GB Caviar Black | Samsung M.2 1TB SSD + Samsung SATA 500GB SSD

Redigera
Citera flera Citera
Permalänk
Medlem
●

Bror ju på vad du menar med inte riktigt säker. HTML och CSS är väldigt lätt att lära sig tycker nog att du skall ta dig lite tid att lära dig det rätt ordentligt innan du börjar med PHP. Kommer inte krävas särskilt mycket innan du skriver båda språken flytande. Enklaste sättet att lära sig är väll att bara bestämma sig för en design och sedan lära sig vad man behöver för att klara just den designen. När du är klar med den så kör du en mer avancerad osv tills du känner dig nöjd. Då är det bara att lägga på PHP på det!

Du kan ju tillverka sidor som är "förberedda" för PHP tex med forms osv så slösar du ingen tid på att lära dig HTML utan du bara förbereder din PHP utbildning

Lycka till!

Visa signatur

I'm Garry-fucking-Oak, You can't ignore my girth!
__________________
Projekt CM 334 ->1337 @ H2O :: Bread-Box HTPC :: Bread-Brain NAS

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Bread_:

Bror ju på vad du menar med inte riktigt säker. HTML och CSS är väldigt lätt att lära sig tycker nog att du skall ta dig lite tid att lära dig det rätt ordentligt innan du börjar med PHP. Kommer inte krävas särskilt mycket innan du skriver båda språken flytande. Enklaste sättet att lära sig är väll att bara bestämma sig för en design och sedan lära sig vad man behöver för att klara just den designen. När du är klar med den så kör du en mer avancerad osv tills du känner dig nöjd. Då är det bara att lägga på PHP på det!

Du kan ju tillverka sidor som är "förberedda" för PHP tex med forms osv så slösar du ingen tid på att lära dig HTML utan du bara förbereder din PHP utbildning

Lycka till!

Gå till inlägget

Att jag inte har full koll på hur allt funkar. Har tex inte koll på alla taggar, utan får leta upp dem på nätet. har ofta problem med vilken ordning allt ska vara i css osv Men bestämmde mig för att försöka göra en hemsida utan php och hoppas på att jag lär mig bra under tiden.

Redan stött på problem. Min logo vill inte centera sig. Här har vi koderna:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Minecraft Gallery</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<img src="images/minecraftgallery.png" />
<ul>
<li> <a href="minecraftgallery.html">Home</a></li>
<li> <a href="page1.html">Page 1</a></li>
<li> <a href="page2.html">Page 2</a></li>
<li> <a href="page3.html">Page 3</a></li>
<li> <a href="page4.html">Page 4</a></li>
</ul>
<body>
</body>
</html>
@charset "utf-8";
/* CSS Document */

img {margin-left:auto;margin-right:auto;}
ul {list-style-type:none;text-align:center;}
li {display:inline;}

Resultatet blir:

Visa signatur

Intel Core i7 7700K | Asus Strix 1080TI | MSI Z270 Gaming Pro Carbon | Corsair Vengeance 16GB 3000Mhz | EVGA G2 650W | WD 640GB Caviar Black | Samsung M.2 1TB SSD + Samsung SATA 500GB SSD

Redigera
Citera flera Citera
Permalänk
Medlem
●

Din HTML kod för själva sidan ligger för det första inte inom <body>-taggen.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Zelloxy:

Din HTML kod för själva sidan ligger för det första inte inom <body>-taggen.

Gå till inlägget

Whoops

Verkar dock itne som att det hjälpte

Visa signatur

Intel Core i7 7700K | Asus Strix 1080TI | MSI Z270 Gaming Pro Carbon | Corsair Vengeance 16GB 3000Mhz | EVGA G2 650W | WD 640GB Caviar Black | Samsung M.2 1TB SSD + Samsung SATA 500GB SSD

Redigera
Citera flera Citera
Permalänk
Medlem
●

Köp eller låna hem boken "Kom igång med webbutveckling". Där går de igenom grunderna. Men du är på rätt väg när du åtminstonde använder en separat css-fil.

För att centrera innehåll med css (ej text) behöver du ange bredd. Och sen tilldelar du margin auto på innehållet.

div.wrapper{
margin: 0 auto;
width: 800px;
}

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Prinsalibaba:

Köp eller låna hem boken "Kom igång med webbutveckling". Där går de igenom grunderna. Men du är på rätt väg när du åtminstonde använder en separat css-fil.

För att centrera innehåll med css (ej text) behöver du ange bredd. Och sen tilldelar du margin auto på innehållet.

div.wrapper{
margin: 0 auto;
width: 800px;
}

Gå till inlägget

Ok, tack I detta fallet anger width hur bred bilden är?
EDIT: Testade, och verkar ändå inte fungera. Koden ser just nu ut så här:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Minecraft Gallery</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<img src="images/minecraftgallery.png" />
<ul>
<li> <a href="minecraftgallery.html">Home</a></li>
<li> <a href="page1.html">Page 1</a></li>
<li> <a href="page2.html">Page 2</a></li>
<li> <a href="page3.html">Page 3</a></li>
<li> <a href="page4.html">Page 4</a></li>
</ul>
</body>
</html>
@charset "utf-8";
/* CSS Document */

img {margin:auto;width:900px;}
ul {list-style-type:none;text-align:center;}
li {display:inline;}
Senast redigerat
Visa signatur

Intel Core i7 7700K | Asus Strix 1080TI | MSI Z270 Gaming Pro Carbon | Corsair Vengeance 16GB 3000Mhz | EVGA G2 650W | WD 640GB Caviar Black | Samsung M.2 1TB SSD + Samsung SATA 500GB SSD

Redigera
Citera flera Citera
Permalänk
Medlem
●

Oj jävlar vad längesedan detta var men jag gör ett försök rätta mig gärna för det var ett jävla tag sedan. Nu har du satt en width på img taggen och satt att den skall ha margin auto, det funkar inte för taggen har inte bredd och höjd. Testa att göra en CSS box och sedan jobba från det skall se om jag kommer igåg

style.css

li {display:inline;}

#main{
    width: 400px;
    height: 600px; 
    background:#ff0000;
}
#menu{
    width:400px;
    height:100px;
    background:#00ff00;
}
#wrapper{
    margin: 0 auto;
    width:400px;
    height:700px;
}

index.html

<html>
     <head>
         <title>test</title>
         <link href="style.css" rel="stylesheet" type="text/css">
    </head>
<body>
   <div id="wrapper">
           <div id="menu">
                 <ul>
                    <li> <a href="minecraftgallery.html">Home</a></li>
                    <li> <a href="page1.html">Page 1</a></li>
                    <li> <a href="page2.html">Page 2</a></li>
                    <li> <a href="page3.html">Page 3</a></li>
                    <li> <a href="page4.html">Page 4</a></li>
                </ul>
           </div>
           <div id="main">
                    <img src="images/minecraftgallery.png" />
           </div>
   </div>
</body>
</html>

gör säkert bort mig nu. hinner inte testa skiten och kom på att det blev kanske inte riktigt som du ville ha det men jag måste springa till ett tåg nu

om det funkar så är det i alla fall ett exempel på hur man kan använda box elementen för att göra en layout på sidan

det som står innanför tex <div id="menu"> *** </div> är det som kommer i boxen menu som du skrev i style.css hoppas du fattade något jag hjälper gärna dig lite mer kom på att det var rätt kul att webba lite men har som sagt inte mer tid idag då jag skall ner till skåne

Ber om ursäkt om jag bara förstört och lär dig fel hinner som sagt inte skriva klart och fick avsluta det lite snabbt, kolla fel på klockan lycka till med webbandet

/Bread

Senast redigerat
Visa signatur

I'm Garry-fucking-Oak, You can't ignore my girth!
__________________
Projekt CM 334 ->1337 @ H2O :: Bread-Box HTPC :: Bread-Brain NAS

Redigera
Citera flera Citera
Permalänk
Medlem
●

Bilder måste göra bilden till ett block och glöm inte att ange bredd och höjd på dina bilder samt att ange alternativ bildtext till bilden. Se här;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Minecraft Gallery</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<img src="images/minecraftgallery.png" alt="alternativ bildtext" width="128" height="128" class="center"/>
<ul>
<li> <a href="minecraftgallery.html">Home</a></li>
<li> <a href="page1.html">Page 1</a></li>
<li> <a href="page2.html">Page 2</a></li>
<li> <a href="page3.html">Page 3</a></li>
<li> <a href="page4.html">Page 4</a></li>
</ul>
</div>
</body>
</html>

Och sen CSS

@charset "utf-8";
/* CSS Document */

div#wrapper {
	margin:0 auto;
	width:900px;
}

img.center{
	display: block;
	margin:0 auto;

}

ul {
	list-style-type:none;
	text-align:center;
}
li {
	display:inline;
}
Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Fyren:

Ok, tack I detta fallet anger width hur bred bilden är?
EDIT: Testade, och verkar ändå inte fungera. Koden ser just nu ut så här:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Minecraft Gallery</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<img src="images/minecraftgallery.png" />
<ul>
<li> <a href="minecraftgallery.html">Home</a></li>
<li> <a href="page1.html">Page 1</a></li>
<li> <a href="page2.html">Page 2</a></li>
<li> <a href="page3.html">Page 3</a></li>
<li> <a href="page4.html">Page 4</a></li>
</ul>
</body>
</html>
@charset "utf-8";
/* CSS Document */

img {margin:auto;width:900px;}
ul {list-style-type:none;text-align:center;}
li {display:inline;}
Gå till inlägget

Det har att göra med att img är ett inline-element, och centrering med margin fungerar bara på blockelement. Egentligen kan du inte ens ha img som ett direkt barn till body, utan måste ha ett blockelement runt img (t.ex. p).

display: block; kommer i alla fall att göra så att ditt img-element visas som ett blockelement, och då kommer centreringen att fungera.

Visa signatur

Blogg. Webboken. Pinboard, Last.fm, Facebook, Kongregate. W3fools.
Validera din HTML, men skryt inte om att du gör det.
Använd HTML5 och kom ihåg semantiken!

Redigera
Citera flera Citera
Permalänk
Medlem
●

Lyckades losa det nu, tack! Verkar dock som om mitt tangentbord har fatt spunk. Kan inte skriva taggar och annat, kan inte anvanda de 3 sista bokstaverna och lite annat skit, blir bara ['; pa de tre sista. Nagra ideer_ Blir lite svart att visa hur jag gor nu.

EDIT: Fixade sig med nytt tangetbord.

Lyckades lösa det med er hjälp, tack! Nu loggan är centrerad så ser jag att menyn inte är det. Expimenterat med marginaler och annat, men lyckas inte.

Så här ser det ut nu:
http://img140.imageshack.us/img140/5973/skrmklipp7.png
(Inte 100% på om de tär tillåtet att använda den bilden jag har i mitten där, så strök över den)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Minecraft Gallery</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body id="bodycolor">
<div id="mainbody">
<div id="logo">
<img src="images/minecraftgallery.png" alt="Minecraft Gallery logo" />
</div>
<ul>
<li> <a href="minecraftgallery.html">Home</a></li>
<li> <a href="page1.html">Page 1</a></li>
<li> <a href="page2.html">Page 2</a></li>
<li> <a href="page3.html">Page 3</a></li>
<li> <a href="page4.html">Page 4</a></li>
</ul>
</div>
</body>
</html>
@charset "utf-8";
/* CSS Document */

#mainbody {width:900px;height:1000px;margin:auto;background-color:#C0C0C0}
#bodycolor {background-color:#FFF}
#logo {width:900px;height:200px;margin:auto;}
ul {list-style-type:none;text-align:center}
li {display:inline;}
Senast redigerat
Visa signatur

Intel Core i7 7700K | Asus Strix 1080TI | MSI Z270 Gaming Pro Carbon | Corsair Vengeance 16GB 3000Mhz | EVGA G2 650W | WD 640GB Caviar Black | Samsung M.2 1TB SSD + Samsung SATA 500GB SSD

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av Fyren:

Lyckades losa det nu, tack! Verkar dock som om mitt tangentbord har fatt spunk. Kan inte skriva taggar och annat, kan inte anvanda de 3 sista bokstaverna och lite annat skit, blir bara ['; pa de tre sista. Nagra ideer_ Blir lite svart att visa hur jag gor nu.

EDIT: Fixade sig med nytt tangetbord.

Gå till inlägget

Haha, du har tryckt in den ökända kombinationen CTRL + SHIFT (eller om det är ALT + SHIFT kanske) som växlar mellan installerade tangentbordsspråk.

Visa signatur

Kom-pa-TI-bilitet

Redigera
Citera flera Citera
Permalänk
Medlem
●

Det där har att göra med ett default-värde för margin alt. padding. Massor av objekt har såna standardvärden och du kan lära dig (googla) att lägga samtliga standardvärden på 0.

@charset "utf-8";
/* CSS Document */

#mainbody {
	width:900px;
	margin:0 auto;
	background-color:#C0C0C0
}
#bodycolor {
	background-color:#FFF
}
#logo {
	width:900px;
	height:200px;
	margin:0 auto;
}
ul {
	list-style-type:none;
	text-align:center
}
li {
	display:inline;
	margin:0;
	padding:0;
}
Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Prinsalibaba:

Det där har att göra med ett default-värde för margin alt. padding. Massor av objekt har såna standardvärden och du kan lära dig (googla) att lägga samtliga standardvärden på 0.

@charset "utf-8";
/* CSS Document */

#mainbody {
	width:900px;
	margin:0 auto;
	background-color:#C0C0C0
}
#bodycolor {
	background-color:#FFF
}
#logo {
	width:900px;
	height:200px;
	margin:0 auto;
}
ul {
	list-style-type:none;
	text-align:center
}
li {
	display:inline;
	margin:0;
	padding:0;
}
Gå till inlägget

Det funkade fint, tack Vet inte riktigt vad jag ska googla på, skulle du kunna länka?

Visa signatur

Intel Core i7 7700K | Asus Strix 1080TI | MSI Z270 Gaming Pro Carbon | Corsair Vengeance 16GB 3000Mhz | EVGA G2 650W | WD 640GB Caviar Black | Samsung M.2 1TB SSD + Samsung SATA 500GB SSD

Redigera
Citera flera Citera
Permalänk
Medlem
●

Jo, har en länk åt dig här: http://sixrevisions.com/css/css-tips/css-tip-1-resetting-your-styles-with-css-reset/

Kör hårt, det är kul med CSS.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Prinsalibaba:

Jo, har en länk åt dig här: http://sixrevisions.com/css/css-tips/css-tip-1-resetting-your-styles-with-css-reset/

Kör hårt, det är kul med CSS.

Gå till inlägget

Tack. Gjorde på det enkla sättet, men kanske väldigt dåliga sättet. Får funkar eftersom det jag gör nu inte är särskillt seriöst.

Har ett nytt problem. Min sida ser väldigt olika ut i olika webbläsare.
Här har vi hur det ser ut i dreamweaver, så som jag vill:
http://img403.imageshack.us/img403/9431/skrmklippv.png
Här har vi i chrome:
http://img254.imageshack.us/img254/7829/skrmklipp2.png
Och här i firefox. Notera den blåa ramen runt den svarta bilden längst upp:
http://img96.imageshack.us/img96/5565/skrmklipp3.png

Precis samma kod.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Minecraft Gallery</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body class="bodycolor">
<div class="mainbody">
<div class="logo"><a href="minecraftgallery.html"><img src="images/minecraftgallery2.png" alt="Minecraft Gallery logo" />
</a>
<hr />
</div>
<ul id="menu">
<li class="links"> <a href="minecraftgallery.html" id="home">Home</a></li>
<li class="links"> <a href="gallery.html" id="gallery">Gallery</a></li>
<li class="links"><a href="about.html" id="about">About</a></li>
<li class="links"> <a href="contact.html" id="contact">Contact</a></li>
</ul>
<hr />

<br /><br />

<div id="newsbox">
<h1>Welcome!</h1>
<br />
<p>To MinecraftGallery!</p>
</div>

</div>
</body>
</html>
@charset "utf-8";
/* CSS Document */

/* Clear CSS */
* {margin:0;padding:0;}

/* Main box */
.mainbody {-webkit-border-radius: 50px;width:900px;height:1000;margin:0 auto;margin-top:40px;margin-bottom:40px;background-color:#C0C0C0;padding-bottom:50px;padding-left:50px;padding-right:50px;}

.bodycolor {background-color:#FFF}
.logo {width:900px;height:200px;margin:0 auto;}
a:link {color:#44699c;text-decoration:none;font-family:Verdana, Geneva, sans-serif;}
a:visited {color:#44699c;text-decoration:none;font-family:Verdana, Geneva, sans-serif;}
a:hover {color:#6daaff;text-decoration:none;font-family:Verdana, Geneva, sans-serif;}
a:active {color:#6daaff;text-decoration:none;font-family:Verdana, Geneva, sans-serif;}

ul#menu {list-style:none;text-align:center}
.links {display:inline;padding:40px;margin-top:2px;}

/* Newsbox */
div#newsbox {font-family:Verdana, Geneva, sans-serif;color:#333;background-color:#E9E9E9;width:800;height:auto;-webkit-border-radius: 20px;padding:10px;}

EDIT: Lyckats googla fram att firefox inte stödjer webkit. Vad ska man använda istället? Men vet fortfarande inte varför loggan har en blå ram runt sig.
EDIT2: Lyckades lösa rundade kanter helt, bara inte lyckats med att få bort den blåa ramen.

Senast redigerat
Visa signatur

Intel Core i7 7700K | Asus Strix 1080TI | MSI Z270 Gaming Pro Carbon | Corsair Vengeance 16GB 3000Mhz | EVGA G2 650W | WD 640GB Caviar Black | Samsung M.2 1TB SSD + Samsung SATA 500GB SSD

Redigera
Citera flera Citera
Permalänk
Medlem
●

Designar en portfolio till mig just nu. Sitter och försöker få min navigation bar att funkar, och försökt med hjälp av denna tutorial: http://stylemeltdown.com/2007/10/22/image-sprite-navigation-w...

Men lyckas inte riktigt, eller snarare, inte alls Jag vill alltså ha in min meny precis under loggan. Ni kan se i HTML dokumentet var tanken är att den ska vara. Så om någon har lust och litet tid över så får den gärna hjälpa till

http://www.mediafire.com/?1zowm7adljxf053

Så varje grön knapp ska vara en egen knapp. Själva menyn ska vara centrerad den 900px breda <div class="mainbody"> taggen.

Visa signatur

Intel Core i7 7700K | Asus Strix 1080TI | MSI Z270 Gaming Pro Carbon | Corsair Vengeance 16GB 3000Mhz | EVGA G2 650W | WD 640GB Caviar Black | Samsung M.2 1TB SSD + Samsung SATA 500GB SSD

Redigera
Citera flera Citera
Permalänk
Medlem
●

Jag kodade mycket CSS och HTML för något år sedan. Jag hade inte heller någon som lärde mig, använder inte skolböcker eller sådant överhuvud taget. Det jag tyckte var bästa sättet att lära sig var att tanka ner "Templates" och sedan titta igenom och se hur folk bygger upp och använder alla koder, du kan söka på HTML tutorial om du vill ha en lite mera grundkurs för att fatta vad "Taggarna" betyder. Annars rekommenderar jag att tanka ner färdiga templates, och det finns även med PHP, men börja med HTML och CSS för att få igång tänket!

Hur jag byggde upp mina hemsidor var att jag började med att designa hela sidan som bild i något program (Photoshop). Sedan gick jag över hur jag ska kunna bygga upp min HTML och CSS kod och vilka bilder jag behöver och skapade dom därefter.. Det tyckte jag fungerade ganska bra.

PS: Börja med att skapa en bild och få in den där du vill ha den på sidan, sedan börjar du bygga en meny, sedan bygger du vidare på samma projekt och utvecklar din "Första" sida, tills du är klar och nöjd, sedan tar du bort allt och börjar om och skapar något nytt.. Att skapa är bästa sättet att lära sig ^^

Med vänliga hälsningar
MS

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Mr.Snark:

Jag kodade mycket CSS och HTML för något år sedan. Jag hade inte heller någon som lärde mig, använder inte skolböcker eller sådant överhuvud taget. Det jag tyckte var bästa sättet att lära sig var att tanka ner "Templates" och sedan titta igenom och se hur folk bygger upp och använder alla koder, du kan söka på HTML tutorial om du vill ha en lite mera grundkurs för att fatta vad "Taggarna" betyder. Annars rekommenderar jag att tanka ner färdiga templates, och det finns även med PHP, men börja med HTML och CSS för att få igång tänket!

Hur jag byggde upp mina hemsidor var att jag började med att designa hela sidan som bild i något program (Photoshop). Sedan gick jag över hur jag ska kunna bygga upp min HTML och CSS kod och vilka bilder jag behöver och skapade dom därefter.. Det tyckte jag fungerade ganska bra.

PS: Börja med att skapa en bild och få in den där du vill ha den på sidan, sedan börjar du bygga en meny, sedan bygger du vidare på samma projekt och utvecklar din "Första" sida, tills du är klar och nöjd, sedan tar du bort allt och börjar om och skapar något nytt.. Att skapa är bästa sättet att lära sig ^^

Med vänliga hälsningar
MS

Gå till inlägget

Jo, så långt har jag kommit att jag börjat få hyffsad koll på html taggarna och css. Får dock kolla upp lite taggat och så emellan åt. Lyckats få dit menyn, men inte länkarna. Ni kan se hur det ser ut på
axel-fyreskar.tk

Visa signatur

Intel Core i7 7700K | Asus Strix 1080TI | MSI Z270 Gaming Pro Carbon | Corsair Vengeance 16GB 3000Mhz | EVGA G2 650W | WD 640GB Caviar Black | Samsung M.2 1TB SSD + Samsung SATA 500GB SSD

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara