PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Erstellen einer Website


xOOn
17.04.2002, 15:48
@ mods
ich glaube da passt es am besten rein, wenn nicht verschiebt es einfach :D


also ich bin gerade dabei meine homepage zu bauen (xOOn-soft 8) 8) ) und webdesign ist nihct gerade mein ding. also wenn jemand lust hat mir zu helfen soll er sich pls melden. es ist nicht so dass er mir dann die website machen soll, nur mir ein paar tips geben und vielleicht bei den logos etwas weiterhelfen!


maulwurf
17.04.2002, 16:08
hiho

also wenn du mir was vorsetzt, kann ich gerne meinen (halbwegs qualifizierten) senf dazu geben ;)
nur selber machen is im mom zeitlich nich drin.... poste einfach, dann sehn wa weiter :)

cya

Mac Fly
17.04.2002, 18:22
Jupp, sofern zeit da is, helf ich gern :)

xOOn
17.04.2002, 20:17
1. es handelt sich noch um eine alpha version
2. die hintergrundfarbe und die positionen stimmen noch nicht zu 100%
3. fragt nicht wielange ich dafuer gebraucht habe :mauer:
4. ich bin kein webdesginer :(

http://mitglied.lycos.de/xOOn99/

naja was sagt ihr zu den buttons/logo/frame/titel, ...

Felix Kaiser
17.04.2002, 22:13
Krass, nette Grafiken, hätt ich NIE selber hinbekommen X(
Mach des eine Frame noch schön, dann wirds super :)
Und wenn du jemanden im Bereich JavaScript brauchst, immer her damit 8)

maulwurf
18.04.2002, 01:57
<p><img src=&quot;images/trenner.gif&quot; width=&quot;1274&quot; height=&quot;5&quot;></p>
warum??

ansonsten.. naja, bissl zu &acute;klobig&acute; imho...
sehr starke trennung zwischen nav & inhalt
vielleicht könnt man das noch n bissl abpassen..... ?!


cya

Dominic Suter
18.04.2002, 08:08
Dieser ZickZack Streifen will mir nicht so richtig passen, aber sonst: Hut ab, sieht doch wirklich ganz gut aus!

xOOn
18.04.2002, 08:16
@Guru
Krass, nette Grafiken, hätt ich NIE selber hinbekommen
in einer woche schafft man viel :)
und das mit dem js darauf komm ich zurueck wenn ich mal ein script brauche :)

@maulwurf
wenn ich mirs genau anschaue dann haste mit dem inhalt/nav recht, und der rahme (dunkel grau) ist etwas plump aber was kann ich sonst machen ?
ganz weglassen :mauer:

@Stoenggi
das teil sollte da nicht mal drinnen sein (zickzackstreifen) :D :D


und thx fuer eure hilfe :)) :)) :))

Dominic Suter
18.04.2002, 09:45
Da kommt mir noch eine Frage in den Sinn: Hast du die Werbung von Lycos selbst platzieren können? Wenn ja, wie macht man das? (Suche selbst auch noch Webspace, wenn man die Werbung selbst plazieren kann, würde ich das schon ansprechend finden.)

xOOn
18.04.2002, 11:25
nein die plaziert er, ich werde auf lycos nur ne dummypage machen, und die dann nur fuer die binarys wirklich verwenden, die eigenliche site werd ich auf nen anderen webspace ohne werbung uppen!
ach wenn jemand einen weiss der min 5MB (je meht umso besser), FTP, PHP und MySQL kann dann soll er es pls posten!

h3r3tic
18.04.2002, 13:57
hi xoon

also die page sieht doch im ansatz richtig gut aus

also ich wuerde oben das mit den wuerfeln weiter
nach rechts ziehen und ausblenden bzw
in die zickzackstreifen uebergehen lassen
evtl. kannst du das mit den wuerfeln auch in die navi
einfliessen lassen.

den hintergrund vom content auch dem der navigation
anpassen und vielleicht so kleine boxen fuer den inhalt
anlegen die dann einen helleren hintergrund haben

weiterhin der seite eine feste breite geben (wie unter
800x600 zu sehen ist ohne querscrollen)
und die ganze seite zentrieren soweit zur page.

natuerlich sollte dann das logo auch farblich zu der seite
passen oder umgekehrt :D

hope this helps

xOOn
18.04.2002, 14:17
@ h3r3tic

1. das logo kommt nicht auf die page sondern in meine progs rein
2. das scrollen verurschat der dumme zickzack strich der nichtmal drinnen sein sollte
3. das mit den kaestchen muss ich ueberpruefen
4. dass der linke frame nicht reinpasst sagen mir viele ich muss die farbe aender oder was anderes machen

maulwurf
18.04.2002, 15:17
hi nochma

wieso hast du denn nun dieses komische megabreite trenner.gif dadrin?! *wunder*

hab mir nochma ein paar gedanken gemacht...

- insgesamt hast du relativ viele verschiedene elemente in deinem layout. die kleinen grauen kästchen oben, die gelb-rot verlaufsgeschichte, den geschwungenen schriftzug oben, den dunklen rahmen, die buttons.....
das ist insgesamt zuviel, imho. ich wollte n bissl rumprobieren in PS und hab das dabei festgestellt.

vielleicht solltest du dich auf eine oder zwei sachen beschränken... wie zb dieses kästchen-raster mit dem tiger. das kannst du dann ja auch in der navigation aufnehmen... dann wirkt das auch nicht so &acute;getrennt&acute;.
ich weiß ja nicht genau, was das für eine page wird, aber &acute;xoon-soft&acute; hört sich doch eher nach &acute;technisch&acute; an... oda? deshalb glaube ich, eine serifenlose, schlichte schrift passt besser bei den buttons. und ich würds klein schreiben, sind ja alles englische wörter. aber das ist geschmackssache. klein außerdem auch von der größe her, sodass -wenn du schon buttons machst- diese jedenfalls auch n bissl luft haben.

dann solltest du die relativ kräftigen farben von deinem header-verlauf-dings irgendwie nochmal wiederholen/einbauen, damits harmonischer aussieht.

deinen dunklen rahmen finde ich gar nicht schlecht... komisch ist nur, dass du auf der linken seite ne &acute;runde ecke&acute; hast und auf der rechten sowas hartes, abgeschrägtes... auch da würd ich mich für eine variante entscheiden.

um generell den frame und den inhalt nich so auffällig zu teilen, kannst du ja zb im inhalt auch das grau als bgcolor angeben.

*mecker mecker mecker* ;)
nimms mir nicht übel.... sind ja auch alles nur anregungen.

ich glaub das wars ersma... wenn du mehr hilfe brauchst, sag bescheid!

cya

xOOn
18.04.2002, 17:03
nimms mir nicht übel.... sind ja auch alles nur anregungen.

das problem ist dass du in fast alles sagen recht hast ;) ;) ;)

1. das trenner gif habe ich gemacht, dass man bei den aufloesungen wie zu 1280x1024 nicht das teil aufhoert, daber dann muss ich alles so anpassen und dashalb werde ich mich fuer 800x600 entscheiden (bzw was nimmt man da normalerweise als standard, weil man die browserpixel auch noch abrechnen muss)
2. naja es wirkt alles etwas zusammenhanglos das stimmt sicherlich
3. naja das mit der schrift bei den buttons ist ganz einfach, ich muss sie so gross machen weil man sie sonst nicht lesen kann, ich glaube ich machs wie dus sagst ich nehme ne andere schrift
4. rechts sollte auch eine abrundung sein, nur scheint da was mit den pixeln nicht zu stimmen
5. naja ich weiss noch nicht ob ich alles weis oder alles grau mache, aber fuer eines werde ich mich entscheiden muessen vielleicht nur einen ganz feien unterschied bei den beiden graufarben zwischen menu-inhalt oder ?

blue.tiger
18.04.2002, 17:38
Respekt! Super Seite für den Anfang. Die Grafiken sind auch sehr gelungen.
Ich weiß nicht ob es schon genannt wurde: Du solltest noch der Seite im HTML einen Titel geben, z.B.:

Im Head:

<title>xOOn-soft</title>


Kleine aber feine Sache ;) .

cu Blue Tiger

maulwurf
18.04.2002, 18:16
trenner.gif: tu es als hintergrundbild in eine tabelle mit 100%.... dann passt es sich automatisch an

mit 750 in der breite und 550 in der höhe biste auf jeden fall &acute;on the save side&acute;

naja das mit der schrift bei den buttons ist ganz einfach, ich muss sie so gross machen weil man sie sonst nicht lesen kann,
*grinsenverkneif* selbst ich als blinder maulwurf kann das locker lesen! :P wie gesagt.. nimm ne serifenlose oder ne spezielle screenfont, die kann man auch ganz klein noch super lesen!

vielleicht nur einen ganz feien unterschied bei den beiden graufarben zwischen menu-inhalt
wozu? hältst du deine user für so doof, dass sie nich selbst checken was inhalt is und was nav? ;)

ich konnts btw nich lassen und hab ma n bissl rumgebastelt... vorschlag (http://www.coding-board.de/tutorials/designs/xoon.jpg)
vielleicht kannste damit ja was anfangen. :)

cya

Dominic Suter
19.04.2002, 07:59
@ Maulwurf

hast du das Design jetzt alles im Photo shop erstellt?
Zerschneidest du dieses anschliessend und fügst es in HTML-Tabellen ein?
Ich möchte für meine Page ebenfalls eine ansprechenden Optik, aber ich weis einfach nicht, wie ich das hinkriegen soll...

xOOn
19.04.2002, 09:38
hmm damit ist folgendes bewiesen

1. ich bin kein webdesigner
2. ich finde es gut wenn:ich konnts btw nich lassen und hab ma n bissl rumgebastelt
3. gibt es das jpg auch als htm ?

@ maulwurf
1000 thx sieht echt super aus, kannste mir das was du hast (photoshop, oder html, ...) zukommen lassen :D :D :D

------------------------------

da einzige was mir beim bild noch etwas komisch vorkommt ist ober der tiger im rasten und dann der namen das passt noch nicht 100% kommt mir vor, das mit den farben sieht jetzt sehr viel ausgeglichener aus, durch die farbverlaefe


ich glaube maulwurf macht nicht um sonst ne ausbildung zum webdesigner (oder verwechsle ich da was)
8) 8) 8) 8)

cYrus
19.04.2002, 11:57
genialen webspace findest du unter covers.de da haste alles was man wirklich gebrauchen kann. Und zudem isser auch noch relativ schnell..

so long
cYrus

maulwurf
22.04.2002, 00:16
hiho

gibt es das jpg auch als htm ?
lol nein, so viel zeit hatte ich nun auch wieda nich ;)

da einzige was mir beim bild noch etwas komisch vorkommt ist ober der tiger im rasten und dann der namen das passt noch nicht 100%
*g* daran hab ich aber nix geändert...

naja, hab die PSD inkl font gepackt und hier (http://www.coding-board.de/tutorials/designs/xoon.rar) abgelegt.
wenn noch was is, kannste dich ja melden.

@ Stoenggi
hast du das Design jetzt alles im Photo shop erstellt?
Zerschneidest du dieses anschliessend und fügst es in HTML-Tabellen ein?

jab, genau das. erst in photoshop das layout... dann die umsetzung in HTML. dabei muss man natürlich noch überlegen, wie man nun was am besten löst.... was imho das schwerste am webdesign is :rolleyes: ;)

cya

xOOn
22.04.2002, 21:27
beta 2 so glaub ich werd ichs lassen, oder gibts noch was das nicht passt!

http://mitglied.lycos.de/xoon99/beta.jpg

jede aehnlichkeit mit Maulwurfs vorlschlag ist reiner zufall ;)

und wie bringe ich das bild nun resourcesparend ins html vorallem der linke teil glaube ich ist ziemlich gfx lastig

oder is das kein prob?

und was ist besser frames oder tabellen

Chester
22.04.2002, 22:03
@ xOOn


Finde ich klasse gelöst der Übergang von der Menüleiste zum Hauptteil. ;)

War es geplant das man mit einer 1024er Auflösung rechts und unten einen weisen Rand hat ?

CU

CHESTER

Philipp
22.04.2002, 22:12
hmm?

meinst du jetzt du willst das Bild hier als seite machen??? nicht die seite in html schreiben? oder verstehe ich das falsch??

Dominic Suter
23.04.2002, 08:22
Ich würde dir auf alle Fälle Tabellen anraten, da diese einfach ein paar Vorteile mit sich bringen.
Einerseits kann jeder Browser Tabellen interpretieren, was mit Frames nicht sein muss. Aber der bedeutend grössere Vorteil ist die Indexierung bei Suchmaschienen. Da Suchmaschienen bei Frame-Sites lediglich die Frame Definition &quot;sehen&quot;, ist einiges weniger an Inhalt auf dieser Seite, als bei Tabellen (dann wird z.B. jeder Link der Navigation als solchen erkannt und verhilft der Page bei gewissen Search-Engines zu einem höheren Rang).
Der Vorteil der Frames liegt darin, dass z.B. die Navigation nicht jedes mal neu geladen werden muss, was die Page sicher ein wenig schneller macht.
Ich glaube, es gäbe auch einen Weg das mit PHP zu machen (also in den einen Tabellen stehts den selben Inhalt lassen, OHNE dass er neu geladen wird) aber ich bin leider noch nicht hinter das Geheimnis gekommen :mauer:

xOOn
23.04.2002, 09:04
@philipp
ich meinte wie ich das ab besten in html umsetze als tabellen oder frames

TenShoe
23.04.2002, 10:50
Ich würde das schon mit Tabellen machen, wobei die Seite dann bei jedem Link mitsamt Navigationsleiste neu geladen werden müsste.
Denke das wird eh eine ziehmliche Schnippelarbeit.

Viel Glück! :D

maulwurf
23.04.2002, 19:05
hiho

ich würde auch von frames abraten.
so wirklich sparen tuts ja auch nich - die bilder werden ja gecached.. und das macht dann nich mehr sehr viel ladezeit aus.

mir gefällt dein header zwar imma noch nich, aba egal :P

mir scheint es am logischsten, wenn du oben den teil als 1 grafik nimmst, dann den linken teil+grauen bg als bg-bild und dann halt noch die headlines & die buttons.

is doch nich so wild
wenn du trotzdem hilfe brauchst, sag bescheid.

cya

PS:
jede aehnlichkeit mit Maulwurfs vorlschlag ist reiner zufall
gilt das auch für die signature ?!? *tz*

xOOn
23.04.2002, 21:24
wenn schon kopieren dann aber richtig :] :] :]