Anfänger sucht Berater für kleines HP Projekt

Wossi1965 · 04.10.2011

AW: Anfänger sucht Berater für kleines HP Projekt

habe mich jetzt mal auf bplaced.net registriert. wenn ich jetzt noch die 3er aufteilung der seite hinbekomme, habe ich einen ersten grund zum vorläufigen webseite vorstellen. dann bin ich auch voll zugänglich für jedwede positive oder negative kritik

allen einen schönen tag

JannisL · 04.10.2011

AW: Anfänger sucht Berater für kleines HP Projekt

Wossi1965 schrieb:
habe mich jetzt mal auf bplaced.net registriert. wenn ich jetzt noch die 3er aufteilung der seite hinbekomme, habe ich einen ersten grund zum vorläufigen webseite vorstellen. dann bin ich auch voll zugänglich für jedwede positive oder negative kritik

allen einen schönen tag

Die 3er Aufteilung zu erstellen ist nicht schwer. Jedenfalls wenn die Seite auf Pixel basiert. Einfach 3 Div´s erstellen und mit float: left aneinanderreihen. (Einfach gesagt

). Falls du Fragen hast, stelle sie einfach.

Wossi1965 · 04.10.2011

AW: Anfänger sucht Berater für kleines HP Projekt

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

  <head>
    <title>SG Dynamo Gwangju</title>

    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="keywords" content="">
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)">

    <link href="style.css" type="text/css" rel="stylesheet">
    <link href="favicon.ico" type="image/x-icon" rel="shortcut icon">
     <span style="color:#006400"></span>

  </head>

  <body style="background-color:#52523E;">

   <font color="silver">
     <h1> SG Dynamo Gwangju</h1>
     <img src="../OFM/Gwangju2/gwangjuforumneuneu.png" width="130" height="130" style="border: 1px;" />
     <h2>Gegr&uuml;ndet um Erfolg zu haben !</h2>
      <hr />
       <a href="Team.html">Team</a>
       <a href="Bastelecke.html">Bastelecke</a>
       <a href="3.Halbzeit-Cup.html">3.Halbzeit-Cup</a>
      <hr />
     <h2>Der Verein SG Dynamo Gwangju wurde im Dezember 2010 in Gwangju/S&uuml;dkorea<br />von dem deutschen
      Auswanderer DCF-Wossi gegr&uuml;ndet.</h2>
     <ul>
       <li><h2>Team</h2></li>
          <p>Verein des OFM</p>
       <li><h2>Bastelecke</h2></li>
          <p>Wappen , Banner und mehr</p>
       <li><h2>3.Halbzeit-Cup</h2></li>
          <p>Fun-Cup von Fans f&uuml;r Fans - Pyrotechnik ist willkommen</p>
     </ul>


   </font>
  </body>
</html>

ich versuchs mal auf diesem weg. das habe ich bis jetzt als startseite. kann ich darauf aufbauen oder sollte ich gleich noch mal beginnen ?
grafiken oder banner kann ich doch erst einbinden wenn die seite aufgeteilt ist und ich die größen habe ? ist schon noch ein weiter weg zu einer richtigen site aber beginnt immer mehr spaß zu machen, von kurzen frustattacken mal abgesehen

Wossi1965 · 04.10.2011

AW: Anfänger sucht Berater für kleines HP Projekt

ok sinus, dann eben noch mal von vorn. in den meisten tutos wird doch aber ein anderer weg beschrieben ? erst schreiben und dann das css drauflegen ? sind aber genau die sachen die mich immer wieder ins stolpern bringen. aber deshalb habe ich meinen code mal eigestellt um nicht erst viel später zu merken das ich falsch aufbaue

ach ja, meine englischkenntnisse sind noch schlechter wie meine html kenntnisse

muß mich also mit deutschen sachen begnügen. denke aber das es davon auch genügend geben sollte

MaZe50674 · 04.10.2011

AW: Anfänger sucht Berater für kleines HP Projekt

wenn es nur ums programmieren geht dann findest du hier alles was du brauchst..
http://de.selfhtml.org/

mfg marcel

Wossi1965 · 04.10.2011

AW: Anfänger sucht Berater für kleines HP Projekt

MaZe50674 schrieb:
wenn es nur ums programmieren geht dann findest du hier alles was du brauchst..
http://de.selfhtml.org/

mfg marcel

bei mir gehts mehr um alles

@sinus: denke mal du willst mein denken animieren

aber zum jetzigen zeitpunkt wären vielleicht ein paar konkretere beispiele ganz förderlich

Wossi1965 · 04.10.2011

AW: Anfänger sucht Berater für kleines HP Projekt

für mich klingt dein weg gut sinus, für einen erfahrenen webdesigner. aber ist er das auch für einen anfänger wo es an allem noch hapert ? kann es sein das du an einen laien gleich profimaßstäbe anlegst oder stehe ich grade auf dem schlauch.
da zum beispiel selfhtml speziell für neulinge geschrieben ist und auch einer ständigen entwicklung unterliegt sollte es doch für einen neuling so verkehrt nicht sein.
allerdings glaube ich dir auch das es für einen profi ganz andere denk- und arbeitsweisen gibt.

sorry ich möchte nicht beratungsresistend wirken aber das spukt mir so grade im kopf rum

Doitsu · 04.10.2011

AW: Anfänger sucht Berater für kleines HP Projekt

Selfhtml ist veraltet und hoerstens als Nachschlagewerk zu gebrachen, fuer anfaenger also eher ungeeignet. Ansonnsten hat sinus2k recht, du solltest als allererstes dein Layout entwerfen - was bringt es dir, wenn du jetzt mit den Programmieren anfaengst, wenn du nicht mal weisst, wie es am Ende aussehen soll? (Gut, du hast wohl wage Vorstellungen im Kopf - die sind aber auch schnell wieder ueber den Haufen geworfen)
Ich fange immer mit einen Blatt & 'nen Stift an (Ja, ich bin grafisch nicht so begabt - Photoshop kommt bei mir nicht in die tuete .. Hm, tolles Forum!

).
Wenn ich dann meine Vorstellungen soweit komplett habe setzt sich 'nen Freund hin und macht das Layout - also muss ich warten - und selbst da warte ich auf das Layout.
Nehmen wir an, du faengst mit dem Programmieren an: Wie willst du z.B. das Menue gestalten? Einfach 'ne Hintergrundfarbe geben? Welche Farbe? Wie soll das Zusammenspiel der Farben sein .. etc. Ohne Layout wird's nur unnoetig kompliziert.

Wossi1965 · 04.10.2011

AW: Anfänger sucht Berater für kleines HP Projekt

ok ok, rangehensweise komplett umstellen. als erster gucken was ich will, dann gestalten (als einzelne bausteine) und dann erst die umstzung durch hml/css ?!

@sinus: was ist für dich denn eine gute grafik ? nur mal so. ist gute grafik nicht rein subjektiv ? oder meinst du aufs handwerk bezogen. du kannst es mir auch gerne an meinem logo (tiger im d) erklären. ist jetzt auch keine provokation sondern mich interessieren die kriterien eines profis beim logo oder wappenbau bzw beim erstellen einzelner webseiten

Wossi1965 · 04.10.2011

AW: Anfänger sucht Berater für kleines HP Projekt

klar, gibt ja auch noch nen offi leben

ich geh dann erstmal auf schicht

JannisL · 04.10.2011

AW: Anfänger sucht Berater für kleines HP Projekt

Wossi1965 schrieb:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

  <head>
    <title>SG Dynamo Gwangju</title>

    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="keywords" content="">
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)">

    <link href="style.css" type="text/css" rel="stylesheet">
    <link href="favicon.ico" type="image/x-icon" rel="shortcut icon">
     <span style="color:#006400"></span>

  </head>

  <body style="background-color:#52523E;">

   <font color="silver">
     <h1> SG Dynamo Gwangju</h1>
     <img src="../OFM/Gwangju2/gwangjuforumneuneu.png" width="130" height="130" style="border: 1px;" />
     <h2>Gegr&uuml;ndet um Erfolg zu haben !</h2>
      <hr />
       <a href="Team.html">Team</a>
       <a href="Bastelecke.html">Bastelecke</a>
       <a href="3.Halbzeit-Cup.html">3.Halbzeit-Cup</a>
      <hr />
     <h2>Der Verein SG Dynamo Gwangju wurde im Dezember 2010 in Gwangju/S&uuml;dkorea<br />von dem deutschen
      Auswanderer DCF-Wossi gegr&uuml;ndet.</h2>
     <ul>
       <li><h2>Team</h2></li>
          <p>Verein des OFM</p>
       <li><h2>Bastelecke</h2></li>
          <p>Wappen , Banner und mehr</p>
       <li><h2>3.Halbzeit-Cup</h2></li>
          <p>Fun-Cup von Fans f&uuml;r Fans - Pyrotechnik ist willkommen</p>
     </ul>


   </font>
  </body>
</html>

ich versuchs mal auf diesem weg. das habe ich bis jetzt als startseite. kann ich darauf aufbauen oder sollte ich gleich noch mal beginnen ?
grafiken oder banner kann ich doch erst einbinden wenn die seite aufgeteilt ist und ich die größen habe ? ist schon noch ein weiter weg zu einer richtigen site aber beginnt immer mehr spaß zu machen, von kurzen frustattacken mal abgesehen

Ich bin auch der Meinung, dass man erst das Design erstellen sollte, ohne Inhalte (und wenn nur LoremIpsum Texte).
Ich erstelle immer erst ein buntes Design mit den Flächen. Wenn ich das technische fertig habe, werden die bunten Flächen durch Grafiken ersetzt und dann sieht man das Design. Farbanpassungen der Schrift usw. werden dann natürlich auch geändert.
Hier mal ein Tutorial für ein 3 Spalten Design:
http://www.webwriting-magazin.de/sogehts/cssebenen.shtml

Ich werde morgen, falls ich die Zeit habe, dir mal ein Design erstellen, auf das du aufbauen kannst. Das heißt nicht, dass du nix tun musst, sondern nur, dass du weißt, wie man es machen sollte/könnte.

Mfg, JannisL

Wossi1965 · 04.10.2011

AW: Anfänger sucht Berater für kleines HP Projekt

gut das es i-net sticks gibt

erstma nochmal danke an alle die diesen thread so aktiv sein lassen

für mich ist hier jeder beitrag ein weiterführender input ! warum also nicht auch ein weiteres tuto oder eine vorlage die ich studieren kann. sollte nicht jeder handwerker sein handwerk kennen ? auch ältere techniken, ob er sie anwendet oder nicht steht auf einem anderen blatt. je mehr möglichkeiten der gestaltung ich kennenlerne umso besser ist es doch. erschlagen vom ganzen umfang werde ich sowieso gerade

ich versuche mal die startseite mit ps so darzustellen wie ich es mir vorstellen könnte. ob und wie man das dann umsetzen kann werden wir/ich sehen

und nun kommt euch meinetwegen nicht auch noch in die haare

@jannis: danke für deine bemühungen bis jetzt

ps: gar nicht so einfach die startseite so zu gestalten das sie auch gefällt

irgend was fällt immer wieder störend ins auge

obwohl man vorher ein bild im kopf hatte

JannisL · 05.10.2011

AW: Anfänger sucht Berater für kleines HP Projekt

sinus2k schrieb:
bitte nicht. irgendwie scheinen an manchen die weiterführenden inputs hier spurlos vorüberzugehen …

Ich beginne mein Design fast immer erst mit dem Code. Außer bei besonderen Designs. Geht leichter und schneller!

Hier mal der Code für das Design:

Darauf kannst du dann aufbauen:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>
    <title>Titel</title>

    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />

    <link href="style.css" type="text/css" rel="stylesheet" />
</head>

<body>

 <div id="wrap">

  <div id="header">

  </div>

  <div id="linke-spalte">

  </div>

  <div id="mittlere-spalte">

  </div>

  <div id="rechte-spalte">

  </div>

  <div id="footer">

  </div>

 </div>
</body>
</html>

CSS:

Code:

html, body
{
 margin: 0 0 0 0 ;
 padding: 0 0 0 0 ;
 background-color: #808080;
}
#wrap {
  width: 1000px;
  height: 1000px;
  background-color: #000000;
  margin: auto;
}

#header {
   width: 1000px;
   height: 200px;
   background-color: #00FF00;
   float: left;
}

#linke-spalte {
   width: 200px;
   height: 700px;
   background-color: #800000;
   float: left;
}

#mittlere-spalte {
   width: 600px;
   height: 700px;
   background-color: #FF0000;
   float: left;
}

#rechte-spalte {
   width: 200px;
   height: 700px;
   background-color: #FFFF00;
   float: left;
}

#footer {
   width: 1000px;
   height: 200px;
   background-color: #00FFFF;
   float: left;
}

Fang erst einmal damit an. Die Höhen musst du nur im richtigen Design auf Auto setzten, da sonst die Höhe nicht passt.

Mfg, JannisL

Doitsu · 05.10.2011

AW: Anfänger sucht Berater für kleines HP Projekt

3 Sachen zum oben genannten Code:
1. wird die Seite in aelteren IEs nicht zentriert, da diese margin: auto; nicht kennen. (body - text-align: center; )
2. Wozu haben Header & Footer ein float: left;?
3. Wo ist der Cleaner? (clear: both/left)

hubspe · 06.10.2011

AW: Anfänger sucht Berater für kleines HP Projekt

JannisL schrieb:
Hier mal der Code für das Design:
............................................
L

sorry aber der Code ist nicht wirklich dein Ernst, oder??

padding/margin:0 für html und body gilt auch nur für diese beiden Elemente.
Entweder man macht den Universalreset mit:

PHP:

*  {
padding:0;
margin:0;
}

oder man nimmt einen differenzierten Reset z.B.:

PHP:

* {
    margin:0;
    font-size:100%;
}
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, a,
ul, ol, li, dl, dt, dd,
address, blockquote, cite,
hr, br, img, object, applet, iframe,
form, fieldset, legend, label,
table, thead, tbody, tfoot, caption, tr, th, td,
em, strong, i, b, u, q, s, del, dfn, big, small, sub, sup,
pre, code, abbr, acronym, ins, kbd, samp, strike, tt, var {
    padding:0;
    border:none;
}
html  {
    height:100%;
}
body {
    color:#505050;
        background-color:#f5f5f5;
    font-size:1em;
    line-height:1.5;
}
body,
input,
button,
select,
textarea {
    font-family:verdana, 'lucida grande', 'lucida sans unicode',arial, sans-serif;
}
ul,
ol {
    list-style:none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a img {
    border: none;
}
p  {
    margin-bottom:0.5em;
}

1000px Breite ist zuviel. Die Grenze bevor man bei netbooks horizontal scrollen muss liegt bei ca. 950px.
Höhen werden nach Möglichkeit nicht vergeben, damit sich die Elemente vertikal dynamisch anpassen können.
Den float für header/footer halte ich auch für sinnlos.

Doitsu schrieb:
3 Sachen zum oben genannten Code:
1. wird die Seite in aelteren IEs nicht zentriert, da diese margin: auto; nicht kennen. (body - text-align: center; )

Das gilt nur für den IE5.5 oder für den IE6 im Quirksmode (dann verhält er sich wie der IE5.5).

*break*
Ohne Kenntnis der Inhalte und der Linkarchitektur ist ein Design imho weitgehend sinnfrei.
Z.B. was nützt ein entworfenenes Design mit einer horizontalen Topnavi, wenn die Hauptnavi hinterher sieben oder acht Menüpunkte mit etwas längeren Menütexten hat.
Dann paßt das nur schwerlich in die Reihe und man muss sich was anderes überlegen.

hubspe · 06.10.2011

AW: Anfänger sucht Berater für kleines HP Projekt

sinus2k schrieb:
jannis ist noch sehr jung und sicher lernfähig und wird auch hoffentlich irgendwann auch das machen, was gemeinhin den begriff „webdesign“ erlaubt (abseits von 0815-dreispaltern) …

jau, da bin ich auch von überzeugt!

Man muss es ihm aber sagen, damit er draus lernen kann.
Das ist zwar zunächst bitter, weil niemand so furchtbar gerne Kritik hört, aber einen besseren Weg sehe ich leider nicht.

Wenn ich dran denke wie ich in einem Forum meine erste selbstgebastelte Website freudestrahlend vorgestellt habe.........umpf.........da gabs erst mal ordentlich was zwischen die Hörner. :mrgreen:

JannisL · 06.10.2011

AW: Anfänger sucht Berater für kleines HP Projekt

Hallo,
ich hätte ein paar Fragen zu den Kritiken:

sorry aber der Code ist nicht wirklich dein Ernst, oder??

padding/margin:0 für html und body gilt auch nur für diese beiden Elemente.
Entweder man macht den Universalreset mit:

Wozu alles resetten? Ich will ja nur, dass der Body direkt am Rand ist. Bei manchen IE-Versionen hat man sonst ein weißen Balken, was nicht wirklich schön aussieht.

1000px Breite ist zuviel. Die Grenze bevor man bei netbooks horizontal scrollen muss liegt bei ca. 950px.

Ok, müsste man verbesern. Aber eigentlich haben doch die Netbooks eine Auflösung von 1024px in der Breite. Aber ein Scrollbalken ist doch nicht 74px breit. Oder vertue ich mich da?

Höhen werden nach Möglichkeit nicht vergeben, damit sich die Elemente vertikal dynamisch anpassen können.

Habe ich auch geschrieben:

Die Höhen musst du nur im richtigen Design auf Auto setzten, da sonst die Höhe nicht passt.

Wäre es auf auto, sähe man ohne Inhalt nix.

Ohne Kenntnis der Inhalte und der Linkarchitektur ist ein Design imho weitgehend sinnfrei.
Z.B. was nützt ein entworfenenes Design mit einer horizontalen Topnavi, wenn die Hauptnavi hinterher sieben oder acht Menüpunkte mit etwas längeren Menütexten hat.
Dann paßt das nur schwerlich in die Reihe und man muss sich was anderes überlegen.

Meine Seite war auch nur ein Beispiel. Er kann es ja anpassen. Mir ist das oben genannte schon bewusst.

jannis ist noch sehr jung und sicher lernfähig und wird auch hoffentlich irgendwann auch das machen, was gemeinhin den begriff „webdesign“ erlaubt (abseits von 0815-dreispaltern) …

Ich kann auch andere Designs erstellen

. Nur ich dachte, er wollte soein Design beibehalten (Von der Aufteilung her).

Mfg, JannisL

Wossi1965 · 06.10.2011

AW: Anfänger sucht Berater für kleines HP Projekt

nabend

ich finde es gut das sich jannis die mühe gemacht hat ! ich kann ja auch daraus nur lernen. habe mir mal einige seiten angeschaut und denke das ich langsam schon mal weiß was ich gerne möchte. bin aus zeitmangel noch nicht dazu gekommen die startseite in ps mal darzustellen. wird aber zeitnah eingereicht. dann sollten auch 3 bis 4 hauptmenüpunkte ausreichen, da ich die seite deutlich abspecken möchte im vergleich zur alten baukastenseite.

im moment beschäftige ich mich mit sichtung veschiedener websites und bei bisschen mehr zeit mit dem zusammenspiel von farben und bildern in ps. kann es sein das verschiedene grautöne (war mein favorit) mehr langweilig wie elegant wirkt ?

Matte · 07.10.2011

AW: Anfänger sucht Berater für kleines HP Projekt

Hab die ganze Diskussion mal aufmerksam verfolgt, halte mich mit Tipps für Wossi mal zurück, weil ja schon einige fähige Leute am Thema sind. Eine Frage hätt ich aber mal meinerseits. Für welche Auflösung sollte man heutzutage entwickeln? Ich find ja 1024x768 relativ altbacken.

Gruß

Matte

wex_stallion · 07.10.2011

AW: Anfänger sucht Berater für kleines HP Projekt

Für welche Auflösung sollte man heutzutage entwickeln? Ich find ja 1024x768 relativ altbacken.

Für keine spezielle. Bzw. eher für diverse Gruppen, Stichwort für die Suchmaschine wäre responsives Layout.