Homepage Noob ;P

Sorry leute aber da Ich mit diesem Forum einfach am meisten geholfen wurde muss ich mal ein anderes Thema erstellen was heißt

HTML und CSS!!

Also: hier einige Fragen…

  1. Was nehme ich um sozusagen einen Container ,also eine erstes Fenster wo Ich dann nach und nach Bilder einfüge,aber passgenau generiere?sprich was nehme Ich nun?Tabellen,Frames?oder Div-Tags?

  2. Ich habe einfach mal einen “Div-Tag” genommen da viele Templates es genauso hatten,habe ihn sogar in der Bildmitte bekommen (nach 2 Stunden) doch möchte Ich nun einen Text eingeben aber die Einfügemarke sitzt ganz unten und kann nicht einfach oben links in die Ecke klicken wie man es sich meiner meinung nach vorstellt und anfangen zu schreiben!
    Wo liegt das Problem?

  3. Ich war schon bei Adobe und habe mir die Video Tutorials angeschaut,dennoch wird da nur erklärt wie man eine Tabelle zeichnet oder Bilder eingefügt werden dennoch kein ganzer A-Z Workshop ohne Fachchinesisch!!

Tut mir leid wenn Ich etwas genervt rüber komme :boggled:
Aber bevor manche mit dingen wie “learning by Doing” antworten!
Könntet ihr mir vieleicht erste Tipps geben oder wirklich gute Links die ggf euch selbst weitergeholfen habt einfügen!!!

Ich danke euch schonmal!

Grüße Vyte

Edit: Habe von meinem Nachbarn gerade ein Video2Brain Workshop bekommen, Ich hoffe mal das es erstmal reicht :wink:

Hi,

es gibt viele gute Hilfsmittel, welche dir die Arbeit erleichtern können.
Dafür brauchst du auch kaum CSS und HTML Kenntnisse.

Etliche WYSIWYG Editoren erzeugen inzwischen auch ganz vernünftigen Code.
Da gibt es auch ein Opensource Projekt mit guten Bewertungen –> NVU.

Warum nutzt Du kein CMS?

Tabellenlayouts sind immer noch weit in der Mehrheit. Nicht mehr aktuell, aber bewährt und es wird noch Jahre dauern bis sich das wirklich ändert. Die Arbeit mit <div> bzw. Layern, Containern ist ohne einen Editor bei komplexen Layouts kaum möglich.
Deine Fragen lassen sich beantworten, aber Sorry, ohne diese Grundlagen zu kennen, kommen dir baldigst zig neue Fragen.
Du brauchst eine Übersicht über die CSS Möglichkeiten (sind gar nicht so viele).
Wenn die Inhalte in deinem Container (zwischen <div> </div>) unten hängen, hast du dafür eine Eigenschaft definiert. Da gibt es aber mit CSS zwei, drei und auch ohne CSS Möglichkeiten.

Also wenn du nur EINE Website für dich basteln möchtest, nimm ein CMS (Joomla, Web2Date, ModX …) Falls Du HTML, CSS lernen möchtest, hol dir die nötigen Lehrmittel, - ein zwei Bücher und fang mit Phase5 oder einem anderen einfachen (guten) HTMLEditor an.

Viel Erfolg.

Halte ich eher für ein Gerücht.

HTML + CSS ist wirklich nicht schwer. Empfohlen sein selfhtml. Da steht ja alles drin was man wissen muß. Bitte erst garnicht mit Wysiwyg anfangen. Das verbaut meiner Meinung nach nur das Verständniß dafür was eine Webseite eigentlich ist.

Ich habe mich letztens selbst erst mit Html und CSS beschäftigt, um meine eigene Homepage zu erstellen und hatte vorher auch kaum Ahnung.

Als Grundprogramm hab ich Kompozer (inoffizieller Nachfolger von NVU: http://www.nvu-composer.de) genommen. Das hat nicht viel Schnickschnack, erleichtert aber hier und da die Arbeit, gerade der CSS-Editor ist sehr hilfreich! Vom internen Html-Code-Editor würde ich aber die Finger lassen, der baut nur Mist. Da sollte man nen externes Programm nehmen. Ich hab Notepad++ genommen.

Auf die Weise kann man teilweise einfach Funktionen einbauen und diese dann im Html-Code verfolgen. Auf diese Weise lernt man das sehr gut. Nach kurzer Zeit erwischt man sich schon immer wieder, lieber alles im Quellcode zuschreiben. :slight_smile:

Ich persönlich hab meine Seite über Divs strukturiert, welche jeweils durch CSS formatiert werden. Ich finde das ganz praktisch für zukünftige Layoutänderungen. Aber alle Aufteilungsmöglichkeiten haben so ihre Vor- und Nachteile…

Viel Spaß beim Lernen! :slight_smile:

Edit: Wenn du mit CSS arbeiten willst, dann benutze von Anfang an eine externe CSS-Datei. Das ist, so finde ich, das einzig Sinnvolle!

He Leute!!

Danke für die Antworten, ja habe auch schon die einen oder anderen Begriffe in CSS gelert,finde es aber dennoch sehr komplex(iert) :rolleyes:
Dennoch möchte Ich auch für die Zukunft lernen,wer weiß ob es nicht später sogar Lebensnotwendig in meinem Job wird hehe ,so bin Ich jedenfalls schon gut vorbereitet.
Außerdem hat mich diese Sucht am liebsten alles selber zu schaffen schon mit 12 Jahren angesteckt, und jetzt bin Ich mal wieder neugierig. wenistens lerne Ich schnell auch wenn Ich manchmal echt ne Klatsche jkriege und alles hinschmeiße, naja…so für ne stunde lol

Ne aber vielen Dank ,habe aber noch eine Frage…(jetzt kommts)

Wie erzeuge Ich eine Layouttabelle? Dreamweaver sagt etwas davon, Ich müsse in den Layoutmodus! Aber das bin Ich,jedenfalls in der Einfügeleiste.
Wie komme Ich also direkt in den Layoutmodus?
PS:Freue mich schon endlich meine Werke öffentlich zu machen! Die Ich selbst noch hier verschweige, wenn man überlegt wie schlecht meine arbeiten vor Monaten noch waren hehe
Und Ich habe eine Menge Freemodels für euch! Auch für die Ike-a Fans unter euch g

Greetz :wink:

>HTML + CSS ist wirklich nicht schwer.

Der Teufel steckt im Detail. Ein CSS anzulegen, dass sowohl im InternetExplorer als auch im Firefox gleich interpretiert wird, ist nicht so einfach wie es sein könnte.

Hallo Uli,

kannst Du da einen nennen?
Ich bin immer wieder erstaunt, was die für einen Mist zusammencoden!

Ich verwende den Layout-Modus von Dreamweaver ausschließlich, um Text zu schreiben,
weil ich mir so das codieren der Sonderzeichen und Umlaute spare.

Da ist es dann immer wieder witzig, dass er nicht annähernd in der Lage ist,
eine Seite im Layout-Modus so anzuzeigen, wie sie im Browser aussieht…

Hallo Vyte,

never ever Frames.
Wenn Du es professionell machen willst, nimm divs und CSS, wenn Du nur schnell was haben willst, was ordentlich aussieht, nimm Tabellen.

Du schreibst einfach in Deinen Quelltext:

<table>
<tr>
<td>

</td>
</tr>
</table>

tr sind Tabellenzeilen, td sind Tabellenzellen, da muss die Anzahl in jeder Zeile gleich sein.

Und zum Schluss musst Du Dein Werk in allen Browsern testen!

Viel Erfolg
Gruß
Bernhard (der sich gerade drüber ärgert, dass IE 7 Mist baut, den vorher kein anderer Browser gebaut hat…)

he Leute,es macht sich was hehe ,bin echt gut dabei ,danke nochmals für eure Hilfen!

sagt mal Ich kann es natürlich nicht lassen, trotz allem mit cinema zu arbeiten und wollte mal fragen obn man mit Cinema “voll” gerenderte Animationen als Flash zu speichern?

Kann ja nur in wireframe,solid etc exportieren bzw generieren,gibt es denn auch die möglichkeit eine Animation ,wie gesagt voll rendern zu lassen als Flash?

Hat sich erledigt :wink:

Werde Sie noch heute aber spätestens morgen endlich online stellen können!!

Greetz vyte

Pssst… wegen Deiner Signatur…

Ich bin Monkey Island Fan (schon immer gewesen) und deshalb fällt mir sofort auf, dass es nicht Monkey Irland heißt. Dachte, es wär ein Wortspiel, aber auf der Website steht auch Island.

Grüße,
Jack

So ich habe mal testweise meine HP hochgeladen aber Ich stehe gerade mal wieder an einem für mich unlösbaren Rätsel :frowning:

Es gibt probleme mir meinen eingebauten Flash videos die im Hintergrund abgespielt werden (Drahtgittermodelle) und zwar laufen alle reibungslos jedenfalls die Kugel im Bereich “News” und die Pyramide im Bereich “Downloads” aber auf meiner “Home” sollte sich auch ein Cubus befinden ,sehe aber nur einen Weißen Fleck, Im Test läuft es wunderbar! Habt Ihr eine Idee? Habe auch schon die Seite “News” bearbeitet und dort einfach die Kugel durch den Kubus ersetzt,da Ich dachte es liegt ein HTML code-fehler vor aber nichts…genau wie vorher :frowning:

Bitte helft mir nochmal ja :wink:

Suche in der Zeit weiter

greetz

Hallo VyTe,

mein Tipp: kümmer Dich mal um die Umlaute…

Dateinamen sollten nie Umlaute oder Sonderzeichen enthalten!
(das Video, das nicht läuft, heißt Würfel2, daher sucht der Player dann nach Würfel2…)

Im Text Deiner Seite solltest Du die Umlaute korrekt coden, dann werden sie auch angezeigt…

Weiter: Du scheinst vor einem ziemlich großen Bildschirm zu sitzen…
Grundloses horizontales Scrollen macht aber niemandem echten Spaß.

Wozu das Frameset?

Werbe-Pop-Ups machen auch keinen Spaß!

Gruß
Bernhard

Also alles mit der Hand HTML coden? Ständig diese tags hin und her kopieren?
hab ich früher immer mit Notepad gemacht, aber bei größeren Tabellen möcht ich nicht mehr mit HTML coden, solange GoLive auch vernünftige Tabellen macht. <table><tr><td> blah…

Bei mir verbaut sich da nix. Wenn doch - in GoLive kann ich immer parallel nachgucken was sich im Code tut. Aber vielleicht stimmts es so: Erst HTML lernen, dann was mit wysiwyg anfangen, um das Ziel schneller zu erreichen.

kann man denn ohne frames eine webseite so aufbauen dass nur einige sachen sich verändern ohne dass die menü sich ständig neuladet? und ohne mit hilfe von javascript? für modem-user ist es schrecklich wenn immer die gesamte webseite neuladet besonders wenn die menü grafische buttons hat.

Hi,

ja kann man, mit Layern, die man mittels JavaScript visible oder hidden schaltet.
Ob’s sinnvoll ist, sei dahingestellt…

Die Datenmenge ist bei Framesets aber auch ein Thema, weil ja auch das unsichtbare
“Grundgerüst” geladen werden muss.
Gegen Framesets spricht u.a. dass es noch Browser gibt, die diese nicht unterstützen
(z.B. auf PDAs und Handys), schlechtere Auffindbarkeit für Suchmaschinen etc.
Der wesentlichste Nachteil ist aber, dass sich der Besucher verirren kann, wenn man
zusätzliche Querverweise im Text einbaut und ihm die Markierung der aufgerufenen
Seite im Hauptmenü irgendwann eine ganz andere Seite anzeigt (ich hoffe, man versteht, was ich meine?)

Menüs mache ich grundsätzlich mit CSS und eventuell einem Hintergrundbild, dass beim :hover wechselt.
Vorteil: Suchrobots lesen sehr gerne, was auf Schaltflächen steht und wenn das Menü mal
um einen Punkt erweitert werden muss, brauch ich keinen Photoshop, sondern geh nur
kurz in den HTML-Editor, copy und paste, neuer Text auf den Link - fertig.

Aber auch sonst ist das Neuladen des Menüs kein großes Problem, weil Deine grafischen
Buttons ja nach dem ersten Seitenaufruf im Cache liegen und von dort geladen werden…

Hab gerade erst eine Website überarbeitet, die mit GoLive gemacht war:

  • komplett überflüssiges JavaScript rausgeschmissen (mehrere 100 Zeilen pro Seite)
  • Formatierung statt im HTML in eine externe CSS-Datei
  • aus einer gigantischen Tabelle (rund 100 Spalten (!)) mehrere Verschachteltegemacht, die dann auch wieder nachvollziehbar und übersichtlich war…
    (Tabelle habe ich gelassen, weil sich das Layout nicht verändern sollte und der
    Aufwand in CSS nicht bezahlt worden wäre)

Ergebnis: bei ursprünglich knapp 70 Seiten hatte die Site rund 90 MB, nach der Überarbeitung waren
es über 100 Seiten (dritte Sprache dazugekommen) mit insgesamt knapp 7 MB…

Gruß
Bernhard

Ja stimmt,das mit den Umlauten hatte Ich schon vorher mal gerhabt,hatte es vergessen!Danke für den Tipp

Es stimmt,meine Auflösung beträgt 1600x1200,also sollte Ich sie lieber in einer 1024 Auflösung editieren?Wie kann Ich Sie denn für beide Komfortabel gestalten?!! Danke für den Tipp

ich weiß,das die seite für viele noch echt scheiße rüberkommt aber hey,siehe Name des Thread :irked:

Es ist außerdem ja auch kein Shop oder sonstiges werden einfach nur ne page und Ich finde es mit Layout tabellen ist es echt easy!
Zumindest bis ich CSS gelernt habe,Bastel ja Zeitgleich an einer,rein an Tags und CSS ,die Seite die ihr gesehen habt soll auch nur als Basis dienen!

Und noch was ,gerade als anfänger bin Ich bestimmt nicht bereit euros für meinen Webspace zu bezahlen um es Werbefrei zu halten.

Wenn jemand einen kostenlosen Provider kennt bei dem es ohne Werbung geht soll es mir sagen

greetz Vyte

hört sich ja auch so an dass der golive-user keine ahnung von aufbau in html und css hat und auch nicht mit golive richtig umgehen kann.
aber golive muss nicht für jede formatierung in html schreiben, es unterstützt auch css

ich weiss ja nicht wie die älteren golives sind, ich habe erst GoLiveCS2 kennengelernt. Ich habe mich da bisher nur ein bißchen mit tables und css beschäftigt.

aber ich weiss das golive manchmal unsinnige sachen macht aber da muss man sich halt damit auskennen:
wenn ich z.b. ne tabelle erstelle kommt in golive folgender code:

        <table width="180" border="1" cellspacing="2" cellpadding="0">
            <tr>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
            </tr>
        </table>

so weit gut, wobei diese " anführerzeichen kann man auch weglassen
wenn ich jetzt in der tabelle einzelne spalten breite geben will, z.b. width=200 in und dann noch bgcolor - etwa so:

<td bgcolor="#ffd4cf" width="200"></td>

klick ich dann in wysiwyg in diese zeile und gebe den Befehl “zeile unten einfügen” dann hat die neue zeile auch diesen code:

<td bgcolor="#ffd4cf" width="200"></td>

wobei die zweite zeile width=200 nicht braucht, weils in der ersten zeile schon steht. GoLive erkennt nicht, dass das überflüssig ist.
es reicht also nur so aus:

<td bgcolor="#ffd4cf"></td>

also trickse ich damit ein bißchen aus - ich gehe in html-code (quelle) und lösche width=200, gehe dann wieder in wsyiwyg, klicke dann auf die neue zeile ohne width und mache wieder “Zeile unten einfügen” - und die dritte zeile hat auch kein width und gut ist alles

sonst kenn ich mich mit golive nicht so aus…

ein tipp wäre:
tables lassen sich auch dehnen wenn man für tabellenbreite prozentwerte eingibt. skaliert man den browser so dehnen sich die tables und können immer an browser anpassen. statt width=500 also width=100% oder so. funktioniert auch bei frames

Ah cool ja weiß was du meinst ,danke sehr :wink:

gerne…

Das ist die Kunst: wenn Du ein Buchcover oder eine Zeitschrift machst, ist das Format immer das selbe,
egal, wo jemand das Ding in die Hand nimmt…

Meine persönliche Meinung: ca. 90% sind mit 1024 x 768 unterwegs, einige mit 800 x 600.
Ich gestalte Seiten so, dass sie bei 800 x 600 ohne horizontales Scrollen lesbar sind.
Bei 1024 muss es dann nicht nur lesbar sein, sondern auch gut ausschauen…

schon klar…

Du bist Mediengestalter - das erhöht die Erwartungshaltung…:slight_smile:

Schau mal bei www.mkq.de, da kostet das kleinste Paket 28 oder 29 Cent, das müsste doch drin sein?

Gruß
Bernhard