Stellt eure Homepage vor!

[DoNe]

Webspace hätte ich zur Verfügung bei strato...
Der Blog, den ich jetzt habe soll auch erstmal nur eine Übergangslösung sein.
Ich fuchs mich schon iwie n bisschen ins Programmieren von HTMl rein, da ich ja ne .de-Domain haben will eigentlich!
Die Website soll dann eine Mischung aus Portfolio und Blog sein.
Design steht auch schon relativ fest. Aber halt als .psd-Datei und im Dreamweaver kenn ich mich auch noch nciht wirklich aus... wird wohl noch etwas dauern mit der eigenen .de-Domain.

LG,
DoNe

 

[drp]

wieso mit einer .psd-Datei??
Also du machst das eigentlich mit HTML und CSS.
Als Hoster würde ich dir homepage-hoster.de empfehlen. (ist glaub ich etwas günstiger als Strato ??)

Bin auch bei Blogspot (hab allerdings noch keinen Blog erstellt) und gucke mal eben wie man das Design da ändern kann...

 

[drp]

Du kannst deiner Seite auch CSS hinzufügen auf Blogspot
Einfach Seite bearbeiten -> Erweitert -> CSS hinzufügen

 

[DoNe]

Layout/design in PS angefertigt und dann gibts da so Slices die man setzen und im Dreamweaver verwenden kann...
aber was ich so gehört hab ist ja der Code den der Dreamweaver ausspuckt nicht der tollste, auch wenn er funktioniert und das tut was er soll...

Meine Website in Flash zu machen wäre auch noch eine Option, Programme hab ich eh alle ...
Muss mich da nur mal reinfuchsen und das ist bei Flash nicht ganz soooo einfach.

Was HTML angeht bin icha uch nicht auf dem neuestem Stand... ich kenn noch Tablesets... Divs kenn ich noch gar net und CSS kann icha uch nich:/

LG,
DoNe

 

[drp]

Hm. Also dass man mit PS Designs machen kann wusste ich noch nicht
Ehm HTML und CSS ist jetzt nicht soo schwer. Kauf dir einfach mal ein Buch oder guck im Netz und dann wirst du schon was finden.

BTW: Weiß jemand wie ich das Problem in diesem Menü ( http://drp-seiten.de/ ) beheben kann??
Die einzelnen Divs sind mit display: inline-block;

 

[C64]

Eigentlich jede gute Website ist zuvor auf dem "Reißbrett" entstanden - egal, ob in Photoshop oder Pixelmator oder Gimp oder sonst was...
Danach geht's dann zB in Coda oder TextWrangler oder ... und dann wird das Ganze idealerweise von Hand gecoded - das ist die sauberste Methode in meinen Augen. Ich weiß nicht, ob Dreamweaver inzwischen einen halbwegs sauberen Code ausspuckt. Früher war es auf jeden Fall ein Graus.

Und bitte, bitte nicht deine Seite in Flash umsetzen!!! Insbesondere, weil ich bis jetzt keinerlei Inhalte sehe, die auch nur ansatzweise Flash benötigen! Du tust damit vielen deiner Besuchern keinen gefallen.

@drp: Du hast da ganz schön viel definiert... Eine Navigation sollte man idealerweise mit li-tags umsetzen. Soweit ich das auf die Schnelle sehe, passt das mit der Block-definition der Links nicht. Aber ich würde das ganz noch mal komplett neu anfangen. Schau dir mal die Navigation hier an. Ist zwar nicht gerade mein bestes Projekt (ist auch für lau entstanden) und die Klassen sind vom CMS teilweise vorgegeben, aber es ist schon ok, dass du siehst was ich meine (du kannst einfach in Safari CMD+Alt+C drücken und dann Elemente links wählen).

 

[drp]

Also ich möchte das schon mit dem overflow und height machen (kein neuen Div etc. für die Untermenüs.).
Auch mit Lis sieht das ganze so aus: http://drp-seiten.de/
(auch die Links hab ich jetzt mit inline-block gemacht)

EDIT: Mit float:left für alle LIs geht es. Allerdings sieht das natürlich nicht so gut aus..
EDIT2: Habs jetzt hinbekommen, indem ich das ul mit display: inline-block; und margin: 5px auto; gemacht habe...

 

[C64]

Ok, noch ein paar Anmerkungen:
- ul braucht keine blockangabe. Sollte auch so funktionieren.
- die a-Tags würde ich als inline-block deklarieren und diese die Breite der li-Tags bestimmen lassen. und dafür das cursor: pointer, bei den li-Tags rausnehmen. Sonst klickt man auf den li, trifft aber in Wirklichkeit den a-tag gar nicht und weiß nicht, warum sich kein Link öffnet...
Kannst ja mal ausprobieren

 

[Raziel1]

Was bitte ist inline-block...
Das heist "display:block;"

 

[Scheich]

Schau dir mal die Navigation hier an. Ist zwar nicht gerade mein bestes Projekt (ist auch für lau entstanden) und die Klassen sind vom CMS teilweise vorgegeben ...

Kleiner Tipp, in der Wortmarke neben dem Logo fehlt ein "t"

 

[drp]

@C64:
Hab ich jetzt gemacht. Danke

@Raziel1:
Die CSS-Eigenschaft display hat die Werte "none", "block", "inline-block", und noch eins (welches ich grad vergessen habe)

 

[drp]

Was haltet ihr von dem Design des neuen DRPnotes?
(Mann muss dafür registriert sein, deswegen poste ich mal ein paar Bilder
iPad:

iPhone:

 

[timmy38233]

@Raziel1:
Die CSS-Eigenschaft display hat die Werte "none", "block", "inline-block", und noch eins (welches ich grad vergessen habe)

Es gibt sogar noch 'ne Menge mehr mögliche Werte
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display

 

[wdominik]

@drp: Mach auf jeden Fall bitte den blauen Balken weg, der tut echt weh. Das "X" auf den Lösch-Buttons ist nur zur Hälfte zu erkennen. Die graue Schrift passt auch nicht zum Holz-Hintergrund. Also mach's n bisschen in einem Holzton. Und für Shadows und Highlights würde ich 90 Grad Winkel benutzen, ist eigentlich typischer für die iPhone UI als 45 Grad. Aber wird. Du kannst übrigens per JS recht einfach Gesten implementieren, also zum Beispiel die Wischgeste zum Löschen, etc.

 

[drp]

Okay, danke für die Tipps!

Das mit dem wischen habe ich auch schon versucht, aber nichts passendes gefunden.

 

[drp]

Was würde denn als Schriftfarbe auf Holz passen? Habe jetzt erstmal Schwarz genommen

 

[drp]

Neue Version:

 

[Raziel1]

Es gibt sogar noch 'ne Menge mehr mögliche Werte
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display

Man lernt nie aus
Es wundert mich nur dass ich es noch nie in Verwendung gesehen habe. Selbst aktuell wird einem beigebrachtet, float left zu verwenden. Jemand eine Idee warum?

 

[drp]

Flat ist praktisch. Wenn du ein Element mit iner fester Breite und Float: left hast, fließen Text und andere Elemente drum herum. Ausreden kannst du somit zum Beispiel so eine Sidebar machen, die immer Links ist und an der die anderen Elemente vorbeifließen.
Es gibt auch noch:
float: left;
float: right;
float: none;

 

[Raziel1]

Das weis ich, ich mach das beruflich daher wundert es mich ja, dass ich die version "line-block" noch nie in verwendung sah und auch immer nur mit floats gearbeitet wurde. Dabei ist line-block ja scheinbar nichts neues