Geld für Ihre Startseite!

vickymawiva · 20.06.2011, 16:33:33

Also ich habe es bis jetzt immer nur hin bekommen ein Design in Photoshop zu slicen und dann den Hintergrund der Textfelder in einer Tabelle als Hintergrund für die Tabellenzeile einzusetzen. Also Tabellendesign auf die billigste Art...
DAS ist meine Momentane (etwas unfertige) Homepage...
Sobald man die Seite etwas größer zeiht wird alles unscharf, dass stört mich. Ich habe das Design für 1024x764 entworfen und habe selbst 1920x1080 (glaub ich). Dieses Problem wird ja bei mehreren auftreten...

Jetzt will ich mir mal vornehen sowas RICHTG hinzubekommen. Also mit hoverbuttons Diesen Klappmenüs, evtl ner selbst gemachten gallerie (benutze im moment svBuilder), ect. Generell einfach ein halbwegs professionelles Webdesign.

Im Internet habe ich auch ein Tutorial gefunden : *klick*

Allerdings möchte ich mal fragen ob ich mit html5 und etwas Java schon einigermaßen gut beraten bin oder ob das ebenfalls totaler Müll ist...

kbot · 20.06.2011, 16:54:00

also HTML und CSS reichen völlig aus um eine gute Internetseite zu erstellen, sofern du noch irgendwelche Spielereien einbauen willst, dann wäre Javascript noch nützlich

aber mit Java wirst eher weniger anfangen können, da das eher für richtige Programme/Spiel gebraucht wird

wichtige Stichworte für Google wären:
"Selfhtml", "CSS" und "Javascript *Spielereiname*"

vickymawiva · 20.06.2011, 17:02:22

Danke erstmal für die schnelle antwort.. also html und css habe cih jetzt in diesen tutorials gefunden 1. und 2. Allerdings verstehe ich schon den schritt beim coden ganz am anfang nicht, weil der Autor die Designs jedes mal anscheinend nach anderen Kriterien in Tabellenspalten einteilt???

Gibt es solche Tutorials vielleicht irgendwo auf deutsch? also self-html kenne ich aber wenn man nicht weiß wie man die einzelnen code teile miteinander verbinden kann, dann bringt mich das auch nicht so richtig weiter

kbot · 20.06.2011, 17:06:41

HTML- und CSS-Tutorials - Erstellen Sie Ihre eigene Webseite - HTML.net
Google ist dein Freund ; )
sowas?

ps. allerdings wird dort auch über Tabellen geschrieben, diesen Teil bitte nicht! beachten

jayjay5 · 20.06.2011, 17:10:31

css4you wäre bestimmt auch was für dich. an den beispielen kann man gut lernen.

Kralle93 · 20.06.2011, 18:26:18

Zitat:

Allerdings verstehe ich schon den schritt beim coden ganz am anfang nicht, weil der Autor die Designs jedes mal anscheinend nach anderen Kriterien in Tabellenspalten einteilt???

Um eine ordentliche Homepage zu machen, darfst du nicht mit Tabellen arbeiten. Schau dir DIVs im Bezug auf CSS an.
Dann unterteilst du die PSD ganz logisch. Anhand deines Beispiels folgendermaßen:
- Header
-> Logo
-> Navigation
- Content (2 Spalten Layout mithilfe von Float)
-> Content
-> Sidebar
- Footer (Fehlt bei dir in der PSD)

vickymawiva · 21.06.2011, 13:30:33

also ich habe mir das ganze gründlich durchgelesen und das System auch schon ganz gut verstanden

Jetzt wollte ich mich selbst an einer Seite versuchen um das ganze mal zu üben. Allerdings klappt es bei mir irgendwie nicht, dass die css Datei sich richtig auf die html Datei bezieht.. Denn die Html Datei nimmt die angaben aus meiner css Datei nicht auf

Html datei:

Code:


1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <link rel="stylesheet" type="text/css"
 href="cssdatei.css">
  <title>test-css seite</title>
</head>
<body>
<h1>Mein Schrifttest (h1)</h1>
<h2>die Unterüberschrift (h2)</h2>
</body>
</html>

Der Code in meiner Css Datei (die heißt wirklich "cssdatei.css"):

Code:


1:
2:
3:
4:
5:
6:
<style type="text/css">

* {font-size:14px;
  color:#ff0000;}

</style>

Helo · 21.06.2011, 13:36:39

Code:


1:
2:
3:
4:
5:
6:
<style type="text/css">

* {font-size:14px;
  color:#ff0000;}

</style>

zu

Code:


1:
2:
3:
4:
* {
  font-size:14px;
  color:#ff0000;
}

ändern und es sollte funktionieren (wenn ich jetzt keinen anderen Fehler übersehen habe).

vickymawiva · 21.06.2011, 13:49:41

Danke erstmal, dass ging ja schnell

Allerdings funktioniert das irgendwie immer noch nicht. Also die "unterüberschrift" h2 ist zwar kleiner als h1 aber das steht ja nicht im css sheet. Das ist doch bei h1 /h2 /h3 Teilen immer so, dass sie immer kleiner werden, oder? und eigentlich soll der Text ja auch rot werden. Aber der ist immer noch schwarz :/

Helo · 21.06.2011, 14:02:25

Wenn ich den Code genau so kopiere, wie er bei dir und bei mir in den Posts vorhanden ist, dann funktioniert das genau so wie es soll ...

vickymawiva · 21.06.2011, 14:08:22

das verstehe ich nicht.. bei mir geht es weder mit dem ff noch mit dem IE. Was kann denn da noch schief laufen? Also beide Dateien sind in einem Ordner.

Helo · 21.06.2011, 14:11:18

Die style-Tags hast du aus der CSS-Datei entfernt, ja?
Ansonsten bleibt eigtl. nur noch, dass du irgendwo nen Buchstabendreher oder sowas hast.

Maniac99 · 28.06.2011, 15:44:47

Die Schreibweise mit dem Joker-Zeichen (*) ist ganz übles Mojo!

Besser:

Code:


1:
2:
3:
4:
5:
html, body, h1, h2 
{
 font-size:14px;
 color:#ff0000;
}

Idealerweise gibst du den Elementen noch Klassen:

Code:


1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <link rel="stylesheet" type="text/css"
 href="cssdatei.css" />
  <title>test-css seite</title>
</head>
<body>
<h1 class="head">Mein Schrifttest (h1)</h1>
<h2 class="subhead">Die Unterüberschrift (h2)</h2>
</body>
</html>

und dann:

Code:


1:
2:
3:
4:
5:
6:
7:
8:
9:
.head{
font-size: 16px;
color: #FF0000;
}

.subhead{
font-size: 14px;
color: #FF0011;
}

Wenn du wirklich mit Homepage erstellen beschäftigen willst, kommst du nicht herum HTML und CSS zu lernen (beides keine Programmiersprachen!).
Für mal was erstellen, sollte ein X-Beliebiger HP-Baukasten reichen (auch wenn die ein fürchterliches HTML produzieren).

theHacker · 28.06.2011, 17:59:40

Zitat:

Zitat von Maniac99

Die Schreibweise mit dem Joker-Zeichen (*) ist ganz übles Mojo!

Wieso?

CSS-Resets z.B. verwenden sogar bewusst den Stern, um wirklich alles zu erwischen. Solange man weiß, was man tut, is ein * im CSS absolut ok.

(Nicht verwechseln mit dem üblichen SELECT *, was sich Anfänger in SQL angewöhnen)

chrissel · 28.06.2011, 19:08:24

Zitat:

Zitat von Maniac99

Die Schreibweise mit dem Joker-Zeichen (*) ist ganz übles Mojo!

Zitat:

Zitat von theHacker

Wieso?

CSS-Resets z.B. verwenden sogar bewusst den Stern, um wirklich alles zu erwischen. Solange man weiß, was man tut, is ein * im CSS absolut ok.

So sehe ich das auch!
Was ich immer gerne verwende:

PHP-Code:

1:
2:
3:
4:


		
			
* {

  padding:0;

  margin:0;

}

Das ist ziemlich praktisch, denn von Browser zu Browser hat man oft unterschiedliche Definitionen vom Margin und Padding und wenn man diese Definition einbaut, muss man auch für jeden Tag diese Abstände definieren und hat sie überall gleich.

20.06.2011, 16:33:33	#1 (permalink)
vickymawiva Erfahrener Benutzer ID: 308089 Lose-Remote Reg: 06.01.2008 Beiträge: 314	Erste richtige Homepage.. welche Programmierersprache/ System? Also ich habe es bis jetzt immer nur hin bekommen ein Design in Photoshop zu slicen und dann den Hintergrund der Textfelder in einer Tabelle als Hintergrund für die Tabellenzeile einzusetzen. Also Tabellendesign auf die billigste Art... DAS ist meine Momentane (etwas unfertige) Homepage... Sobald man die Seite etwas größer zeiht wird alles unscharf, dass stört mich. Ich habe das Design für 1024x764 entworfen und habe selbst 1920x1080 (glaub ich). Dieses Problem wird ja bei mehreren auftreten... Jetzt will ich mir mal vornehen sowas RICHTG hinzubekommen. Also mit hoverbuttons Diesen Klappmenüs, evtl ner selbst gemachten gallerie (benutze im moment svBuilder), ect. Generell einfach ein halbwegs professionelles Webdesign. Im Internet habe ich auch ein Tutorial gefunden : klick Allerdings möchte ich mal fragen ob ich mit html5 und etwas Java schon einigermaßen gut beraten bin oder ob das ebenfalls totaler Müll ist... "*The future belongs to those who believe in the beauty of their dreams" (-Eleanor Roosevelt) Werbung:* Losekaufen per Sofortüberweisung, supergünstig! \|

20.06.2011, 17:02:22	#3 (permalink)
vickymawiva Erfahrener Benutzer ID: 308089 Lose-Remote Reg: 06.01.2008 Beiträge: 314	Danke erstmal für die schnelle antwort.. also html und css habe cih jetzt in diesen tutorials gefunden 1. und 2. Allerdings verstehe ich schon den schritt beim coden ganz am anfang nicht, weil der Autor die Designs jedes mal anscheinend nach anderen Kriterien in Tabellenspalten einteilt??? Gibt es solche Tutorials vielleicht irgendwo auf deutsch? also self-html kenne ich aber wenn man nicht weiß wie man die einzelnen code teile miteinander verbinden kann, dann bringt mich das auch nicht so richtig weiter "*The future belongs to those who believe in the beauty of their dreams" (-Eleanor Roosevelt) Werbung:* Losekaufen per Sofortüberweisung, supergünstig! \|

20.06.2011, 17:10:31	#5 (permalink)
jayjay5 17.2.2005 ID: 323543 Lose-Remote Reg: 05.07.2008 Beiträge: 810	css4you wäre bestimmt auch was für dich. an den beispielen kann man gut lernen. Kalifornien Reisen

21.06.2011, 13:49:41	#9 (permalink)
vickymawiva Erfahrener Benutzer ID: 308089 Lose-Remote Reg: 06.01.2008 Beiträge: 314	Danke erstmal, dass ging ja schnell Allerdings funktioniert das irgendwie immer noch nicht. Also die "unterüberschrift" h2 ist zwar kleiner als h1 aber das steht ja nicht im css sheet. Das ist doch bei h1 /h2 /h3 Teilen immer so, dass sie immer kleiner werden, oder? und eigentlich soll der Text ja auch rot werden. Aber der ist immer noch schwarz :/ "*The future belongs to those who believe in the beauty of their dreams" (-Eleanor Roosevelt) Werbung:* Losekaufen per Sofortüberweisung, supergünstig! \|

21.06.2011, 14:08:22	#11 (permalink)
vickymawiva Erfahrener Benutzer ID: 308089 Lose-Remote Reg: 06.01.2008 Beiträge: 314	das verstehe ich nicht.. bei mir geht es weder mit dem ff noch mit dem IE. Was kann denn da noch schief laufen? Also beide Dateien sind in einem Ordner. "*The future belongs to those who believe in the beauty of their dreams" (-Eleanor Roosevelt) Werbung:* Losekaufen per Sofortüberweisung, supergünstig! \|

21.06.2011, 14:02:25	#10 (permalink)
Helo (X)HTML/CSS/JS/PHP ID: 316075 Lose-Remote Reg: 31.03.2008 Beiträge: 731	Wenn ich den Code genau so kopiere, wie er bei dir und bei mir in den Posts vorhanden ist, dann funktioniert das genau so wie es soll ...

21.06.2011, 14:11:18	#12 (permalink)
Helo (X)HTML/CSS/JS/PHP ID: 316075 Lose-Remote Reg: 31.03.2008 Beiträge: 731	Die style-Tags hast du aus der CSS-Datei entfernt, ja? Ansonsten bleibt eigtl. nur noch, dass du irgendwo nen Buchstabendreher oder sowas hast.

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Themen-Optionen
Druckbare Version zeigen Diese Seite per E-Mail verschicken
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[HTML/CSS] meine erste homepage ;)	rEpaiRmanIP	Programmierung	14	30.05.2011 17:47:06
Neues System aber welche CPU ?	KingPorno	Hardware	12	31.05.2009 12:57:57
Festlegen welche Gruppe in MyFriends als erste angezeigt wird	jiw	Verbesserungsvorschläge	5	02.10.2008 12:11:30
Welche drei Mannschaften steigen in die erste Bundesliga auf ?	NeedSomeWeed	Sport	3	09.07.2008 15:54:19
Meine erste Homepage	mareno	Grafik & Design	21	27.06.2008 12:33:18