Brauche Hilfe bei der Homepage-Erstellung

.:Peggy:. · 02.09.2003, 21:58

Bin zwar extra 10 min vor 8 noch schnell in den Promarkt um die Ecke gerannt und habe mir ein HTML-Buch gekauft, aber ... öhm ... :eyegrazy:

Ich habe mal die Startseite zur Verdeutlichung auf mein piranho-Webspace geladen, weil meine Domain erst in den nächsten Tagen freigeschaltet wird, muss noch auf einen Brief von Freenet warten.

Ich möchte gerne links und rechts Navigationsleisten haben:

links:

- Über mich
- Bilder
- Projekte
- Unikram
- Links

rechts:

- News
- Tagebuch
- Forum (evt.)
- Gästebuch
- Kontakt

Wie mache ich das? Die Navigation soll auch durch senkrechte Linien vom "Mittelfeld" getrennt sein. Mein HTML-Editor ist der Netscape-Composer.
Ich weiss noch nicht ob ich das als Textlinks mache oder solche Buttons nehme. Wo könnte ich denn solche Buttons, auf denen "Über Mich" oder so drauf steht herbekommen?

_Macromonium_ · 02.09.2003, 22:04

Kommt drauf an, ob die Frames willst oder nicht.
Links und rechts Navi, mitte Hauptframe und Anzeige. Geht schneller zu Laden, aber du wirst bald merken, dass es auch seine Nachteile hat.
Schau einfach mal in deinem Buch oder bei www.selfhtml.teamone.de ein paar Layouts an, wie deine Seite in etwas aussehen soll.

Für Buttons kannst du entweder Flash verwenden (umständlicher und meist kostenpflichtige Software, ich selbst nutz es nicht), Roll-Over-Grafik-Buttons (Seite braucht aber länger zum Laden wg. den Grafiken), Textlinks oder, was auch ganz nett aussieht, Links mit Cascading Style Sheets.
Ich bin kein Profi in Sachen HTML, hab 3 kleine Homepages, die eher informativ sein sollen als ultimativ.
Ein Beispiel für CSS-Links findest du unter www.ju-treuchtlingen.de . Vielleicht gefällt dir ja sowas auch? Man kann auch kleine Kästchen auswählen, man kann sie auch nur unterstreichen lassen, oder fett und größer werden lassen, wenn man mit der Maus drüber geht, alles offen.

IsNoGood · 02.09.2003, 22:27

ossy ähh, peggy macht ne webseite...

zu deiner navigation gibt es zwei möglichkeiten. wie macro schon beschrieben hat, einmal die frames oder auch einen iframe. hat aberwie ebensfalls schon erwähnt nachteile (kompatibilität zu browsern udn änderbarkeit des menüs während der user durch die seiten surft) dagegen stehen aber die kürzeren ladezeiten.

ansonsten macht man (bzw. frau) sowas mit tabellen um den inhalt auszurichten, gehört aber schon zu den etwas gehobenen ansprüchen des html's.

wenn du html lernen willst kann ich dir auch nur selfhtml empfehlen ist echt die beste seite zum thema die es gibt, da habe ich alles zum thema html, javascript und css gelernt was ich weiß (und das ist ne menge :eyegrazy: ). selfhtml gibt es auch als offline download, sind ca. 7 mb und kann ich nur jedem empfehlen der was auf dem gebiet lernen will.

bei den grafiken würde ich dir als neuling erstmal von flash oder css abraten. da wäre es besser sich ein kleines grafikprogramm zu besorgen und damit die buttons selbst zu erstellen, alternativ gibt es auch spezielle programm die zum button generieren da sind. ein grafikprogramm sollte man aber als "webdesigner" mind. beherschen, muss ja nocht gleich photoshop oder ein programm ähnlichen kalibers sein

ansonsten bei fragen, der ing-service steht dir jederzeit zur verfügung

.:Peggy:. · 02.09.2003, 22:30

Ok, habe beschlossen doch keine Buttons zu nehmen, sondern nur blaue Textlinks in der Navigation.

PS: Sorry, dass sich bei piranho immer noch ne Werbeseite öffnet. Wird bei meiner richtigen Domain dann nicht mehr der Fall sein.

Zomby · 02.09.2003, 22:51

uhoh Homepage-erstellung hatte auch mal eine und seit 2 jahren nix mehr dran getan *g*.
@Peggy hast du bei deiner domain auch speicherplatz oder nur den namen? Unsre Homepage is auch bei freenet, muss mal den Chef fragen was wir dafür zahlen...

.:Peggy:. · 02.09.2003, 22:55

Ok, habe mich dafür entschieden, die Navigation in Tabellenform vorzunehmen.
Aber wie kriege ich die Tabelle auf die rechte bzw. linke Seite? Der Text in der Mitte soll da auch bleiben. Mit meinen derzeitigen Kenntnissen kann ich die Tabelle nur zwischen den Text packen, also untereinander. Ich will die Tabellen aber links und rechts neben den Text.

Mein Skript sieht derzeit so aus:

Code:

&lt;html&gt;
&lt;head&gt;
  &lt;title&gt;blabla&lt;/title&gt;
                                                                     
  &lt;meta http-equiv=&quot;content-type&quot;
 content=&quot;text/html; charset=ISO-8859-1&quot;&gt;
                                       
  &lt;meta name=&quot;author&quot; content=&quot;Peggy&quot;&gt;
                                       
  &lt;meta name=&quot;description&quot; content=&quot;Homepage von blabla&quot;&gt;
&lt;/head&gt;
   &lt;body background=&quot;hg-mauer-weiss.jpg&quot;&gt;
         &lt;br&gt;
         &lt;br&gt;
                 
&lt;div align=&quot;center&quot;&gt;&lt;img src=&quot;myeyes.jpg&quot; alt=&quot;&quot; width=&quot;436&quot; height=&quot;75&quot;&gt;
         &lt;br&gt;
         &lt;/div&gt;
                 
&lt;div align=&quot;center&quot;&gt;         
&lt;h1&gt;&lt;b&gt;&lt;font face=&quot;Helvetica, Arial, sans-serif&quot;&gt;Herzlich Willkommen&lt;/font&gt;&lt;/b&gt;&lt;/h1&gt;
                 
&lt;h1&gt;&lt;b&gt;&lt;font face=&quot;Helvetica, Arial, sans-serif&quot;&gt;auf meiner Homepage&lt;/font&gt; 
    &lt;/b&gt;&lt;/h1&gt;
         &lt;/div&gt;
         &lt;br&gt;
         &lt;br&gt;
                   
&lt;div align=&quot;center&quot;&gt;Die Domain habe ich gerade erst freischalten lassen, weshalb
hier noch gr&sstenteils Baustelle ist.&lt;br&gt;
         &lt;br&gt;
         &lt;br&gt;
         &lt;br&gt;
         &lt;img src=&quot;Bauarbeiten.gif&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;32&quot;&gt;
         &lt;br&gt;
         &lt;br&gt;
         &lt;/div&gt;
         &lt;br&gt;
  &lt;!-- advertisement $Revision: 1.2 $ --&gt;  
&lt;script language=&quot;JavaScript&quot; src=&quot;config.html&quot;&gt;&lt;/script&gt;  
&lt;script language=&quot;JavaScript&quot; src=&quot;adexit.html&quot;&gt;&lt;/script&gt;               
          
&lt;div align=&quot;center&quot;&gt;&lt;a
 href=&quot;http://ossy.piranho.com/Homepage/aboutme.html&quot;&gt;Über mich&lt;/a&gt;&lt;br&gt;
      &lt;/div&gt;
  &lt;!-- advertisement $Revision: 1.2 $ --&gt;  
&lt;script language=&quot;JavaScript&quot; src=&quot;config_002.html&quot;&gt;&lt;/script&gt;  
&lt;script language=&quot;JavaScript&quot; src=&quot;adexit_002.html&quot;&gt;&lt;/script&gt;            
       
&lt;div align=&quot;center&quot;&gt;&lt;a href=&quot;mailto:ossifikation@netscape.net&quot;&gt;Kontakt&lt;/a&gt;&lt;br&gt;
    &lt;/div&gt;
       &lt;br&gt;
    &lt;br&gt;
    &lt;!-- advertisement $Revision: 1.2 $ --&gt;  
&lt;script language=&quot;JavaScript&quot; src=&quot;config_003.html&quot;&gt;&lt;/script&gt;  
&lt;script language=&quot;JavaScript&quot; src=&quot;adexit_003.js&quot;&gt;&lt;/script&gt; &lt;br&gt;
 &lt;!-- advertisement $Revision: 1.2 $ --&gt; 
&lt;script language=&quot;JavaScript&quot; src=&quot;/config.js&quot;&gt;&lt;/script&gt; 
&lt;script language=&quot;JavaScript&quot; src=&quot;http://www.piranho.com/adexit.js&quot;&gt;&lt;/script&gt; 
&lt;br&gt;
&lt;/body&gt;
&lt;/html&gt;

Also ich leiste mir das "Fortgeschrittenen"-Homepage-Paket bei Freenet für 3,71 Euro im Monat (freepack B: http://domain.freenet.de/freenet/bes..._standard.html )

Zomby · 02.09.2003, 23:04

ich glaub das haben wir auch... find ich nicht mal allzuteuer... und man bekommt massig mail adressen dazu

IsNoGood · 02.09.2003, 23:21

so sollte das die tabelle innerhalb des htmlcodes aussehen:

Code:

&lt;table width=&quot;100%&quot;&gt;&lt;tr&gt;
  &lt;td width=&quot;150&quot; align=&quot;left&quot;&gt;
    hier ist der linke inhalt, linksbündig
  &lt;/td&gt;
  &lt;td width=&quot;*&quot; align=&quot;center&quot;&gt;
    das ist der mittlere teil, zentriert
  &lt;/td&gt;
  &lt;td width=&quot;150&quot; align=&quot;right&quot;&gt;
    und der rechte teil, rectsbündig
  &lt;/td&gt;
&lt;/tr&gt;&lt;/table&gt;

bei align="" kannst du den inhalt der zelle ausrichten. ggf. musst du auch noch die breite der linken und rechten spalte anpassen, das "*" würde ich lassen, dann wird der rest des bildschirms für die mittlere spalte benutzt.
die tabelle hat gleichzeitig den vorteil das sie sich jeder auflösung bzw. fenstergrösse automatisch anpasst.

delforcer · 02.09.2003, 23:29

also ich selbst nutze wenig, ich mag eher das schlichte, frames, css und weiteres.
http://www.delforcer.de.vu kannst du die ansehen wie ich/wir das so gemacht haben. nicht wundern ueber die speerungsmeldung, klick auf ein HIER und dann biste schon richtg gelandet :schmunze:
ich selbst finde den einsatz von frames gut, und mit tolls wie quota (hmm, wie soll ich das beschreiben, kenne kein windoze programm dieser art) kann man seine seiten wunderbar anpassen...

del/FTF

IsNoGood · 03.09.2003, 00:02

hey, del !
stellst du deine schriftfarbe eigentlich jedes mal von hand ein oder gibt es auch eine möglichkeit css-scripte für die eigenen beiträge zu nutzen ? in manchen foren geht das, deswegen frage ich

ach ja, @ossy:
wenn der rahmen der tabelle nicht sichtbar sein soll muss die erste zeile wie folgt aussehen:

Code:

&lt;table width=&quot;100%&quot; border=&quot;0&quot;&gt;&lt;tr&gt;

.:Peggy:. · 03.09.2003, 00:23

Ich hab das jetzt mit Tabelle gemacht, wie ING vorgeschlagen hat.

Davor habe ich es mit frames probiert und mühevoll das Skript nach einer Vorlage aus meinem HTML-Buch abgeschrieben, aber dann musste ich feststellen, dass mein Netscape-Composer nichts mit Frames anfangen kann.

So sieht es jetzt aus.

delforcer · 03.09.2003, 01:03

@ isno

das erste was ich mache ist, farbe auswaehlen, das ist mittlerweile angewohnheit, mache ich ja sein mindestens 4000 postings so. daher habe ich mir da nie einen kopf drueber gemacht. und auch einen solchen test habe ich noch nicht gemacht (und ich habe jeglichen mist getestet :schmunze: ).
denke ich aber nicht...

@ peggy (wollt grad ossy schreiben).

also eines stoert mich an deiner page und das ist das links oben peggy steht.
wozu auch immer das da steht...
ansonsten kann man wenig sagen dazu...

Code:

&lt;html&gt;
&lt;head&gt;
&lt;title&gt;del & cty&lt;/title&gt;
&lt;/head&gt;
	&lt;frameset rows=&quot;66,*&quot; frameborder=&quot;false&quot; border=&quot;0&quot;&gt;
	 &lt;frame name=&quot;time&quot; src=&quot;time.html&quot; scrolling=&quot;no&quot; noresize&gt;
	  &lt;frame name=&quot;show-index&quot; src=&quot;show-index.html&quot; scrolling=&quot;auto&quot; noresize&gt;
	 &lt;/frameset&gt;
&lt;/html&gt;

auch so kann eine index.html aussehen, ich finde das sowas von drollig...
und vorallem einfach zu schreiben...

del/FTF

IsNoGood · 03.09.2003, 02:02

Zitat:

Zitat von delforcer

Code:

&lt;html&gt;
&lt;head&gt;
&lt;title&gt;del & cty&lt;/title&gt;
&lt;/head&gt;
	&lt;frameset rows=&quot;66,*&quot; frameborder=&quot;false&quot; border=&quot;0&quot;&gt;
	 &lt;frame name=&quot;time&quot; src=&quot;time.html&quot; scrolling=&quot;no&quot; noresize&gt;
	  &lt;frame name=&quot;show-index&quot; src=&quot;show-index.html&quot; scrolling=&quot;auto&quot; noresize&gt;
	 &lt;/frameset&gt;
&lt;/html&gt;

na aber ein bodyteil sollte trotzdem noch mit rein damit die leute bescheid wissen deren browser keine frames unterstützen, den bei deinem beispiel sehen die garnix !
da sollte man in den bodyteil folgendes reinschreiben: "ihr browser unterstützt keine frames, deswegen wird die seite nicht richtig angezeigt !" dann wissen sie wenigstens was los ist und warum sie nix sehen !

die leute bei den die frames richtig funzen kriegen den text ja dann sowieso net zu sehen...

alternativ kann man es auch so machen:

Code:

&lt;noframes&gt;
  ihr browser unterstützt keine frames, deswegen wird die seite nicht richtig angezeigt ! 
&lt;/noframes&gt;

.:Peggy:. · 03.09.2003, 09:48

Zitat:

Zitat von delforcer

also ich selbst nutze wenig, ich mag eher das schlichte, frames, css und weiteres.
http://www.delforcer.de.vu kannst du die ansehen wie ich/wir das so gemacht haben.

Gefällt mir gut, auch so schön schlicht - mehr will ich ja auch nicht. Habe mal das, was Du unter "Code" eingegeben hast in meinen Netscape-Composer einkopiert, aber der hat den Teil mit den Frames wieder rausgeschmissen. Vielleicht leg ich mir doch noch einen anderen HTML-Editor zu.

.:Peggy:. · 03.09.2003, 09:54

Ahhh, juhuu, mein Lisa-Simpson- Icon wird jetzt auch in der Adress-Zeile dargestellt. Komisch, dass das gestern nicht schon da war. Dachte schon, ich hätte was falsch gemacht.

.:Peggy:. · 03.09.2003, 10:26

Na super, mit Netscape sieht alles so aus, wie ich es gern hätte, und im IE ist die Schrift viel zu groß und alles verschoben.

Kann mir noch jemand die Sache mit den Ankern erklären?

Ich will zwei Bücher online stellen, jedes etwa 80 Seiten. Ich will das so machen, dass das jeweils eine Datei ist (alles untereinander) und die großen Überschriften im einem Index auf der linken Seiten verankern.

.:Peggy:. · 03.09.2003, 14:55

12:19

Zitat:

Zitat von .:Peggy:.

Ich will zwei Bücher online stellen, jedes etwa 80 Seiten. Ich will das so machen, dass das jeweils eine Datei ist (alles untereinander) und die großen Überschriften im einem Index auf der linken Seiten verankern.

Oh Graus, ich merke schon, dass ich an den Frames doch nicht vorbei komme.
Habe jetzt einen Freeware HTML-Editor und verstehe gar nichts mehr. :eyegrazy:

EDIT 13:30 Uhr:

Habe Fortschritte gemacht:

Bitte mal meine Beispiel-Seite anschauen.

Jetzt könnte ich Hilfe bei den Ankern gebrauchen. Ich möchte, wenn man links im Index auf eine Überschrift klickt, dass ich dann im Haupttext auch bei der Überschrift lande.
Wie mache ich das?

EDIT 15:10:

Habe jetzt in die Beispiel-Seite mit 3 Frames gemacht. Problem dabei: wenn ich oben links auf "Home" oder "Projekte: Übersicht" klicke, wird die verlinkte Seite nur im oberen Frame angezeigt. Wie mache ich das, dass man beim Anklicken komplett auf der Home-Seite bzw. Projekte-Seite landet?

Wie ich das mit den Ankern machen soll, weiss ich auch noch nicht. :cry:

Nochmal der Link zur Startseite:
http://ossy.piranho.com/Homepage/home.html

IsNoGood · 03.09.2003, 15:29

zu deinem frame problem:
wenn du frames erstellst musst du den frames ja namen geben, wie du in dels beitrag siehst: name="irgendein_name"
das hat natürlich einen sinn. wenn du jetzt innerhalb eines frames einen link anklikst musst du dem browser sagen im welchen fenster die seite angezeigt werden soll, beispiel:

Code:

&lt;a href=&quot;ne_seite.html&quot; target=&quot;irgendein_name&quot;&gt;

damit wird die seite in dem frame an gezeigt der den namen "irgendein_name" hat.

zu den ankern:
ich schätze mal damit meinst du verweise innerhalb einer seite. wenn du zb. die überschrift oben anspringen willst musst du der überschrift einen linknamen geben:

Code:

&lt;a name=&quot;titel&quot;&gt;&lt;h1&gt;das ist die überschrift&lt;/h1&gt;&lt;/a&gt;

dieser befehl hat keine auswirkung auf die darstellung der seite !
ansprigen kannst du diesen link dann wie folgt:

Code:

&lt;a href=&quot;#titel&quot;&gt;link nach oben&lt;/a&gt;

wenn du einen anker auf einer anderen seite ansprigen willst muss es wie folgt aussehen:

Code:

&lt;a href=&quot;ne_seite.html#titel&quot;&gt;link nach oben auf ner anderen seite&lt;/a&gt;

.:Peggy:. · 03.09.2003, 15:41

Zitat:

Zitat von IsNoGood

zu deinem frame problem:
wenn du frames erstellst musst du den frames ja namen geben, wie du in dels beitrag siehst: name="irgendein_name"
das hat natürlich einen sinn. wenn du jetzt innerhalb eines frames einen link anklikst musst du dem browser sagen im welchen fenster die seite angezeigt werden soll, beispiel:

Code:

&lt;a href=&quot;ne_seite.html&quot; target=&quot;irgendein_name&quot;&gt;

damit wird die seite in dem frame an gezeigt der den namen "irgendein_name" hat.

Jaaaaaaaa, Dankääääääää. Jetzt klappt es.
http://ossy.piranho.com/Homepage/Krebs/Krebs.html

Jetzt arbeite ich an den Ankern ...

delforcer · 03.09.2003, 16:07

das jahr 2003 ist in 3 monaten um. demzufolge leben wir nicht mehr gestern. und wer heute noch einen browser nutzt der keine frames unterstuetzt, hey tut mir leid. von daher tut es mir leid. und wenn einen broswer selbst geschrieben hat, weiss dann was er vergessen hatte. von daher kommt auch dieser text dort nicht mit rein, unten steht auch fuer welche browser unsere seiten geschrieben wurden und dann isset gut. denn fuer IE zu schreiben ist normal bitte, dann nehme ich eben meine browser (die immer mehr genutzt werden). aber wir haben auch geguckt, das es unterm IE nicht allzuschlimm aussieht...
ausserdem ist es auch zu gefaelich eine alte browserversion zu benutzen...

@ peg

mein tip, setz den frameborder auf weniger oder gar null, denn ich finde solche grauen balken furchtbar...

del/FTF