• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Design für Private Website

Status
Für weitere Antworten geschlossen.
gola-noga

gola-noga

Neues Mitglied
Hallo!

Habe mir mal für meine private HP ein Design gemacht.

Neue: Daniel Barfuss

Wie findet ihr es? Was kann man anders/besser machen?

Dankeschön
 
Zuletzt bearbeitet:
Im anderen thema hab ich eigentlich schon alles geschrieben - das einzige was mich stört sind die beiden buttons "html-valide"
 
Also ich find die Seite ganz gut, bloß der Header find ich passt nicht ganz zum überirgen Design , und den Blumen hintergrund bei der navi auch net so arg
aber so im allgemeinen ganz gut gmacht
 
ja das mit dem Blumen habe ich gemacht weil ich halt dachte sonst sähe das langeweilig aus.

Welche Farbe müsste der Header denn haben? Oder was kann ich ändern damit er dort reinpasst?

Also das mit den Augen geht mir nicht so, werde aber bald vllt. den content bereich etwas gräulicher machen...
 
oh sry, werde das ändern, aber ich sprach ja auch nur vom Design^^

Stört euch das denn jetzt wirklich mit dem blenden und so? Meint ihr sowas kann man im Internet lassen oder würdet ihr es sofort rausnehmen? Seit ruhig hart!
 
gola-noga schrieb:
oh sry, werde das ändern, aber ich sprach ja auch nur vom Design^^
Stört euch das denn jetzt wirklich mit dem blenden und so? Meint ihr sowas kann man im Internet lassen oder würdet ihr es sofort rausnehmen? Seit ruhig hart!
Zum Vergrößern anklicken....
Nö, mich blendet da nichts. Ich würde es trotzdem etwas abdimmen.
Die Links in der Navigation würde ich etwas einrücken und die Schrift im Kopf sieht etwas "mädchenhaft" aus.
Die [SIZE=-1]Überschrift[/SIZE] der Navigation würde ich weglassen.

Ein Fehler hab ich bemerkt:
font-family: Verdana,Arial black,sans-serif;

richtig währe:

font-family : Verdana, 'Arial black', 'Sans Serif';

besser noch:

font-family : Verdana, Arial, 'Arial black', 'Sans Serif';
 
Ein Fehler hab ich bemerkt:
font-family: Verdana,Arial black,sans-serif;

richtig währe:

font-family : Verdana, 'Arial black', 'Sans Serif';

besser noch:

font-family : Verdana, Arial, 'Arial black', 'Sans Serif';
Zum Vergrößern anklicken....

endschuldige wenn ich frage, aber woran liegt da der unterschied??
Bringt ja nix wenn ich das ändere und ich noch nicht mal weiß weshalb:wink:

Das mit dem Abdunkeln mache ich dann morgen, heute mach ich dann noch die schrift "my sites" in der Navi weg.

ICh habe ja versuch die Links 2 Leerzeichen vom Rand weg zu bekommen, doch es hat nict geklappt, wie kann ich das machen?
 
gola-noga schrieb:
endschuldige wenn ich frage, aber woran liegt da der unterschied??
Bringt ja nix wenn ich das ändere und ich noch nicht mal weiß weshalb:wink:
Zum Vergrößern anklicken....
Der Unterschied stört nur Benutzer, die kein Verdana installiert haben.
Der Browser könnte Probleme mit den Leerstellen in den Schriftnamen haben.
deshalb die [SIZE=-1]Hochkommata. ( Arial ist etwas verbreiteter wie Arial black.)[/SIZE]
ICh habe ja versuch die Links 2 Leerzeichen vom Rand weg zu bekommen, doch es hat nict geklappt, wie kann ich das machen?
Zum Vergrößern anklicken....
Das css hab ich mir nur überflogen.
Wenn du einen Abstand von links willst, würde ich mir das noch mal ansehen.
In gefloateten Boxen gibt man den Elementen in der Box das padding-left.
In deinem Fall also dem <p> oder dem <a...> ein margin-left.

Ich hab auch schon oft gesehen, daß Designer ein weiteres div in das geflotete geschrieben haben und diesem ein padding gegeben haben. Das halte ich aber für Div-Suppe
 
Zuletzt bearbeitet:
-:
die schriftart passt nicht zum banner.
die links im menü sollten mindestens 10px abstand zum rand haben.

+:
schönes design.
 
Wenn ihr noch nicht im Edit gesehen habt, meine adresse hat sich geändert...

Daniel Barfuss

yoshi95 schrieb:
-:
die schriftart passt nicht zum banner.
die links im menü sollten mindestens 10px abstand zum rand haben.
Zum Vergrößern anklicken....

Ich habe genau 10px abstand eingestellt.. . Meint ihr da muss noch mehr?


welche würde denn sonst passen? Also was das angeht kenn ich mich nicht aus, außerdem muss die ja auch auf jedem pc drauf sein...
 
Zuletzt bearbeitet:
Sieht ganz schick aus, was fehlt ist ein Hover bei der Navigation.
Stelle die Schrift im Content ein bisschen kleiner ein (am besten zwischen 0.9em und 1em) und auf Trebuchet MS...

Pack den <hr /> weg, der passt nicht so gut...
Mach am besten aus der Überschrift, welches ein <p>-Absatz ist ein <h2>-Heading.
Und definiere das CSS alles in einer Datei!

Statt
HTML: 
<p class="lina" style="font-family: Verdana,Arial black,sans-serif;">
einfach nur
HTML: 
<p class="lina">

und dann im CSS

Code: 
.lina {
font-family: Verdana,'Arial black','sans-serif';
}

oder mit Trebuchet MS:

Code: 
.lina {
font-family: 'Trebuchet MS',Verdana,'Arial black','sans-serif';
}

Ich habe mal deinen HTML-Code ein wenig geändert:
Code: 
<!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" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Style-Type" content="text/css" />
	<title>Daniel Barfuss</title>
	<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
	<div id="box"> 
		<h1><img alt="Daniel Barfuss" id="header" src="images/header.gif" /></h1>
		<ul id="navi">
			<li>
				<a href="index.html">Startseite</a>
			</li>
			<li>
				<a href="about.html">&Uuml;ber mich</a>
			</li>
			<li>
				<a href="webdesign.html">Webdesign</a>
			</li>
			<li>
				<a href="works.html">Projekte</a>
			</li>
			<li>
				<a href="gbook.html">G&auml;stebuch</a>
			</li>
			<li>
				<a href="contact.php" >Kontakt</a>
			</li>
			<li>
				<a href="links.html">Links</a>
			</li>
		</ul>
		
		<div id="content">
			<h2>Hallo und herzlich willkommen</h2>
			<p>auf meiner bescheidenen Webpr&auml;senz im weltweiten Datennetz. Dies ist mein erstes Projekt,
			welches ich von vorne bis hinten selber gestaltet habe.
			 Auf dieser Webseite erfahren Sie alles &uuml;ber mich, meine Hobbies und gr&ouml;&szlig;tenteils, meinem Umfeld.
			 Lassen Sie mir doch bitte ein Feedback &uuml;ber das G&auml;stebuch oder das Kontaktformular zukommen.</p>
			<br />
			<p>Mit freundlichen Gr&uuml;&szlig;en,</p>
			<p>Daniel Barfuss</p>
			
			<p id="footer"><a href="http://jigsaw.w3.org/css-validator/">valides CSS</a> und <a href="http://validator.w3.org/check?uri=referer">XHTML</a></p>
		</div>
	</div>
</body>
</html>

und die CSS natürlich auch:

Code: 
* {
	margin: 0px;
	padding: 0px;
} 

body {
	font-family: 'Trebuchet MS', Verdana, 'Arial black', 'sans-serif'
}

#box {
	height: 900px;
	width: 700px;
	margin: auto;
	background-color:#FFF;
}

#header {
	width: 700px;
	height: 200px;
	background-image: url("http://www.html.de/images/header.gif");
}

#navi {
	width: 190px;
	height: 500px;
	float: left;
	background-image: url("http://www.html.de/images/navi.gif");
}

#navi {
	margin-left: 10px;
	list-style: none;
}

#navi li a {
	color: #777777;
	font-weight: bold;
}

#navi li a:hover {
	text-decoration: none;
}

#content {
	width: 490px;
	height: 700px;
	float: right;
	padding: 5px;
	background-image: url("http://www.html.de/images/content.gif");
}

#content h2 {
	font-size: 1.2em;
	font-weight: normal;
	border-bottom: 1px solid gray;
}

#content a {
	color: #09F;
	text-decoration: none;
}

#content a:hover {
	text-decoration: underline;
}

#footer {
	margin-top: 30px;
	font-size: 0.9em;
	color: #999;
}

Gruß, Eugen
 
Zuletzt bearbeitet von einem Moderator:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben