Eigenes Design coden




Vorraussetzungen


HTML Grundkenntnisse, viel Geduld und die Lust etwas zu lernen und auszuprobieren



Zuerst einmal, wer nicht mindestens Grundkenntnisse hat, in Sachen Homepage etc. sollte erstmal die Finger vom Eigenen Layout lassen.
Es bringt nichts, wenn ihr nicht wisst, wie man einen Scrollbalken farblich verändert, ein Bild einfügt oder nicht wisst, was eine Url ist. Natürlich kann man mit einem eigenen Layout seine Hp besser repräsentieren, aber man sollte auch wissen, was man da eigentlich tut. Am besten erstmal kleine Sachen lernen und später mit einem Layout anfangen.
Ansonsten, viel Spaß beim ausprobieren.

Das erste was ihr natürlich braucht, ist ein sogenannter Grundcode. Den könnt ihr für alle folgenden Layouts benutzen und braucht ihn lediglich anpassen.


Erklärung dazu:
Titel: Euer Homepagetitel, der oben im Browser erscheint
scrollbar-face-color, etc.: Farbangaben für den Scrollbalken (Siehe unter Scrollbalken Tutorial)
a:link, a:visited, a:active, a:hover: Angaben zum normalen Link
A.navi:link, A.navi:active, A.navi:visited: Angaben zum Navigations Link (Siehe unter Navigation Tutorial)
A.navi:hover: Angaben zum Navigations Link Hover (Siehe unter Navigation Tutorial)
font: Angaben zur normalen Schrift
b, strong: Angaben zur Fettschrift
i, em: Angaben zur Kursivschrift
u: Angaben zur unterstrichenen Schrift
s, strike: Angaben zur durchgestrichenen Schrift
textarea: Angaben zur Textarea (siehe Allgemeine Hilfe)
input: Angaben zum Input (Buttons)
background=Endless Stück des Layouts: Url einfügen für das sich wiederholende Endstück des Layouts
img border="0" src="Url des Layouts: Url des Layouts einfügen
width="Breite des Layouts",height="Höhe des Layouts": Genaue Breite und Höhe des Layouts eintragen
width: Breite des Contents;: Genaue Breite des Contents (wo der Inhalt hinein kommt)
height: Höhe des Contents;: Genaue Höhe des Contents (bei einem Endless Layout unwichtig)
left: Abstand des Contents von links;: Genauer Abstand des Contents von Links
top: Abstand des Contents von oben": Anfang des Contents
Content: Dort kommt der jeweilige Inhalt eurer Seite hinein
width: Breite der Navigation; height: Höhe der Navigation; left: Abstand der Navigation von links; top: Abstand der Navigation von oben": Gleich wie beim Content
Navigation: Die Navigation, dort könnt ihr angepasste Boxen und Navigationslinks einfügen


Dieser Grundcode ist für ein Endless Layout, d.h. das Layout ist genauso lang, wie der Text. Wollt ihr ein Div Layout (es gibt ein bestimmtes Ende des Layouts und einen Anfang und Ende des Contents + Navigation), müsst ihr folgende Sachen austauschen:
Bei den Angaben zum Content dies suchen: div style="overflow: visible; und durch div style="overflow: auto; ersetzen. Dasselbe bei den Angaben zur Navigation ändern.
Und


duch folgendes ersetzen


Allgemeines:
Zum Layout: Als Endless Stück bezeichne ich den letzten Streifen des Designs. D.h. ihr öffnet euer Layout in einem Bildbearbeitungsprogramm und schneidet unten das letzte Stück ab und speichert es separat ab. Dieses Stück wird sich immer und immer wiederholen, bis euer Text im Content zuende ist. Worauf ihr achten müsst, ist das dieses Stück dieselbe Breite hat, wie euer Layout. Wenn ihr z.B. eine Layout Grösse von 1024 x 768 habt, dann muss euer Endless Stück dieselbe Breite haben. Die Höhe spielt allerdings keine Rolle.
Platzhalter: Diese braucht ihr, wenn ihr bei Oyla seid. Dort erscheint dann später auf eurer Homepage der Text, bzw. die Navigation. Entfernt ihr die Platzhalter, so werdet ihr keinen Text sehen, sondern nur ein leeres Feld ^.~
Content: Statt die Platzhalter müsst ihr euren Inhalt hineinschreiben. Das bedeutet im Grunde, ihr schreibt ihr den kompletten Inhalt euerer Textseite hinein und speichert alles im Editor unter z.B. Testseite.html ab und ladet diese Seite bei eurem Hoster hoch. Dasselbe bei der Navigation, statt dem Platzhalter die komplette Linkadresse schreiben (Beispiel, wie sowas aussehen kann, bei dem Navigations Tutorial).
Eure spätere Willkommensseite müsst ihr index.html nennen (Achtung, unbedingt klein schreiben!), damit diese auch erscheint, sobald ihr eure normale Hp Adresse eingebt.


Nun habt ihr die Grundstücke für ein eigenes Layout. Probiert herum und testet aus. Am Schluss braucht ihr den Code nur noch als html Seite abspeichern und hochladen.

(Copyright by Chriskizzmysun, kopieren ist strikt untersagt!)




             


Welcome here

Willkommen auf meinem Blog, auf dem ich über meinen Alltag & alles was mich bewegt schreibe. Über Feedback freue ich mich & bei Gefallen, verfolgt meinen Blog mithilfe verschiedener Funktionen. Have Fun!


01.     » Main / Blogging Life 02.     » About chriskizzmysun

Woman behind

KOPF AUS. HERZ AN. Pictures fade.
Chrissi (24), aus Bremen, verheiratet und Mama von Carrie (2011) und Jace (2015). Liebt Tattoos (7) und Piercings (26), Fotografie , Schuhe, Starbucks, Pink, Glitzer, Kitsch, Shopping und Frühling. Herzensstadt Hamburg .
{{ ..Zeiten ändern sich. Momente vergehen. Doch Erinnerungen bleiben. }}

E-Mail  Bloglovin  RSS Feed  Twitter  Youtube  Facebook  Ask.fm  Instagram

» Mehr erfahren? » Unsere Tochter Carrie Milana » Unser Sohn Jace Milas » Schwangerschaft - Der Babyboy » Die Liebe - Mein Mann
...Dass uns niemals etwas trennen kann.
Ich liebe Dich. - 27.07.2009 -

Kategorien

Produkttest Food Rezepte Shopping Tattoos Herzmomente Hamburg Schwangerschaft Carrie Family Wedding Passwort geschützt Gedanken Nice Places Events
...Und vieles mehr.

Tagen glücklich vergeben
› und Tagen verheiratet.
› Carrie Milana ist Tage alt
› Jace Milas ist Tage alt
Tage seit dem letzten Hamburg Besuch
--------------------------------------------------
› Noch Tage bis zu Carrie's 4.Geburtstag
› Noch Tage bis zu Jace 1.Geburtstag
› Noch Tage bis Weihnachten
› Und Tage bis Silvester.

Become a Fan


Follow


bloglovin

Via "Google Friend Connect" folgen? Im Dashboard auf "Hinzufügen" klicken und die Url http://feeds.feedburner.com/chriskizzmysun eingeben.

blogoscoop Blogverzeichnis - Blog Verzeichnis bloggerei.de