Richtiger HP-Aufbau!
- #1774441 - 07.06.2009, 13:00:34
|
Forumuser
Registriert: 07.04.2009
Beiträge: 3
|
Also ich habe das schon oft gesehn das manche Hompages in knuddels.de fast so aussehen wie richtige profi hp´s
also z.B.
rechts und links sind verschiedene auswahlmöglichkeiten oder so...
wisst ihr wie das geht?
v.g. kreativi
|
|
[zum Seitenanfang]
|
|
Re: Richtiger HP-Aufbau!
[Re: Kreativi]
- #1774448 - 07.06.2009, 13:07:40
|
hippi 97
Nicht registriert
|
Hey.  Um so eine "Profil Homepage" zu erstellen, solltest du HTML können. Mit HTML Codes kannst du dann die Homepage nach deinen Wünschen bestücken. HTML ist auch nicht so schwer zu lernen. Du kannst ja mal bei Google nach HTML Tutorials gucken. Gruß. 
|
|
[zum Seitenanfang]
|
|
|
Re: Richtiger HP-Aufbau!
[Re: ]
- #1774489 - 07.06.2009, 14:06:01
|
»World of Promisses«
Registriert: 03.06.2007
Beiträge: 4.860
Ort: Deutschland, Sachsen, Riesa
|
Zudem kannst du hier: Tutorials auch einmal reinschaun. Dort ist ziemlich gut beschrieben, wie du ein Klickmenü erstellen kannst. Wenn du die Suchfunktion anstrengst solltest du noch einen Thread von Huendchen finden. Dort ist noch ein menü mit Javascript beschrieben. Rein mit html wäre dir hier sowieso nicht geholfen. Für das Design zeichne dir einfach mal auf einem Stück Papier eine Skizze, wie die Homepage am Ende aussehen soll und dann setze es in html um.
Bearbeitet von riesaboy (07.06.2009, 14:07:53)
_________________________
Und allem weh zum trotz glaube ich noch immer an die Welt und an die Menschlichkeit.
|
|
[zum Seitenanfang]
|
|
|
Re: Richtiger HP-Aufbau!
[Re: Kreativi]
- #1775030 - 07.06.2009, 23:11:48
|
Registriert: 06.12.2006
Beiträge: 4.861
|
Hallo und Willkommen im Forum! Also ich habe das schon oft gesehn das manche Hompages in knuddels.de fast so aussehen wie richtige profi hp´s
also z.B.
rechts und links sind verschiedene auswahlmöglichkeiten oder so...
wisst ihr wie das geht?
v.g. kreativi Du kannst den Style und auch so ein 'Profil' auch ganz einfach über Tabellen(evtl unsichtbare Tabellen) gestalten. Ich empfehle Dir, wenn Du aus Deiner HP was tolles machen möchtest, diese Seite. Damit hab ich auch mal HTML gelernt und jetzt kann ichs. Du findest auch Tests, wo Du Dein Wissen austesten kannst. Die Seite ist recht einfach formuliert - probier es mal aus. :) -#DJWipe
|
|
[zum Seitenanfang]
|
|
|
Re: Richtiger HP-Aufbau!
[Re: Daemmerung]
- #1776552 - 09.06.2009, 19:56:44
|
Forumuser
Registriert: 07.04.2009
Beiträge: 3
|
sry aber ich versteh das alle nicht.....
_________________________
ℓσνє кιℓℓѕ ѕℓσωℓу
|
|
[zum Seitenanfang]
|
|
|
Re: Richtiger HP-Aufbau!
[Re: Kreativi]
- #1776579 - 09.06.2009, 20:23:55
|
Forumuser
Registriert: 24.05.2008
Beiträge: 138
|
Deshalb solltest du auch einfacher anfangen. Ich habe zum Beispiel anfangs mit Ankern rumgespielt. Scrollbar entfernt, auf jede Ankerhöhe ein Menü und Inhalt.
|
|
[zum Seitenanfang]
|
|
|
Re: Richtiger HP-Aufbau!
[Re: flirting Boy13]
- #1776667 - 09.06.2009, 21:46:16
|
Registriert: 29.03.2007
Beiträge: 2.385
|
Schau mal, das hab ich erst vor einigen Tagen mit meiner kleinen Grosscousine gemacht. Speicher dir das doch mal ab ( am besten oeffnest du das Programm Notepad und kopierst dir den unteren Text in dieses Notepad und gehst auf Speichern. ) Spiel doch einfach mal damit ein bisschen, aender die Farben, die Zahlen, das duerfte fuer den Anfang ersteinmal reichen. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" >
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Übunsseite</title>
</head>
<body id="forum.kd">
<div style="background: #f8f8ff; width: 800px; margin: auto;">
<div style="width: 140px; height: 450px; background: yellow; float: left; padding: 5px; padding-top: 0; padding-bottom: 0;">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco labor.
</p>
<ul style="list-style: square inside; padding: 0;">
<li style="margin-bottom: 1em;"><a href="#first" style="color: #00bfff; text-decoration: none; border-bottom: dotted; font-weight: 900;" title="first">First</a></li>
<li style="margin-bottom: 1em;"><a href="#second" style="color: orange; text-decoration: none; border-bottom: dotted; font-weight: 900;" title="second">Second</a></li>
<li style="margin-bottom: 1em;"><a href="#third" style="color: violet; text-decoration: none; border-bottom: dotted; font-weight: 900;" title="third">Third</a></li>
<li style="margin-bottom: 1em;"><a href="#fourth" style="color: #ff1493; text-decoration: none; border-bottom: dotted; font-weight: 900;" title="fourth">Fourth</a></li>
</ul>
</div>
<div style="width: 640px; float: left;">
<div id="first" style="color: #00bfff; margin-bottom: 2em; border: 1px solid blue; padding: 5px; padding-top: 0; padding-bottom: 0;">
<h2>First box</h2>
<img src="http://i40.tinypic.com/zo6ujp.jpg" alt="Bild von mir" style="padding-top: .1em; width: 213px; height:320px; float: left; margin-right: .3em" />
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<p style="clear: left;">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
<div id="second" style="color: orange; margin-bottom: 2em; border: 1px solid red; padding: 5px; padding-top: 0; padding-bottom: 0;">
<h2>Second box</h2>
<img src="http://i41.tinypic.com/22fhoz.jpg" alt="Bild von meiner Katze" style="padding-top: .5em; width: 150px; height:100px; float: left; margin-right: .3em" />
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<p style="clear: left;">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
<div id="third" style="color: violet; margin-bottom: 2em; border: 1px solid green; padding: 5px; padding-top: 0; padding-bottom: 0;">
<h2>Third box</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
<div id="fourth" style="color: #ff1493; border: 1px solid purple; padding: 5px; padding-top: 0; padding-bottom: 0;">
<h2>Foruth box</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
<div style="clear: both;"></div>
</div>
<div style="clear: both;"></div>
</div>
</body>
</html>(Ob ich wohl dem TE hier zu viel zumute - meine Cousine ist nicht viel aelter …) [img]http://www.ld-host.de/uploads/images/05f98cef0edd5785360127a2668a86ea.gif[/img] fuer Kinder 
Bearbeitet von Scnappi (10.06.2009, 18:59:00)
Bearbeitungsgrund: Quellcode gespoilert, da Threadansicht extem in die Länge gezogen, Kroko.
|
|
[zum Seitenanfang]
|
|
vorheriges Thema
Index