Webdesign und Programmierung

Welt der Rollenspiele � Ank�ndigungen, Informationen und Andere OffTopic Bereiche � OffTopic Bereiche � Webdesign und Programmierung � HTML Anfänger

Seite 1 von 4 � Seite 1 2 3 4 Seite �

Themen-Einstellungen

Thema drucken

Bereich wechseln

Welt der Rollenspiele Forum Umgezogen! Zum neuen Welt der Rollenspiele Forum! Zum neuen Risen-Blog Forum! Rollenspiele Drakensang und DSA Spiele Drakensang Drakensang - Am Fluss der Zeit und Addon Drakensang Online The Elder scrolls The Elder Scrolls Online Skyrim Allgemein & Modding Oblivion Allgemein & Add Ons Oblivion - Modding und Construction Set Morrowind Allgemein The Elder Scrolls Allgemein The Elder Scrolls Mods Divinity Saga Gothic ArcaniA - Gothic 4 Gothic 3 - G�tterd�mmerung Gothic 3 Gothic 2 und Add On Gothic 1 Gothic Multiplayer Allgemein Risen Risen 2 Risen Mass Effect Mass Effect 1 Mass Effect 2 Mass Effect 3 Mass Effect Modding Of Orcs And Men Of Orcs And Men - English Section Two Worlds Mount & Blade Mount & Blade Hilfe Mount & Blade Modding M&B Warband: Supremacy WK1 Mod Rollenspiele Allgemein Fallout Herr der Ringe Online Rollenspiele, Browser RPG's und Andere Spiele Guild Wars Guild Wars Guild Wars 2 PC und Konsolen Spiele Allgemein FarCry Ank�ndigungen, Informationen und Andere OffTopic Bereiche Ank�ndigungen und Informationen der Forenleitung Feedback Forum Das Schwarze Brett Hosted OGMA - Open Game Manager Runes of Magic Frontschwein OffTopic Bereiche Musik Filme, Serien und Anderes PC, Hardware, Software Webdesign und Programmierung Grafikecke und Kreativecke Grafikschmiede und Bildschneiderei Interner Bereich

#1 | HTML Anfänger datum

03.11.2012 18:03

Weeboo

Necropolis

Beitr�ge:	175
Registriert seit:	02.06.2012

Ja ich hab gelesen, probiert und am Ende etwas zusammen gebaut. Eigentlich möchte ich nur wissen ob der HTML Code sauber geschrieben ist. CSS wird dann der nächtes Schritt sein, doch erst einmal möchte das auf die reihe bekommen.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
             "http://www.w3.org/TR/html4/transitional.dtd">
 
<html>
	<head>
		<title>Testseite</title>
	</head>
	<body bgcolor="FFD39B" text="8B7355" link="FF7F24" vlink="8B4513" alink="CD661D">
		<h1>Herzlich Willkommen!</h1>
		<h2>Die deutsche Mark und Euro.</h2>
		
	<table border="1">
		<thead>
			<tr>
				<th>Deutsche Mark</th>
				<th>Euro</th>
			</tr>
		</thead>
		<tfood>
			<tr>
				<td> Eingeführt am 21. Juni 1948</td>
				<td>Eingeführt am 1. Januar 2002</td>
			</tr>
		</tfood>
		<tbody>
			<tr>
				<td>Am 1. Januar 2002 durch den Euro ersetzt</td>
				<td>?</td>
			</tr>
			<tr>
				<td>Das beliebste Zahlungsmittel der Deutschen</td>
				<td>Steht für Preissteigerungen der letzten Jahre</td>
			<tr>
			<tr>
				<td>beliebter</td>
				<td>weniger beliebt</td>
			</tr>
		</tbody>
	</table>
			<p>Wenn sie noch mehr über die Geschichte beider Zahlungsmittel erfahren möchten folgen sie<br>den unten stehenden Links.</p>
			<p><a href="http://de.wikipedia.org/wiki/Deutsche_Mark" target="blank">Die deutsche Mark</a></p>
			<p><a href="http://de.wikipedia.org/wiki/Euro" target="blank">Der Euro</a></p>
	
	</body>
	
</html>
 

Antworten

#2 | RE: HTML Anfänger datum

03.11.2012 18:10

Soweit ich das durchblicke, ist zumindest kein Fehler drin.
Von der "Sauberheit" und Einfachheit kann ich mich nicht damit auseinandersetzen, da mein letzter Umgang mit HTML vor 1 Jahr war und da auch nur oberflächlich.

Antworten

#3 | RE: HTML Anfänger datum

03.11.2012 19:40

UnknownUser1

Alea iacta est.

Beitr�ge:	1853
Registriert seit:	16.10.2011
Wohnort:	Andergast

Dauganor, du hast da aber einiges übersehen!
Zum einen hier:

1
2
3
4
 
			<tr>
				<td>Das beliebste Zahlungsmittel der Deutschen</td>
				<td>Steht für Preissteigerungen der letzten Jahre</td>
			<tr>
 

Du schließt den <tr> Tag garnicht mit einem </tr> ab, du hast also den Slash vergessen. nutze zum Testen am besten Opera oder Firefox, diese ziegen dir die Fehler direkt an, zumindest korrigieren diese die Fehler nicht selbständig, sodass man den Fehler sieht.

2. Irgendwie macht der tfoot tag Unternhalb des thead tags keinen sinn, kann also raus, und den inhalt mit in die tbody.

3. Du nutzt überall XHTML, was sehr lobhaft ist, da XHTML besser und Standartkonformer ist, als das alte HTML. Aber bei dem <br> Tag musst du im XHTML das BR ebenfalls abschließen, in diesem fall dazu ein <br/> nutzen. der Tag ist also ein einzelner insich geschlossener Tag.

4. eigendlich kein Fehler, aber die Table müsste einmal mehr eingerückt sein.

Und als Doctype würde ich XHTML nehmen, da es ja auch XHTML ist.

1
2
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 

Ansonsten die Seiten einfach im XHTML Validator prüfen lassen, dort wird dir genau angezeigt, welche Fehler es gibt. Bei dir ist z.B. kein encoding drin: http://validator.w3.org/check

| Drakensang Modliste
| Drakensang Am Fluss Der Zeit Modliste
| Two Worlds Forum

Antworten

#4 | RE: HTML Anfänger datum

03.11.2012 20:33

Ok da hab ich doch einiges vergessen. Bei dem <br> Tag bin ich der Meinung gelesen zu haben es so zu belassen. Aber du hast mich eines besseren belehrt und bei nochmaligen Lesen, ja es muss geschlossen werden.

Bei dem <tr> da habe ich nachträglich noch mal die Tabelle erweitert und einfach übersehen. Und ein Validator gibt gleich die Fehler aus? Ich habe Firefox und da kam keine Fehlermeldung. Muss ich noch etwas installieren, irgendein Addon. Ich glaube da hatte ich damals eins.

Die Doctype, da gibt es doch einige.

Auf jeden Fall werde ich die fehler beheben, danke für die Hilfe!

Antworten

#5 | RE: HTML Anfänger datum

03.11.2012 20:55

Zitat von Weeboo im Beitrag #4
Ok da hab ich doch einiges vergessen. Bei dem <br> Tag bin ich der Meinung gelesen zu haben es so zu belassen. Aber du hast mich eines besseren belehrt und bei nochmaligen Lesen, ja es muss geschlossen werden.

Bei dem <tr> da habe ich nachträglich noch mal die Tabelle erweitert und einfach übersehen. Und ein Validator gibt gleich die Fehler aus? Ich habe Firefox und da kam keine Fehlermeldung. Muss ich noch etwas installieren, irgendein Addon. Ich glaube da hatte ich damals eins.

Die Doctype, da gibt es doch einige.

Auf jeden Fall werde ich die fehler beheben, danke für die Hilfe!

Naja bei den XHTML Validator brauchst du nur auf der Seite deine HTML verlinken, oder hochladen (wird net ewig gespeichert, nur zum prüfen.) dann zeigt er dir Fehler an.

Für Firefox gibt es als Entwicklerkonsole Firebug, zusätzlich wenn du auch einen FTP Clienten haben möchtest gibt es FireFTP.

Ich nutze aber immer zum entwickeln Opera mit dem bereits Integrierten Opera Dragonfly (nix anderes als Firebug, nur etwas ausgereifter)

| Drakensang Modliste
| Drakensang Am Fluss Der Zeit Modliste
| Two Worlds Forum

Antworten

#6 | RE: HTML Anfänger datum

03.11.2012 21:03

Weeboo

Necropolis

Beitr�ge:	175
Registriert seit:	02.06.2012

Ich habe etwas gefunden für den Firefox. Installiert und schon sind die von dir genannten Fehler angezeigt worden. Die Fehler habe ich sofort behoben, dann waren noch ein paar Meldungen. Das betraf den bodytag <body bgcolor="FFD39B"> und alles was darin steht. Ich habe etwas vergessen <body bgcolor="#FFD39B">

Aber jetzt scheint das Teil sauber zu sein.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
 
<?xml version="1.0" ?>
<!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>
		<title>Testseite</title>
	</head>
	<body bgcolor="#FFD39B" text="#8B7355" link="#FF7F24" vlink="#8B4513" alink="#CD661D">
		<h1>Herzlich Willkommen!</h1>
		<h2>Die deutsche Mark und Euro.</h2>
		
	<table border="1">
		<thead>
			<tr>
				<th>Deutsche Mark</th>
				<th>Euro</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td> Eingeführt am 21. Juni 1948</td>
				<td>Eingeführt am 1. Januar 2002</td>
			</tr>
		
		
			<tr>
				<td>Am 1. Januar 2002 durch den Euro ersetzt</td>
				<td>?</td>
			</tr>
			<tr>
				<td>Das beliebste Zahlungsmittel der Deutschen</td>
				<td>Steht für Preissteigerungen der letzten Jahre</td>
			</tr>
			<tr>
				<td>beliebter</td>
				<td>weniger beliebt</td>
			</tr>
		</tbody>
	</table>
			<p>Wenn sie noch mehr über die Geschichte beider Zahlungsmittel erfahren möchten folgen sie<br></br>den unten stehenden Links.</p>
			<p><a href="http://de.wikipedia.org/wiki/Deutsche_Mark" target="blank">Die deutsche Mark</a></p>
			<p><a href="http://de.wikipedia.org/wiki/Euro" target="blank">Der Euro</a></p>
	
	</body>
	
</html>
 

Antworten

#7 | RE: HTML Anfänger datum

03.11.2012 21:21

und nun als nächster schritt die CSS dazu schreiben, und die inline styles auslagern.

| Drakensang Modliste
| Drakensang Am Fluss Der Zeit Modliste
| Two Worlds Forum

Antworten

#8 | RE: HTML Anfänger datum

03.11.2012 22:06

... musste ja schon feststellen das CSS immer mit eingebunden ist. Man kann es auch mit HTML machen, musste aber lesen das es damit nicht mehr erwünscht ist. Man solle lieber Stylesheets nehmen.

Also meinst du dass ich noch etwas mit HTML probieren soll? Gleich CSS mit dazu?

Antworten

#9 | RE: HTML Anfänger datum

03.11.2012 22:35

na klar, gleich css rein da, so lernt man es am einfachsten.

eine CSS Datei bindest du innerhalb des Head Tags mit

<link rel="stylesheet" type="text/css" href="stylesheet.css">

ein. Nun musst du einfach eine datei stylesheet.css anlegen, und mit dem gewünschten Inhalt füllen.

Das Heißt eine CSS ist erstmal so aufgebaut:

Element {
Style;
}

Bei einem Tag den du Stylen möchtest, wie zum Beispiel beim Body Tag muss nur der Name des Tags angegeben werden, Beispiel:

body {

}

table {

}

a {


}

Wenn du nur eine Bestimmte Tabelle Stylen möchtest gibst du ihr entweder eine klasse oder eine id, Beispiel:

<table class="finanztabelle"></table>

nun kann man in der CSS mit

.finanztabelle {

}

den Style bearbeiten.

CSS ist also ganz einfacher, und wesendlich einfacher als HTML.

| Drakensang Modliste
| Drakensang Am Fluss Der Zeit Modliste
| Two Worlds Forum

Antworten

#10 | RE: HTML Anfänger datum

04.11.2012 20:16

Weeboo

Necropolis

Beitr�ge:	175
Registriert seit:	02.06.2012

Hatte heute nicht die nötige Ruhe zum Lernen.

Bei dem HTNL Code hat sich ja nicht viel geändert.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
 
<?xml version="1.0" ?>
<!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>
		<title>Testseite</title>
		<link rel="stylesheet" type="text/css" href="style.css" />
			
	</head>
	<body>
		<h1>Herzlich Willkommen!</h1>
		<h2>Die deutsche Mark und Euro.</h2>
		
	<table>
		<thead>
			<tr>
				<th>Deutsche Mark</th>
				<th>Euro</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td> Eingeführt am 21. Juni 1948</td>
				<td>Eingeführt am 1. Januar 2002</td>
			</tr>
		
		
			<tr>
				<td>Am 1. Januar 2002 durch den Euro ersetzt</td>
				<td>?</td>
			</tr>
			<tr>
				<td>Das beliebste Zahlungsmittel der Deutschen</td>
				<td>Steht für Preissteigerungen der letzten Jahre</td>
			</tr>
			<tr>
				<td>beliebter</td>
				<td>weniger beliebt</td>
			</tr>
		</tbody>
	</table>
			<p>Wenn sie noch mehr über die Geschichte beider Zahlungsmittel erfahren möchten folgen sie<br></br>den unten stehenden Links.</p>
			<p><a href="http://de.wikipedia.org/wiki/Deutsche_Mark" target="blank">Die deutsche Mark</a></p>
			<p><a href="http://de.wikipedia.org/wiki/Euro" target="blank">Der Euro</a></p>
	
	</body>
	
</html>
 

Hier ist die CSS Datei.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
body {
	font-size: 16px;
	color: #8B7355;
	background-color: #EEC591;
	}
	
table{
	border: solid;
	border-collapse: collapse;
	border-color: #8B7355;
 }
 thead{
	border: solid;
	}
tr, th, td{
	border: solid;
	}
 
a {
	color: #8B4513;
	}
 
 

Antworten

#11 | RE: HTML Anfänger datum

04.11.2012 20:19

ja, das passt so

Später kannst du auch attirbute zusammenfügen, zb:
border: 1px solid #000000;

wäre dann ein 1 px rahmen in schwarzer farbe.

| Drakensang Modliste
| Drakensang Am Fluss Der Zeit Modliste
| Two Worlds Forum

Antworten

#12 | RE: HTML Anfänger datum

04.11.2012 20:39

Das habe ich gelesen, die meisten Attribude habe ich mir schon notiert. Einiges bleibt gleich im Hirn verankert während andere immer wieder verschwinden und ich nachschlagen muss.

Ich habe auch schon mal mit einem 30x30px großen Hintergrundbild probiert, also die Wiederholung bei x und y. Werde die nächten Tage noch fleißig lesen, notieren und probieren. Danke für deine Hilfe Xanda!

So nebenbei mache ich noch ein Template für Castlevania, ist aber mehr um am Style zu feilen.

Antworten

#13 | RE: HTML Anfänger datum

05.11.2012 13:24 (zuletzt bearbeitet: 05.11.2012 13:25)

ich kenne Castelania nicht

Am besten ist bei HTML und CSS sowieso lerning by doing, wenn du möchtest kannst du mir per PN deinen Skype Namen (wenn vorhanden) schicken, dann kann ich ein paar Übungsaufgaben erteilen. So habe ich damals gelernt, und das sehr gut. Nun kenne ich die wichtigen und auch unwichtigeren sachen, eben weil ich in einem Modding Team für Skyrim die Website gebastelt habe, also immer mal änderungsaufträge und die dann machen, bzw rumprobieren, da lernt man schon einiges dazu.

Ansonsten kann ich nur raten: immer wieder und wieder websites schreiben, dann prägt man es sich ein. Und immer in den XHTML Validator. CSS muss man eigendlich nicht validieren, die Fehler zeigt die Fehlerkonsole des Browsers schon so an. Du hattest doch mal so ein tolles Mass Effect Template gemacht. Versuche dann später mal dieses in HTML umzusetzten. Die Bilder dann als background in eine Div setzten, nicht statisch einbinden im IMG.

| Drakensang Modliste
| Drakensang Am Fluss Der Zeit Modliste
| Two Worlds Forum

Antworten

#14 | RE: HTML Anfänger datum

05.11.2012 17:39

Castlevania Lord of Shadow 2

Da stimme ich dir zu immer wieder Websites zu machen, hab auch damit schon angefangen. Leider ist der Urlaub jetzt vorbei, die Arbeit hat wieder begonnen und die Zeit ist das Problem. Aber ich bleib da dran, denn ich will es lernen. Übungsaufgaben sind gut, Skype habe ich nicht auch kein anderes Programm und so bleibt nur die PN.
Von dem Mass Effect Template habe ich die PSD nicht mehr, müsste ich slicen.

Aber ich finde es schön das du mir hilffst.

Antworten

#15 | RE: HTML Anfänger datum

05.11.2012 18:10

Ist bei der Mass Effect Seite aber auch kein Problem, da es ein Standart Template ist, also kannst du einfach diese Datei zuschneiden, und einbinden.

| Drakensang Modliste
| Drakensang Am Fluss Der Zeit Modliste
| Two Worlds Forum

Antworten

CMS Systeme � � **

Seite 1 von 4 � Seite 1 2 3 4 Seite �