Meine erste Homepage

03/12/2011 18:49 WhiteCollar#1
Hei Leute^^


Ich ahbe gestern gedacht ich Lerne mal bisel HTML
und naja kann bisel(gut) mit Photoshop und hab mir mal ne Homepage erstellt
Habe 100% selber gemacht und nix Kopiert

[Only registered and activated users can see links. Click Here To Register...]
Des ist warscheinlich für euch eine Witz HP aba für ersten versuch ( aller erster versuch) finde ich sieht die gut aus^^

[Only registered and activated users can see links. Click Here To Register...]

Würde mich über euer Feedback freuen^^


Mfg TerrorTom
03/12/2011 19:40 ClOuDy.#2
benutze !niemals! diese, ich nenns mal "ameisen". es sieht 1. bei 99% aller hps beschissen aus und 2. lässt sich damit ganz beschissen arbeiten.
03/12/2011 19:50 WhiteCollar#3
Naja es geht^^ warum lässt es sich damit beschischisen arbeiten??^^

Und was kann ich noch an der HP machen
##


Mfg TerrorTom
03/12/2011 19:54 black0utCpp#4
Jo sieht doch ganz gut aus !
und was mein Vorposter für Phobien hat kann ich leider nicht verstehen meiner Meinung nach sieht das gut aus und für deine erste Hompage wäre das wirklich sehr gut
EDIT : Nur leider besteht eine Homepage nicht nur aus html photoshop und css wenn du eine wirkliche Homepage mit Formularen Chats usw haben willst musst du wohl oder übel PHP und Javascript lernen !
03/12/2011 19:56 WhiteCollar#5
Quote:
Originally Posted by black0utCpp View Post
Jo sieht doch ganz gut aus !
und was mein Vorposter für Phobien hat kann ich leider nicht verstehen meiner Meinung nach sieht das gut aus und für deine erste Hompage wäre das wirklich sehr gut
EDIT : Nur leider besteht eine Homepage nicht nur aus html photoshop und css wenn du eine wirkliche Homepage mit Formularen Chats usw haben willst musst du wohl oder übel PHP und Javascript lernen !
Danke^^<3
03/12/2011 19:57 NotEnoughForYou#6
ich würde sagen der code würde uns weiterhelfen die seite wirklcih zu beurteilen da man so nur das layout sieht
03/12/2011 19:58 Ravenstorm#7
Quote:
Originally Posted by black0utCpp View Post
Jo sieht doch ganz gut aus !
und was mein Vorposter für Phobien hat kann ich leider nicht verstehen meiner Meinung nach sieht das gut aus und für deine erste Hompage wäre das wirklich sehr gut
EDIT : Nur leider besteht eine Homepage nicht nur aus html photoshop und css wenn du eine wirkliche Homepage mit Formularen Chats usw haben willst musst du wohl oder übel PHP und Javascript lernen !
ja schon aber ich finde für die erste Hp hat er es ganz erträglich gemeistert.
Auch wenn sich da noch viel machen lässt..
Trotzdem nich schlecht

Der Code wäre nicht schlecht den mal zu sehn
03/12/2011 20:16 black0utCpp#8
Ich schätze mal er hat das Bild editiert und einfach als Background Image genommen!
03/12/2011 20:38 WhiteCollar#9
[Only registered and activated users can see links. Click Here To Register...]

Hier der link und der code kommt gleich mom^^
03/12/2011 20:57 NotEnoughForYou#10
so ;) ( alles nur tipps :) )

1. Navi nicht mit tabellen machen sondern mit eienr liste die gefloeatet ist

2. viel zu viele div´s ... benutz doch universalselektoren etc...

3. align=center ist sehr unvalide macht man über css

4. kansnt du mir ein webdesign machen :D bin unbegabt als designer ^^

zu deiner css sag ich gleich noch was :D


mfg
03/12/2011 20:59 Kuchenfreak™#11
Naja ich sags mal so wie zum Teil auch schon andere hier.
Für ne private Homepage kann sowas ja reichen und für die erste ist es auf jeden Fall schonmal ganz gut. Aber man kann sie halt stark verbessern.

Vom Quelltext her ist die Enterpage meiner Clanpage umfangreicher :D
03/12/2011 21:11 WhiteCollar#12
Ja^^
Ich ahbe des garde gemacht^^ des erste mal ^^ ich arbeite sändig weiter drann um zu verbessern^^
03/12/2011 21:12 NotEnoughForYou#13
poste mal deine css :D keine lust mir sie extra zu laden
03/12/2011 21:19 WhiteCollar#14
Hier^^

Code:
@charset "utf-8";
/* CSS Document */
#navi{
	background-image: url(img/navi.PNG);
	height: 60px;
	width: 800px;
}

#header{
	background-image: url(img/Header.png);
	height: 150px;
	width: 800px;	
}

#head{
	background-image: url(img/head.png);
	height: 60px;
	width: 800px;
	line-height: 50px;
	font-size: 36px;
	font-style: normal;
	font-family: "Terminator Two";
	color: #CCC;
}

#content{
	background-image: url(img/content.png);
	width: 800px;
	font-size: 20px;
}

#footer{
	background-image: url(img/footer.png);
	height: 60px;
	width: 800px;
	font-size: 16px;
	line-height: 55px;
	color: #333;
}
#button{
	text-align:center;
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(img/button1.png);
	height: 40px;
	width: 130px;
	font-size: 24px;
	line-height: 40px;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#button:hover{
	text-decoration: none;
	background-image: url(img/button2.png);
	color: #FFFFFF;
}

a{
	text-decoration:none;
	color: #fff;
}
^^
03/12/2011 21:21 NotEnoughForYou#15
so :D

ich glaube du hast den verwendungszweck von line-height nicht ganz verstanden :D
und normalerweise positioniert man über margin u. padding etc... daher auch keine tabellen verwenden wie ich auf seite 1 schon meine tipps gegeben habe :D