Samstag, 15. märz 2008
Ich beschreibe hier die Layout Erstellung für meine Seite. Hier zeige ich wie die obere Struktur aussieht. Die Farben werden noch angepasst und die Navigation befindet
sich im Rohzustand. Sie ist von oben nach unten doch ich möchte sie uter dem Logo haben. Von Links nach-rechts. Dies werde ich durch CSS machen.
Eigentlich sieht es so schon ganz gut aus oder?
Den eigentlichen html Code werde ich einstellen.
Den CSS Code noch nicht :-) da ich zu faul war ihn bis jetzt zu kommentieren. Das schwarze gefällt mir persönlich gut wie ihr auch an meinem Blog sehen könnt doch kämpfe ich da noch mit mir. Also nicht überrascht sein.
Hier ein Teil vom Code zum anschauen:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Myhome-Board</title>
<link href="style.css" rel="stylesheet" type="text/css"/>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
</head>
<body id="page">
<div id="start"></div>
<div id="haupt">
<div id="head">
<h1 id="log"></h1>
</div>
<div id="naviq">
<ul>
<li><a href="#" class="home" title="Startseite"><span>Startseite</span></a></li>
<li><a href="#" title="Favoriten"><span>Favoriten</span></a></li>
<li><a href="#" title="3.Seite"><span>3.Seite</span></a></li>
<li><a href="#" title="4.Seite"><span>4.Seite</span></a></li>
<li><a href="#" title="5.Seite"><span>5.Seite</span></a></li>
<li><a href="#" title="Impressum"><span>Impressum</span></a></li>
</ul>
</div>
Ihr seht hier schon das CSS eingebaut ist. Diesen werde ich noch genau beschreiben.Stück für Stück.
Wenn ihr es austesten solltet werdet ihr euch wundern :-) es ist einfach nicht das was ihr seht im Schnappschuss sondern Text untereinander.
Sobald ich die Navigation und Farbe stimmig habe werde ich es einzeln Kommentieren.
Also bitte ein wenig Geduld.
So ich habe beschlossen, das die Farben so bleiben. Dieses ist auf einen Eintrag im Buch www.praxisbuch-web20.de zurück zu bringen. Es wird dort Super beschrieben wie die Farben miteinander harmonieren. Ich habe deswegen einen Großteil davon übernommen und werde ihn direkt einsetzen. Warum soll ich die Welt neu erfinden. Es gibt soviel Hilfe in Büchern und Internet. Also hoffe ich einfach das ihr es mir nachseht. So die ersten Basis Sachen sind geschaft. EIn wenig Blindtext und die Navigation ist soweit OK. Auf der Rechten Seite verzichte ich auf Navigation sondern erlaube mir Afilate einzubauen. Hier die Ansicht.
Jetzt werde ich an den Text und ein paar Desings gehen. Sobald ich diese Fertig habe werde ich die Seite Online stellen und ihr könnt sie komplett sehen und nörgeln :-)
Es ist soweit die Seite ist die Index ist Online. Fragen über das CSS sowie HTML könnt Ihr ja bitte als Kommentar schreiben. Ich versuche alles zu beantworten (muss auch nachlesen). Derweil ich mich über das kommentieren versuche (kommt hier rein) werde ich einen neuen Artikel erstellen. Text und Bilder soll er heissen.
Also los gehts.
Eigentlich sieht es so schon ganz gut aus oder?Den eigentlichen html Code werde ich einstellen.
Den CSS Code noch nicht :-) da ich zu faul war ihn bis jetzt zu kommentieren. Das schwarze gefällt mir persönlich gut wie ihr auch an meinem Blog sehen könnt doch kämpfe ich da noch mit mir. Also nicht überrascht sein.
Hier ein Teil vom Code zum anschauen:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Myhome-Board</title>
<link href="style.css" rel="stylesheet" type="text/css"/>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
</head>
<body id="page">
<div id="start"></div>
<div id="haupt">
<div id="head">
<h1 id="log"></h1>
</div>
<div id="naviq">
<ul>
<li><a href="#" class="home" title="Startseite"><span>Startseite</span></a></li>
<li><a href="#" title="Favoriten"><span>Favoriten</span></a></li>
<li><a href="#" title="3.Seite"><span>3.Seite</span></a></li>
<li><a href="#" title="4.Seite"><span>4.Seite</span></a></li>
<li><a href="#" title="5.Seite"><span>5.Seite</span></a></li>
<li><a href="#" title="Impressum"><span>Impressum</span></a></li>
</ul>
</div>
Ihr seht hier schon das CSS eingebaut ist. Diesen werde ich noch genau beschreiben.Stück für Stück.
Wenn ihr es austesten solltet werdet ihr euch wundern :-) es ist einfach nicht das was ihr seht im Schnappschuss sondern Text untereinander.
Sobald ich die Navigation und Farbe stimmig habe werde ich es einzeln Kommentieren.
Also bitte ein wenig Geduld.
So ich habe beschlossen, das die Farben so bleiben. Dieses ist auf einen Eintrag im Buch www.praxisbuch-web20.de zurück zu bringen. Es wird dort Super beschrieben wie die Farben miteinander harmonieren. Ich habe deswegen einen Großteil davon übernommen und werde ihn direkt einsetzen. Warum soll ich die Welt neu erfinden. Es gibt soviel Hilfe in Büchern und Internet. Also hoffe ich einfach das ihr es mir nachseht. So die ersten Basis Sachen sind geschaft. EIn wenig Blindtext und die Navigation ist soweit OK. Auf der Rechten Seite verzichte ich auf Navigation sondern erlaube mir Afilate einzubauen. Hier die Ansicht.
Jetzt werde ich an den Text und ein paar Desings gehen. Sobald ich diese Fertig habe werde ich die Seite Online stellen und ihr könnt sie komplett sehen und nörgeln :-)
Es ist soweit die Seite ist die Index ist Online. Fragen über das CSS sowie HTML könnt Ihr ja bitte als Kommentar schreiben. Ich versuche alles zu beantworten (muss auch nachlesen). Derweil ich mich über das kommentieren versuche (kommt hier rein) werde ich einen neuen Artikel erstellen. Text und Bilder soll er heissen.
Also los gehts.
von Thomas
veröffentlicht in:
Die erste Homepage
Community:
Homepage
Kommentar hinzufügen Kommentare (1) Trackback erstellen empfehlen
Kommentar hinzufügen Kommentare (1) Trackback erstellen empfehlen
Werbung
Achetez sur le Net!
Coin Rencontre
Espace Connexion Internet
Werbung
Letzte Artikel
Communitys
Über diesen Blog
- : Hilfe bei Seo und Homepagegestaltung
-
- : Homepage CSS Suchmaschinenoptimierung Gestaltung SEO internet
- : Hallo dies ist mein erster Blog und ich glaube wir können hier einiges an Wissen austauschen.Ich versuche meine Gedanken/Wissen über Seo also Suchmaschinen und Optimierung für Webseiten zu teilen.
- Diesen Blog empfehlen
- Zurück zur Startseite
Empfehlen
Klicken Sie hier, um diesen Blog weiterzuempfehlen.
Neueste Kommentare