Quellcode bearbeiten - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > JavaScript > Quellcode bearbeiten

Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Quellcode bearbeiten

Pages: [1] 2 ... nächste » ... Letzte »

geschrieben von wal4 am 20.02.2006 - 16:25

Da ich ein absoluter Neuling bin, der das erste Mal mit HTML zu tun hat, stehe ich ziemlich neben mir.
Habe mit Front Page ein paar erste Versuche gemacht und probehalber das Foldout-Menü horizontal angeguckt. Würde gerne die Tabellen verändern (länger machen, zentrieren, Schriftgröße, Schriftfarbe, Füllfarbe, ...) - habe jetzt in den Quellcode geguckt und ein bißchen was kapiert, aber weit nicht alles. Mir fehlen einfach die Kenntnisse für die Befehle.
Was läßt sich denn nun alles adaptieren für meine Bedürfnisse?

Danke für die Hilfe!
Wal4

geschrieben von Matneu am 20.02.2006 - 18:33

Lesen, lernen und verstehen: http://de.selfhtml.org/

So far...
Matthias

geschrieben von weisnix am 20.02.2006 - 18:51

Hallo,

ich möchte ja keinem den Wind aus den Segeln nehmen, aber wenn du so ganz von vorn anfängst solltest du da auf ein Menü verzichten.

Da werden es doch einfache Links für den Anfang tun.

Das Foldout-Menü horizontal besitzt keine Tabellen. Das ist eine Liste, die über das CSS so angepasst wird, dass es dir nur so vorkommt.

Voraussetzung sind hier html-Kenntnisse und Verständnis für style (css).
Kenntnisse in JavaScript kann man hinten anstelle, da es sehr einfach ist.

Generell hier eine Lernhilfe
http://de.selfhtml.org

zu der Liste:
http://de.selfhtml.org/html/text/li....hnis_menue

was ist CSS:
http://de.selfhtml.org/css/index.htm

Und das geht zum Anpassen am besten über einen Texteditor. FrontPage geht da natürlich auch, halt im html-Modus.

Ich würde vorschlagen bei selfhtml vorbei zu schauen, und wenn dir die style- Begriffe in etwa etwas sagen, könnten wir uns an dein Menü ran wagen.

Grüssle

PS: @Matneu war da wohl kurz und knapp der gleichen Meinung.

geschrieben von zippy am 20.02.2006 - 19:44

Lass Dich bloß nicht schocken! Es kommt nämlich tatsächlich vor, dass Leute ein Gefühl für Programme haben, ohne etwas von den jeweiligen Sprachen zu wissen. An einem fertigen (guten) Script herumzuschrauben und nachzusehen, was passiert, kann recht lustig sein.

Das verschafft beim Lernen erst die richtigen "AHA-Erlebnisse". Ansonsten hauts Dich nämlich vielleicht mit nem ausgewachsenem Symbolschock vom Monitor, wennst Dich in die Fachliteratur einwühlst.

Was HTML betrifft, sollt man gleich mit Styles anfangen. Ein Beispiel dazu:

Statt:

	HTML-Quelltext
1:	<img src="blabla" height="50" width="100" alt=""/>

besser:

	HTML-Quelltext
1:	<img src="blabla" style="height:50px;width:100px;" alt=""/>

Gibt natürlich jede Menge Stylekommandos. Nach meinen bescheidenen Kenntnissen sind die aber sehr leicht mit Javascript aufzurufen. Gibst dem Element (zB Bild) einfach ne id, und kannstas dann über Javascript manipulieren.

Beispiel:

	HTML-Quelltext
1:	<img id="bild1" src="blabla" style="height:50px;width:100px;" alt=""/>

und irgendwo im Javascript steht dann:

"document.bild1.style.height=100;"

Kaum wird diese Scriptzeile ausgeführt - simsalabim - ist das Bildchen hundert Pixel hoch.

Jedenfalls immer besser feste rein, dass die Schwarteln krachen...

geschrieben von René am 20.02.2006 - 19:55

Hallo zippy,

in ein img gehöhrt aber ein height und widht da macht das per css eigendlich keinen Sinn. Du kannst es auch weglassen nur gibt es dann beim ersten Besuch ein geruckel und geschiebe bis die Bilder geladen werden. Mit Angabe von Höhe und Breite wird der Platz schon mal vorresseviert.

geschrieben von wal4 am 20.02.2006 - 21:43

Herzlichen Dank für Eure schnellen Antworten!
Ich habe mir das Menü geladen und daran herumprobiert - habe die Schriftgröße verändert ein Menü dazu-, ein Submenü weggezaubert, und habe mit der geteilten Ansicht in FrontPage bald kapiert, was wo zu schreiben ist (was jetzt oben genanntes betrifft).
Dann machte ich mich auf die Suche nach dem "Längermachen" der Listen oder Felder, in die die Namen der Links geschrieben werden - habe vieles ausprobiert, einige sg. "Aha-Erlebnisse", wie Zippy es ausdrückt", gehabt ... aber leider, nur diese Listen konnte ich nicht in ihrer Größe verändern. Vielleicht kann mir nur jemand sagen, welche Befehle ich da anschauen muß??!!!
Danke für die Links zu den "Studienseiten" - auch, wenn es mich vielleicht "vom Monitor haut", ich werde sie studieren!

geschrieben von zippy am 20.02.2006 - 23:18

@rene: Tja, da tu ich mir natürlich schwer, was dagegen zu sagen. Hast doch immerhin Du Yourself mir vor zwei Jahren die ersten Wackler in javascript beigebracht. Vielleicht kommts ja auf den html-typ an. Bei manchen Seiten schreib ich oben einfach das vierer-html rein, wenn ich zB Höhen in Prozent will.

Selber verwende ich auch "width" und "height" als eigene Attribute neben den Styles. Das geht ganz nach Gefühl. Wie leicht ich mit meinem Gefühl daneben liege, steht eh in dem peinlichen php-thread, wo ich eine Nacht lang nach der Ursache für die verweigerten Umlaute suchte. *versteck*

@wal4
Nur munter drauf los! Ein Tipp: Wenn ein Zwischenergebnis passt, speichere die Datei mit Kommentar ab, und dann gleich weiter.

Natürlich geht es nicht ohne solides Dazulernen, wie Kathrin empfiehlt. Das macht aber mehr Spaß, wenn man ein Ziel vor Augen hat. Einfach so dahin zu lernen gerät nämlich sehr schnell sehr trocken. Ich selber hab vor mehr als 20 Jahren mit Z80-Maschinencode angefangen, und seit zehn Jahren lern ich keine höheren Programmiersysteme mehr, sondern lese einfach nach.

Lass Dich bloß nicht fertig machen mit "Du weißt ja nix" und so weiter. In zehn Jahren drucken die Leut auf ein Knopferl am Gürtel, und daneben steht die Jolie und sagt: "Guten Tag. Ich bin Dein Betriebssystem. Was wollen wir denn heute angehen?"

geschrieben von wal4 am 21.02.2006 - 08:46

Hallo, Zippy und Guten Morgen an alle!

Ich habe ein riesiges Erfolgserlebnis!
Habe gestern noch probiert und probiert und probiert ... learning by doing! Und habe eine wunderschöne Navigation zusammengebracht!
Jetzt muß ich es nur noch schaffen, die Seiten damit zu verlinken!

Zippy, was meinst Du "mit Kommentar abspeichern"?
(Ich hab mir einfach auf einen Zettel geschrieben, in welcher Zeile ich was verändert habe - ist wohl Steinzeit?!)

Danke für Eure Hilfe!
Wal4

geschrieben von zippy am 21.02.2006 - 10:27

Ebenfalls guten Morgen, wal4,

zuallererst muss ich Dir sagen, dass hier viele sehr kompetente Leutz Auskunft geben, und zu denen zähle ich mich sicher nicht. Hab ja selber sehr viel von dieser Seite profitiert, und als ich seinerzeit damit begonnen hab, waren etliche der Mods und Admins schon voll auf der Höhe. Dafür kann ich mich recht gut in Anfängerschwierigkeiten einfühlen.

Ist übrigens eine der wenigen einschlägigen Seiten, wo man als Neuling nicht von oben herab behandelt wird, dafür herzlichen Dank an dieser Stelle.

Zum "Backup mit Kommentar": Leg einfach nen Ordner an, in dem nach jedem Arbeitsfortschritt eine Kopie der Arbeitsdatei mit Datum abgelegt wird(zB im Dateinamen, a la "test_20060220_javascriptfunzt.htm"). Das sollte immer passieren, BEVOR du dich an abenteuerliche Neuerungen wagst. Wenn alles funktioniert, kannst die Backups ja wieder löschen. Wenn ich daran denke, wieviele Stunden ich damit zugebracht habe, nächtlich angeheiterte Arbeiten auszubessern, weil ich vergessen hatte, vorher die (funktionierende) Originaldatei als Backup zu kopieren....

In der Datei selbst kannst du auch gewisse Stellen mit Kommentaren versehen. In html beginnt ein Kommentar mit . Der Teil dazwischen erscheint nicht in der Seite, aber im Quelltext. Oft werden auch Scripts zwischen solche Kommentarzeichen eingefügt, damit sie von Nicht-Javascript-fähigen Browsern übergangen werden. Das funktioniert aber nicht bei Javascript-Teilen selbst.

Wenn Du in einem Javascript etwas kommentieren willst, zB "Hier beginnt die Routine für Submenüs" oder "Hier die Anzahl der gewünschten Felder eintragen", dann gibts dafür zwei Möglichkeiten:

1.) Eine Zeile mit // beginnen, bzw. nach der Anweisung // einfügen und dahinter den Kommentar schreiben. Alles, was auf die // folgt, wird nicht als "Programm" abgearbeitet.

2.) Längere Kommentare beginnen mit /* und enden mit */ und können sich über mehrere Zeilen ziehen. Damit kann man auch ganze Teile des Scripts "ausschalten.

Es zahlt sich wirklich aus, Arbeitsfortschritte direkt im Quelltext zu kommentieren. Wenn Du die Seite veröffentlichst, kannst die Kommentare ja wieder rausnehmen.

Häufig findest du in fertigen Scripts Kommentare der VerfasserInnen, etwa so:

// Unterhalb dieser Zeile nicht editieren. Alle Einstellungen erfolgen oberhalb.

oder
/*Dieses Script wurde bla bla bla
bla bla bla bla bla
bla bla bla */

Wenn das Script gut kommentiert ist, hilft dir das sehr bei der Anpassung an deine Seite.

Die von Kathrin et.al. vorgeschlagenen "SELFHTML"-Seiten sind WIRKLICH sehr wertvoll. Lauter einfache Beispiele drin, und sehr gute Zusammenfassungen. Zahlt sich wirklich aus, zwischen den "LearningByDoing-Sessions" ein Kapitel draus zu lesen, etwa über CSS oder Javascript-Event-Handler, und so...

geschrieben von wal4 am 22.02.2006 - 09:46

Hallo, Zippy!
Danke für Deine ausführliche Antwort! Mein Problem ist, daß ich 2 kleine Kinder habe und immer nur so ca. halbstundenweise Ruhe habe, um mich wo reinzutigern. (Dafür - finde ich - hab ich eh schon ein bißchen was zusammengebracht ..)
Die vorgeschlagene Seite habe ich schon mehrmals besucht - im Augenblick suche ich verzweifelt nach der Lösung für den Einbau eines durchgehenden blauen Randes, ca. 1 cm breit auf der rechten Seite ....
Du hast Recht, man kann hier auch - für "Profis" - lächerliche Fragen stellen und bekommt trotzdem Antwort. DANKE dafür!!!

Kannst Du mir vielleicht einen Tip geben bezüglich des Randes?
Herzlichen Gruß vom
Wal4

geschrieben von zippy am 22.02.2006 - 14:17

Hmmm, bei IE geht das:

	HTML-Quelltext
1:	<body style="height:100%;margin:0px;border-right:20px solid #003366;">

FF bezieht die "height:100%" aber nicht auf den sichtbaren Fensterinhalt, sondern auf die Höhe des Dokuments, das heißt, wenn dein Seiteninhalt sich bloß über fünf Zeilen erstreckt, wird der Rand auch bloß fünf Zeilen weit angezeigt.

geschrieben von wal4 am 23.02.2006 - 09:49

Hallo, Zippy!

Danke für Deine Hilfe - habe es heute ausprobiert. So, wie Du es mir gepostet hast, ging gar nix.
Dann hab ich selbst herumprobiert und zwar so:

	HTML-Quelltext
1:	body {margin: 0px; border-right: 20px solid #000099; style="height: 100%"}

Jetzt ist der blaue Rand zwar da, aber nicht innerhalb der Seite, sondern AUSSERHALB (rechts vom Balken, mit dem man die Seite scrollen kann)!!
Welcher Befehl fehlt???

Grüße vom
Wal

geschrieben von zippy am 23.02.2006 - 14:11

Jessas?
Des klingt ja VÖLLIG giftig!
Wo hastn den Style reigeschrieben? Einen Style innerhalb eines anderen (wie in deinem Beispiel) hab ich noch nie gesehen. Im Beispiel oben hab ichs in den body-tag reingeschrieben, also in der Art:

	HTML-Quelltext
1: 2: 3: 4: 5: 6: 7:	<html> <head> <title></title> </head> <body style="height:100%;margin:0px;border-right:20px solid #003366;"> SEITENINHALT </body>

geschrieben von wal4 am 23.02.2006 - 19:59

Zippy, tut leid! Ich habs jetzt genauso gemacht, wie Du gesagt hast - der Rand ist und bleibt auch so ganz rechts!!!

Gruß vom
Wal

geschrieben von zippy am 24.02.2006 - 00:10

Muss ich mir merken. Ich hab das nämlich bei nem Frameset probiert. Da wars irgendwie anders..

Einen Rand, der so weit reicht, wie der Seiteninhalt, kamma so machen:

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16:

<html>
<head>
<title>Test</title>
</head>
<body style="margin:0px;">
<div style="width:100%;border-right:20px solid #003366;">
SEITENINHALT<br/>
SEITENINHALT<br/>
SEITENINHALT<br/>
SEITENINHALT<br/>
SEITENINHALT<br/>
SEITENINHALT<br/>
SEITENINHALT<br/>
SEITENINHALT<br/>
</div>
</body>

Nix für ungut. Doctype und so musst halt noch dazu geben.