<b>REGISTER</b>

GFX-Sector - HTML, CSS


 
GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » Ich möchte HTML und CSS lernen » Hello Guest [Login|Register]
Last Post | First Unread Post Print Page | Recommend to a Friend | Add Thread to Favorites

HTML, CSS

Einfache Scriptsprachen und deren Layout mit HTML und CSS
Pages (2): « previous 1 [2] Post New Thread Post Reply

Ich möchte HTML und CSS lernen

     Deutsche Version  English version
Author
Post « Previous Thread | Next Thread »

Red GFX Red GFX is a male
Pfadfinder


Avatar von Red GFX

Registration Date: 05.08.2008
Posts: 514
Location: Türkei
Program: PS CS3

Spacer
Ich möchte HTML und CSS lernen       

littleboxes ist gutWink
habs eben ausprobiert und so..macht spaßsmile


Ich möchte HTML und CSS lernen 22.05.2010 20:33 Red GFX is offline Search for Posts by Red GFX

Cas- Cas- is a male
Designartist


Avatar von Cas-

Registration Date: 04.05.2009
Posts: 1,305
Program: Photoshop CS4
Deviantart: shinodarush

Thread Starter Thread Started by Cas-
Spacer
      

jo das finde ich auch sehr gut smile
naja, haben grad gegrillt und gucken jetzt erstmal fußball^^ ich amch dann morgen weiter großes Grinsen

lg, Shino

Ps. mailand führt 1:0...



EDIT: Hab jetzt lange geübt/gelernt was auch immer und hab jetzt sogar eine kleine Seite erstellt. Ich hab ein Logo oben, dann einen Text mit Hyperlink, Eine Liste die als Navigation dient. In der Navi gibt es die Startseite, Musik und Kontakt.
Bei Musik kommt ein Yotube video großes Grinsen und bei kontakt kommt <adress>.

Bin bis jetzt recht zufrieden und widme mich gleich dem CSS Wink

lg, Shino




.cya

This post has been edited 1 time(s), it was last edited by Cas-: 23.05.2010 13:41.

Ich möchte HTML und CSS lernen 22.05.2010 21:28 Cas- is offline Search for Posts by Cas-

RedFox RedFox is a male
Buntstiftmaler


Avatar von RedFox

Registration Date: 26.01.2008
Posts: 76

Spacer
      

http://www.planethtml.de/

Das ist eine, wie ich finde gute Seite um HTML zu Lernen, da hatte ich angefangen smile

Ich möchte HTML und CSS lernen 23.05.2010 15:41 RedFox is offline Search for Posts by RedFox

Cas- Cas- is a male
Designartist


Avatar von Cas-

Registration Date: 04.05.2009
Posts: 1,305
Program: Photoshop CS4
Deviantart: shinodarush

Thread Starter Thread Started by Cas-
Spacer
      

Danke für die tollen Tipps!
<br /> großes Grinsen
also bis jetzt find ich little-boxes.de am Besten. Da wird alles super erklärt und es macht richtig Spaß smile
Mit HTML bin ich jetzt soweit durch und fang jetzt langsam mit CSS an^^

lg, Shino

Hero

EDIT: Habe ich das jetzt richtig verstanden, dass der CSS-Kram in die .html Datei mit reinkommt?

EDIT²: Ne habe ich nicht, ich muss .css Dateien machen, oder? großes Grinsen

EDIT³: Jetzt habe ich wirklich ein Problem...
Ich bin gerade hier:
"Hintergrund- und Schriftfarbe für div#wrapper"
http://little-boxes.de/lb1/5.4-hintergru...definieren.html

So schaut meine bildschirm.css aus:

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
/* Mein eigener Stylesheet für mein Website-Testgelände */
/* Gestalte das HTML-Element mit dem Namen body */
body {
  background-color: #8c8c8c; /* Hintergrundfarbe */
  color: white; /* Schriftfarbe */
}

/* Gestalte das div mit id="wrapper" */
div#wrapper {
  background-color: white;
  color: black;
}


Das obere funktioniert, aber das untere leider nicht...
Weiss jemand weiter?

lg, Shino




.cya

This post has been edited 3 time(s), it was last edited by Cas-: 23.05.2010 16:09.

Ich möchte HTML und CSS lernen 23.05.2010 15:45 Cas- is offline Search for Posts by Cas-

Sockenschuss Sockenschuss is a male
Scharfzeichner


Avatar von Sockenschuss

Registration Date: 20.05.2010
Posts: 149
Location: Hamburg
Program: Photoshop 5 und was noch so kommen wird

Spacer
      

ich weiss ja nicht wie das html grundgerüst aussieht... also wie aufgebaut großes Grinsen

Ich halte mich mal diskret daraus aus dem "how to" des aufbaus einer webseite.
Aber ein mängel solcher "workshops" ist das nicht alles verständlich ist wie alles so im komplexen funktioniert.

"divs" musst du definieren in css, also mit einer nummer hinter der raute ( #01 z.B.)

kleiner tipp am rande - wenn du viel mit css machen willst lege dir eine "externe .css" an

beispiel:

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
<style type="text/css">

body { margin:0; padding:0; height:1500px; }

div { border:1px solid #888; }

#s1 { width:150px; height:35px; }
#s2 { width:150px; height:35px; }
#r3 { width:150px; height:35px; position:relative; top:5px; left:25px; background-color:#dfd; }
</style>


#edit: also <div id="s1">schubidu</div>

CSS und js anweisungen kommen immer in den geschlossenen header

This post has been edited 3 time(s), it was last edited by Sockenschuss: 23.05.2010 16:41.

Ich möchte HTML und CSS lernen 23.05.2010 16:30 Sockenschuss is offline Search for Posts by Sockenschuss

Cas- Cas- is a male
Designartist


Avatar von Cas-

Registration Date: 04.05.2009
Posts: 1,305
Program: Photoshop CS4
Deviantart: shinodarush

Thread Starter Thread Started by Cas-
Spacer
      

Also so sieht das im Moment bei mir aus:


Und das hier ist der Code (von der Startseite):

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link href="bildschirm.css" rel="stylesheet" type="text/css" media="screen" />
<title>Meine erste Website</title>
</head>
<body>
<img src="header.png" alt="Achtung Anfänger!" width="400" height="100" />
<h2>Das ist jetzt mein offizielles Testgelände!</h2>
<p>Hier werde ich alles in Ruhe ausprobieren und an meiner Website basteln.</p>
<p>Die Website <a href="http://little-boxes.de/">"little boxes"</a> ist sehr hilfreich. Es wird alles super erklärt und es ist leicht verständlich.
<br>
<ul>
  <li><a href="index.html">Startseite</a></li>
  <li><a href="musik.html">Musik</a></li>
  <li><a href="kontakt.html">Kontakt</a></li>
</ul>
<br>
<h1>Startseite</h1>
<p>Meine Startseite!</p>
</body>
</html>


Wie macht man das, dass "Startseite","Musik" und "Kontakt" nicht mehr so blöd lila gefärbt sind, wenn man die angeklickt hat?

Und wie geht das, dass wenn man auf das Logo oben klickt auf die Startseite kommt?

lg, Shino




.cya
Ich möchte HTML und CSS lernen 23.05.2010 18:05 Cas- is offline Search for Posts by Cas-

congo
Filtertester


congo hat kein Avatar

Registration Date: 13.04.2010
Posts: 9

Spacer
      

Hi,

quote:
Original von Sockenschuss
"divs" musst du definieren in css, also mit einer nummer hinter der raute ( #01 z.B.)

Falsch. Die Bezeichnung bzw. der Name für eine ID darf nie mit einer Nummer beginnen. Siehe:
http://de.selfhtml.org/html/referenz/att...m#id_idref_name
Das gilt auch für Klassen (class):
http://de.selfhtml.org/css/formate/zentrale.htm#klassen

Klassen und ID's sollten sinnvoll bennannt werden:
http://little-boxes.de/lb1/6.4-eigene-na...-und-class.html
http://meiert.com/de/publications/articles/20081021/

quote:
Original von Sockenschuss
...CSS und js anweisungen kommen immer in den geschlossenen header

JS darf auch ausserhalb des Head-Bereiches stehen:
http://de.selfhtml.org/javascript/intro....ascriptbereiche


@Shino
In deinem HTML-Dokument gibt es keinen DIV mit der ID"wrapper".

quote:
Wie macht man das, dass "Startseite","Musik" und "Kontakt" nicht mehr so blöd lila gefärbt sind, wenn man die angeklickt hat?

Das wird dir im weiteren Verlauf von Little Boxes alles noch erklärt. -Nicht so ungeduldig. Wink

quote:
Und wie geht das, dass wenn man auf das Logo oben klickt auf die Startseite kommt?

In dem das Bild auf die Startseite verlinkt (mit dem a-Element) wird:
http://little-boxes.de/lb1/4.1-hyperlinks-erstellen-a.html

Edit:
Benutze keine Zeilenumbrüche (<br>) um Abstände umzusetzen. Dafür bietet dir CSS die Eigenschaften margin und padding an.

quote:
Wo füge ich denn am besten das div ein?

Füge ihn so ein, das er alle Elemente umschliesst die auch gruppiert werden sollen. -Versuch es mal selbst. Freude
Tipp:
Schau dir nochmal dieses Kapitel an:
http://little-boxes.de/lb1/3.1-div-seite...-einteilen.html

This post has been edited 2 time(s), it was last edited by congo: 23.05.2010 18:29.

Ich möchte HTML und CSS lernen 23.05.2010 18:17 congo is offline Search for Posts by congo

Cas- Cas- is a male
Designartist


Avatar von Cas-

Registration Date: 04.05.2009
Posts: 1,305
Program: Photoshop CS4
Deviantart: shinodarush

Thread Starter Thread Started by Cas-
Spacer
      

Vielen Dank smile

Wo füge ich denn am besten das div ein?

lg, Shino

EDIT: Habe den krempel mal auf einen FTP-Server hochgeladen, damit ihr euch das mal anschauen könnt smile
http://shinoxero.sh.ohost.de/Website/index.html

und danke congo, hat jetzt geklappt mit dem div^^




.cya

This post has been edited 2 time(s), it was last edited by Cas-: 23.05.2010 18:57.

Ich möchte HTML und CSS lernen 23.05.2010 18:21 Cas- is offline Search for Posts by Cas-
 
Spacer
   
GFX-Sector
unregistered


 hat kein Avatar


Spacer

Have you enjoyed this topic?


If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.

After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.

In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.

Sign up now and enjoy the advantages as a registered member.

(This website will be ad-free after a complete free sign up.)

New Post 23.05.2010 18:21  
Pages (2): « previous 1 [2] Tree Structure | Board Structure
Post New Thread Post Reply
GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » Ich möchte HTML und CSS lernen

Similar topics to Ich möchte HTML und CSS lernen
Thread
soldeye stellt sich vor (Forum: Vorstellungen)
BattleSieger - Übersicht ''Sonderzeichen - F'' (Forum: Archiv)
Ich bin, wie ich bin (Forum: Signaturen/Avatare)
Schiedsrichter Render (Forum: Angebote und sonstige Anfragen)
Battlesieger Nichi (19) (Forum: 1on1 Halle)