Eigene Homepage

[lala2204]

Hallo liebe Bastler, Webdesigner und Hobby-Webdesigner ,

ich bastle nun schon seit ca. 1 1/2 Jahren mit Photoshop rum und meine Artssammlung, welche hauptsächlich aus Filmen, Celebreties und Serien besteht platzt auf meinem Rechner aus allen Nähten xD.

Beim stöbern im Netz habe ich jetzt ein paar tolle Homepages gefunden, wo man Arts "ausstellen" kann.
Des weiteren würde ich mich fürs bloggen interessieren.

Ich habe mich also entschlossen dem ganzen ein Gesicht zu geben xD.
Gerade bin ich zwischendurch, wenn mal etwas Luft vom Alltag ist, dabei mich in Selfhtml und Tutorials einzulesen, was langsam aber stetig voran geht.

Allerdings wollen mir einige Sachen noch nicht einleuchten, bzw. würde ich gerne hinterfragen.

* Mein Layout möchte ich gern via Photoshop erstellen.
* Es soll eine Gallerie (Coppermine), ein Newssystem (Cutenews?) und ein paar Gimmicks wie Affiliates oder Shoutbox später vorhanden sein.

Beispiel: http://www.starlights-graphics.de/de/

Erstelle ich via PS nun mein Layout, habe ich ja nur begrenzt Platz, quasi nur für die wichtigsten Hyperlinks später (Home, Gallery, Kontakt, Impressum...). Auf dieser Seite bspw. sin jetzt aber ganz Rechts noch Rubriken, welche Informationen enthalten und zum Scrollen der Seite führen.
Wie bekommt man so etwas hin? Muss man dies auch schon irgendwie ins Layout einbauen oder kann man so etwas später Codieren?

Die "Willkommen"-Rubrik mit dem Einleitungstext, welche Zeile ist dies genau in der Codierung?
Oder muss ich das sogar auch schon ins Layout einbinden?

Vielleicht kann mir da einer meine Fragen beantworten, denn bislang traue ich mich noch nicht so recht in die Vollen zu gehen xD.

Ich habe schon ein paar mal hier im Forum geschaut, ob ich ein ähnliches Thema finde, komme aber irgendwie auf keines was mir meine Fragen so wirklich beantwortet.

Danke schon einmal im Voraus.

LG
Lala

[phoenix]

Erstelle ich via PS nun mein Layout, habe ich ja nur begrenzt Platz, quasi nur für die wichtigsten Hyperlinks später (Home, Gallery, Kontakt, Impressum...).

Eigentlich designst Du in Photoshop nur Elemente. Du baust da keine komplette Webseite. Das kannst Du natürlich, um dem Brainstorming ein Gesicht zu geben, aber nötig ist es nicht. Die einzelnen Bereiche, deren Grösse und Aussehen (sowie natürlich auch der Inhalt), wird alles über die programmierung festgelegt. Natürlich kannst Du Bildschnippsel die Du in PS vorbereitet hast (die angesprochenen Elemente) mit zur Formatierung in CSS einsetzen. Aber Du designst nicht einen Content-Hintergrund in z.B. 600x1500 und slicest das dann. Ja das geht zwar, aber das ist dann so die Seifenkiste, während Du links und rechts von fitten Füssgängern und Sportboliden überholt wirst.

Die "Willkommen"-Rubrik mit dem Einleitungstext, welche Zeile ist dies genau in der Codierung?

Nutze die Entwicklerkonsole in Deinem Browser. In Opera z.B. ist das Dragonfly, mit einem Rechtsklick "Element untersuchen" wird sie aufgerufen. Danach kannst Du in der Webseite jedes Element anklicken und die Konsole zeigt Dir die Informationen dazu wie HTML und CSS Code.

In diesem Fall:

<div id="side_h1">Willkommen</div>
<div id="side_text">Ich begrüße euch auf meiner kleinen Grafik-Seite. Ihr könnt hier Wallpaper, Signaturen, Icons, Layouts und vieles mehr finden. Viel Spaß beim Umschauen!</div>

Um auf den Punkt zu kommen. Ich lese heraus, das die Grundlagen fehlen. Ich vermute das Du zum besten Ergebnis kommst, wenn Du ein fertiges Template einsetzt. Um eine Webseite wie die gezeigte zu bauen, müssen die Grundlagen sitzen und etwas fortgeschrittenen Wissen schadet auch nicht. Kann man sich aber alles aneignen, Übung macht den Meister.

Die gezeigte Webseite besteht grob gesagt aus 2 Teilen. In HTML sieht das dann in etwa so aus (extrem vereinfacht):

<div id="ganze seite">
    <div id="linke seite">
    </div>
    <div id="rechte seite">
    </div>
</div>

Und mit CSS wird es in die passende Form gebracht.

[lala2204]

Hallo,

oh vielen Dank für diese (endlich mal) Aussagekräftige Antwort .

Du hast mir wirklich schon weiter geholfen, ich denke ich weiß was du meinst.

Ja mir fehlen tatsache noch viele Kenntnisse, habe mir das ganze ursprünglich auch einfacher vorgestellt .
Allerdings stößt man halt beim lesen und dann bei der Tatsache was man eigentlich vor hat, eben auf genau solche Fragen, die man vorher gern erläutert hätte xD.

Naja ich bin dennoch gewillt es zu lernen und gebe nicht auf .

Danke dir auf jedenfall für deine Antwort

[phoenix]

Keine Ursache.

[Whistler]

Wie schade, dass du die Seite nicht mehr weiter betreiben kannst bzw. willst... ich habe sie mir gerade mal angeschaut und fand sie eigentlich sehr schön und informativ. Aber diese Bilder-Urheberechtsverletzungen scheinen einem ja wirklich das Genick brechen zu können. Darauf werde ich unbedingt zu achten haben, wenn ich mich daran wage kostenlos eine Homepage zu erstellen ...