Erste Seite mit WebsiteBaker / First WebsiteBaker Site

[kweitzel]

und vielleicht solltest Du die Hintergrundbilder "tilable" machen, im Moment sind die das nicht wirklich

Gruß

Klaus

[Floortec GmbH]

Hallo mr-fan,

so, das meiste ist umgesetzt. Habe die Bilder innerhalb des Contetn etwas vom Text weggerückt, die Tabellen gegen eine schicke Galerie getauscht, den header tabellenrahmenfrei gemacht und den Footer Firefox tauglich gemacht. puhhhhhhhhhhhh

Was mir jetzt noch Kopschmerzen macht ist der Header, im IE sieht er nach meinem Geschmack gut aus, im FF sieht´s aus als hätte man 2 Abziehbildchen auf den Hintergrund gepappt. ;( Leider komme ich da nicht weiter, in der css-Dat finde ich zwar den Footer, aber keinen Header, dafür aber Banner. Änderungen bei Banner wirken sich aber leider nicht auf den Header aus und für den html-code in den Optionen habe ich eine feste Höhe für die Tabelle definiert, und zwar die gleichen 175 Px die auch der Banner und das Logo haben, aber trotzdem ist der Header im FF mind. 300 Px hoch.

Hast Du hier vielleicht noch einen Tip für mich.

Danke und Gruß
Andreas!

P.S.: Jetzt wäre auch mal ein Lob fällig.

[mr-fan]

........

also. wenn ich frage ob mir das Hautenge Muscleshirt steht, dann will ich ja schließlich auch nicht hören das der Bauch nen halben Meter vor den Brustmuskeln vorsteht.

du hast deine seite zur schau gestellt und willst meinungen von dritten......

runde 2:

ist ja nicht so das in der wb-gemeinde jemand kritisiert und im regen stehen gelassen wird! 

1. menu:

ich sehe mit (firefox + webdeveloppertoolbar unbedingtes muss + firebug! gibts hier: http://www.erweiterungen.de/)

nav links :

Code Select Expand

#navcontainer ul {screen.css (Linie 159)
-x-system-font:none;
background-color:#777777;     <------------
color:#FFFFFF;
font-family:arial,helvetica,sans-serif;
font-size:110%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
list-style-type:none;
margin:0;
padding:0.2em 0;
text-align:center;
width:100%;
}

nav oben:

Code Select Expand

#navlist2 a:visited {screen.css (Linie 214)
color:#FFFFFF;
text-decoration:none;
}
#navcontainer2 a {screen.css (Linie 201)
background-color:#999999; <------------
border:1px solid #000000;
display:block;
margin-left:2px;
padding:2px 2px 2px 22px;
}
Geerbt vonul
#navcontainer2 ul {screen.css (Linie 191)
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
list-style-type:none;
}

ok soweit dazu:

2. design:

bei den Tabellenrahmen ist mr-fan auch Deiner Meinung, ich finde die eher gut als störend. Vielleicht findet sich ja noch jemand mit meiner Meinung, andernfalls werde ich es auch gegen meinen Geschmack ändern, denn es soll ja den Besuchern gefallen und nicht mir.

tabellen -RAHMEN nimmt man als trennung von design her z.b. bei formularen oder anderen strukturiertem inhalt nicht beim seitenaufbau.... tabellen ja - div-container ja - rahmen selten nur wenns zu einem optischem effekt passt!

siehe screenshot floortec_header!

bring in deinem header einen blickfang unter - deine seite muss einprägsam sein- das grau ist nicht schlecht! aber ich würde das lila evtl. mehr in zusammenspiel dazu bringen - wenns im firmen logo ist! pro website immer 2-3 hauptfarben gut einsetzen!

3.

Puhhh fertig, brauch ich ne Pause Wink (so damit sind wir postmäßig erstmal quitt. :DD

vorerst geb ich mal ruhe!

schau dir seiten von anderen firmen deiner art an - was die machen! such dir elemente raus die dir gefallen und setzen sie zu deiner seite passend um! nicht abkupfern - aber von der konkurrenz lernen ist erlaubt und für den anfang auch sinnvoll - wenn man mehr erfahrung hat kommen die eigenen ideen sowieso!

und nicht vergessen -

denn es soll ja den Besuchern gefallen und nicht mir.

hab noch einen screenshot mit dem footer dabei - damit du siehst wie das aussieht!

und jetz viel spass beim basteln.....

EDIT: hab noch eine erklärung zum header-entwurf vergessen:

also man unterteilt/strukturiert mit den einzelnen elementen der seite (nicht mit den rahmen- außer sie sind nicht sichtbar...)
denke das random -image auf der linken seite ist völlig verweist...und wird zu wenig beachtet....dagegen der header hat 2x das firmenlogo drin ____==platzverschwendung und zielverfehlung!

weil besucher zuerst die seite von obenlinks nach der mitte hin betrachten...also versuch es mal so wenn es dir gefällt!
so wie gezeichnet oben links ein randomimage mit einigen "handverlesenen" firmengrafiken/bildern die einen guten eindruck machen! und rechts das logo noch ein wenig lila vielleicht? ein bisschen farbe...

so jetz aber fertig

grüße martin

[gelöscht durch Administrator]

[dbs]

Zum Footer: Der wird wirklich nur im IE7 richtig dargestellt. Als Webmaster wirst du dich aber aber mit dem Thema Browserkompatibilität auseinandersetzen müssen, d.h. mit verschiedenen testen. Wer was auf sich hält ist schließlich mit FireFox unterwegs.
Den IE6 trifft man leider gottes auch noch oft an. Da würde vielleicht ein Hinweis helfen für welche Browser und Auflösung die Seite kompatibel ist.

[Floortec GmbH]

Hallo dbs,

vielen Dank für Dein Post, freut mich das Dir das meiste gefällt, bei den Tabellenrahmen ist mr-fan auch Deiner Meinung, ich finde die eher gut als störend. Vielleicht findet sich ja noch jemand mit meiner Meinung, andernfalls werde ich es auch gegen meinen Geschmack ändern, denn es soll ja den Besuchern gefallen und nicht mir.

Danke und Gruß

Hallo mr-fan,

also. wenn ich frage ob mir das Hautenge Muscleshirt steht, dann will ich ja schließlich auch nicht hören das der Bauch nen halben Meter vor den Brustmuskeln vorsteht.

Aber im Ernst, vielen Dank für die Mühe Deines ausführlichen Posts. Ich bin bereits dabei die meisten Tips von Dir umzusetzen. Die Idee mit der Galerie unter dem Beitrag statt der Tabelle ist genial. Ich habe diese Möglichkeit von WB noch nicht recht verinnerlicht, daß man Abschnitte je Seite kombinieren kann.
Als erstes habe ich die Bilder mal optimiert, da ich eine 16Mbit Leitung habe, mache ich mir darüber gar keine Gedanken mehr, hätte ich aber auch wirklich selber drauf kommen könne.

Punkt 2 (wir über uns) habe ich noch auf der ToDo Liste, muß mich aber erstmal in die Addons (Member/Team) einarbeiten.

Punkt 3 (AGB´s) Das Problem war mir wohl bekannt, da WB aber die Word-Formatierungen nicht 1:1 übernehmen will habe ich das immer auf die lange Bank geschoben, werde mir aber mal das Tool angucken das Du vorgeschlagen hast.

Punkt 4 (Untergrundarten) Ist beriets behoben.

Punkt 5 (Oberflächengest.) dito

Punkt 6 (Kontakt) Das Problem habe ich nicht. Der Footer ist genau da wo er hin soll. Welchen Browser benutzt Du denn, ich habe den IE7 und da wird alles korrekt dargestellt.

Allgemeine Kritik, bei dem Punkt mir den Tabellenrahmen bin ich irgendwie nicht Deiner Meinung, ich mag diesen so strukturierten Aufbau. Hier würde ich mal warten wie das andere sehen.
Der Vorschlag mit dem linken Menu widerum ist sehr gut, allerdings haben beide lt. *.css die gleiche Hintergrundfarbe. Hier mal die beiden Codes:

Code Select Expand

#navcontainer2 li { margin: 0 0 3px 0; }



#navcontainer2 a

   {display: block;

   margin-left: 2px;

   padding: 2px 2px 2px 22px;

   border: 1px solid #000;

   background-color: #999;

   }

Code Select Expand

#navcontainer2 ul

   {margin: 0;

   padding: 0;

   list-style-type: none;

   font-family: Arial, Helvetica, sans-serif;

   font-size: 14px;

   }

Puhhh fertig, brauch ich ne Pause (so damit sind wir postmäßig erstmal quitt. :DD

Ich möchte mich nochmals für Deine Mühe bedanken.

Beste Grüße
Floortec GmbH

[mr-fan]

ok los geht's:

1. http://floortec-gmbh.de/pages/projekte.php

viele bilder haben >200 kb und sind 7oo-irgendwas zu 500-haumichblau pixel groß..oder noch größer....

lösung:
image-optimizer installieren oder bilder optimieren und ich würde eine image-gallery dafür nehmen - macht mehr her als die tabelle... und ist leichter zu pflegen und zu erweitern...
http://www.websitebakers.com/pages/modules/image-galleries/image-gallery.php
http://www.websitebakers.com/pages/code-snippets/various/imageoptimizer.php?searchresult=1&sstring=image+optimizer

also 1. section (abschnitt) die allgemeine WYSIWYG erklärung und dann 2.section mit der gallerie mit erklärungen unter den fotos...fertig!

2.http://floortec-gmbh.de/pages/floortec-gmbh/wir-ueber-uns.php

ein bisschen abstand des textes zum tabellen rand könnte nicht schaden
also einen margin setzen...
....schon mal das modul members oder team gesehen/probiert macht dir die gleiche seite nur schöner editierbar...
http://www.websitebakers.com/pages/modules/listings/various/team.php
http://www.websitebakers.com/pages/modules/listings/various/members.php
(members ist für sehr sehr viele dinge zu verwenden...)

3.http://floortec-gmbh.de/pages/floortec-gmbh/agbacutes.php
brutal kleine schrift!

lösung: schau dir das modul toggle me an!
http://www.websitebakers.com/pages/modules/listings/various/toggle-me.php

damit machst du kahtegorien und einzelne überschriften wenn man drauf klickt erscheint der text...in "normaler" schriftgröße
>>und der abstand zum rand ist wieder zu klein

4.http://floortec-gmbh.de/pages/untergruende/untergrundarten.php
als beispiel:
abstand zum bild auch zu klein - beim bilder einfügen entweder so was wie

Code Select Expand

float: right; margin-left: 5px; einfügen oder klassen in der css für die bilder anlegen also z.b. .picleft und .picright und diese dann im fck-editor unter eigenschaften eintragen...

5.http://floortec-gmbh.de/pages/oberflaechengestaltung/colorquarz-steinteppich.php
eine schöne gallerie ist besser als 1000 tabellen zum runterscrollen....

6.http://floortec-gmbh.de/pages/kontakt.php

auf dieser seite schieb es den footer bis zum content hoch...
weil du keine höhe und keine position gesetzt hast css- googlen "footer-div-position-css-usw"

so und jetz noch allgemeines......

- die tabellen rahmen im header müssen weg... die grafiken evtl. dann ein wenig größer und mehr farbe als blickfang im grau der seite

- das linke menü bitte in der gleichen hintergrundfarbe wie das obere menü (das gefällt mir schon!! )
sonst ist kein unterschied zum normalen content sichtbar!

- den effekt mit dem "bold" im linken menü weglassen auf manchen seiten sprengst du damit die menüliste bei langen namen!

- wenn du zeit/lust hast formatiere dir die felder und buttons der suche, des kontakformulars und des newsletters das weis ist sehr hart zum grau der seite und die standart-buttons sehen nicht so schick aus!


puhhhhhh fertig!  jetz brauch ich ne pause 

also alles in allem ein guter anfang (kein witz - ich hab selber erst vor einem dreiviertel jahr angefangen und bin noch ein newbie!) du hast viel potential in deiner seite zum verbessern! das ist nichts schlechtes - dabei lernt man!

grüße aus dem freistaat

martin

[dbs]

hi, die seite macht sofort einen guten eindruck. hast du gut hinbekommen.
als erstes würden mich die tabellenrahmen stören. versuchs mal ohne.

gruß dbs

[Floortec GmbH]

Hallo zusammen,

Ich möchte hier mein erstes Projekt mit WebsiteBaker vorstellen. Nachdem ich erstmalig von WebsiteBaker gehört habe und es ausprobiert habe bin ich schlichtweg begeistert. Die Software ist so einfach zu bedienen und bietet trotzdem alle Möglichkeiten die man braucht. Einfach genial.

Ich freue mich über jede Kritik, denn mir fehlen objektive Meinungen dritter.

Die Adresse lautet: http://www.floortec-gmbh.de/

Danke und Grüße
Floortec GmbH

Helllo together,

I want to show you my first Website-Project reallised with th WebsiteBaker Soft. After I´ve learnes about WebsiteBaker and try it, I loved this soft. On the one hand it´s extremly easy to use, on the aother hand it has so much possibylities. It´s a fantastic cms.

Please feel free to be critical with the shown webpage, cause I need true reactions from third party people.

Last but not least please excuse my but english, but I´m not better

The Page: http://www.floortec-gmbh.de (unfortunatly german only)

Kind regards
Floortec GmbH