Web Schrift

Hallo

Javascript heisst die Antwort, zumindest die häufigste. Dabei wird z.B. ein Bild durch ein anderes ersetzt (bei Buttons, d.h., du hast bei Buttons max. 2 - 4 Bilder für die insgesamt möglichen verschiedenen Zustände) oder eben Schriftart und/oder Farbe etc. gewechselt. Im Netz findest du haufenweise fertige Scripts, je nachdem, was du benötigst. Falls du mit irgendeinem Webeditor wie Dreamweaver, Frontpage oder Nemo arbeitest, ist das da bereits drin.

Wenn du mit Javascript arbeitest, musst du allerdings bedenken, dass die Ausführung client- und nicht serverseitig geschieht. Machst du deine Navigation von einem Script abhängig, können Personen, deren Sicherheitseinstellungen die Ausführung von Javascript verhindern, u.U. gewünschte Seiten nicht erreichen.

Von der Verwendung von animated gifs rate ich dir übrigens ab - die Dinger sind meist nur nervig, brauchen unnötig Bandbreite (wenn du eine flüssige Bewegung erzielen wirst, sind ja einige Bilder nötig) und wirken letztlich fast immer recht diletantisch.

Viele Grüsse

DrZen

Hallo,

ich glaube ich stehe etwas auf der Leitung ... um welche Schrift geht es denn? 8-)

Grundsätzlich bringst du aber etwas dynamisches ins Web per Server Sprache (Java, PHP, ASP etc.) ein, diese laufen dann auf dem Server ab oder per Skript (Javascript), das auf dem Client - sprich deinem Browser abläuft.

Bilder und Animationen werden meistens als Flash oder animiertes Gif in die Seiten eingebaut.

Viele Grüße
wal

Salü nochmals MRK

Wie bereits angedeutet, machst du dir das Web Design am einfachsten mit einem der üblichen Editoren; der Star darunter ist nach wie vor Dreamweaver, der ziemlich guten Code erzeugt und vor allem eine sehr gute Dokumentation mitbringt, wo du auch HTML- und diverse Script-Befehle nachschlagen kannst. Dinge wie sich ändernde Buttons usw. lassen sich ebenfalls sehr leicht damit realisieren. Ein Grossteil der professionellen Webseiten wird damit realisiert, weil Handcodierung im Idealfall zwar fehlerfreier sein mag, die Arbeit mit einem Editor jedoch ganz einfach einiges schneller vonstatten geht (vor allem auch Änderungen von ganzen Webseiten).

Private Webseiten kannst du so schnell erstellen; für professionelle Webauftritte gäbe es allerdings noch einige andere Dinge zu beachten als die rein technische Seite.

Viel Spass

DrZen

Hallo

Schau, wenn ich dir hier die Frage genau beantworten würde, müsste ich erst mal etwas auf Javascript eingehen für die Buttons. Das mit der Schrift machst du aber genaugenommen am besten über Stylesheets (CSS), also Code, den du in dein ganzes Web einbinden kannst und mit dem du festlegst, was wie wo hinkommt, in welcher Farbe und in welcher Grösse; dort kann man auch definieren, wie ein Link unter welchen Umständen behandelt wird - er kann z.B. die Farbe wechseln, wenn man mit dem Mauszeiger drüberfährt.

Und man könnte auch all die anderen Möglichkeiten verwenden, die Wal erwähnt hat.

Da das alles zwar verhältnismässig einfach ist, aber doch über einen gewissen Umfang verfügt, schlage ich vor, dass du das alles einmal selbst in Ruhe nachliest. Selfhtml von Stefan Münz beantwortet wirklich alle Fragen, nicht nur zu HTML, sondern eben auch zu Javascript, CSS, XML, PHP und mehr (ASP und .net lassen's leider links liegen).

Viel Vergnügen.

DrZen

Tach zusammen!

die Befehle sehen im Skript üblicherweise so aus:

<img src="grafiken/button/button-off.jpg" border=0 onmouseover="this.src='grafiken/button/buttonl-on.jpg'" onmouseout="this.src='grafiken/button/button-off.jpg'" width="120" height="35"><br></a>

wenn die Maus drüber steht, sieht man button-on.jpg
und wenn die Maus nicht mehr drüber steht sieht man button-off.jpg

grafiken/button/ ist das Verzeichnis auf dem Server wo die ganzen Bilder drin sind.

with und height sagt nur was über die Abmessungen der Grafiken aus.

also echt nix wildes, z.B. MS Frontpage oder auch eine Menge andere Webdesigner generieren den Code von selbst.

Mit PovRay mußte man damals auch die 3D Szenen durch Befehle erstellen, das ist heute mit Carrara oder Amapi nicht mehr notwendig.

buff

@buffoli: Da der Scriptfetzen allein so nicht funktioniert, habe ich so Sachen weggelassen. Wenn man sich seriös damit beschäftigt, käme dann noch ein Preloader dazu und CSS (ist wirklich der einfachste Art mit dem Schriftwechsel) und und und.
Da MRK den Editor nicht wie eine Blackbox behandeln will, sondern verstehen will, worum es da wirklich geht, wird eine intensivere Beschäftigung mit der Sache notwendig. Darum SELFHTML (siehe oben). Der Link ist wirklich für jeden sinnvoll, der sich mit Web Design beschäftigt (ich schlage da auch ab und zu was nach ).

Übrigens, gerade, wenn man mit Frontpage arbeitet, ist es durchaus sinnvoll, ein paar Dinge zu wissen, wenn man ein gutes Endprodukt abliefern will, das auch auf Netscape & Co. mehr oder minder das gleiche darstellt. Einfache Dinge gehen perfekt, aber sobald's eine Spur komplizierter wird ... nun ja.

Viele Grüsse

DrZen

Hi,

klar, wenn man sich da richtig mit beschäftigt, ist noch eine Menge mehr notwendig als diese paar Zeilen, aber um einfach mal in anderen Webseiten reinzuschauen und zu gucken, wie haben die das denn gemacht, ist es ja hilfreich zu wissen wonach man suchen soll?

Egal, ist auf jeden Fall richtig, wenn man eine Webseite aufbauen will geht das auf zwei Arten, entweder man macht das mit einem grafisch orientierten Editor, der dann das Skript erzeugt oder man programmiert das ganze Skript selbst. Letzteres ist natürlich der schwierigere aber auch flexiblere Weg und ist zu empfehlen, auch wenn man hinterher doch nur Frontpage oder so benutzt...

also bitte nicht durch den Skriptfetzen verunsichern lassen.

buff

Hallo MRK-X2,

manchmal habe ich auch einfach lust, mal in andere Bereiche reinzuschauen um überhaupt ersteinmal einen Überblick zu erlangen um was es eigentlich geht und wie etwas im Grunde funktioniert.

Den Link von DrZen ist schon sehr gut und hilft weiter, auch die anderen Einträge sind immer gut. Aber was ich allerdings manchmal mache ist, mir ein guten Buch zuzulegen - so billig wie möglich - um nur mal einen Überblick zu erlangen wie es funktioniert. Diese Bücher ersetzen dann natürlich weitere Fragen und Literatur nicht - wie gesagt nut für den Anfang und als Überblick dienent

Hier meine Empfehlungen (solange du dich nicht schon irgendwie mehr damit beschäftigt hast und an der "Oberfläche wühlst):

PHP5 und MySQL 4

Jetzt lerne ich HTML

Aber wie gesagt, die Bücher dienen nur der aller aller ersten Phase und geben ein sehr schönen Überblick.

Aber sie lohnen isch auch nur, wenn du von Grund aus damit vorhast zu arbeiten. Wenn du sowieso nicht vorhast es zu lernen und zu benutzen ... ist es sicherlich besser und günstiger einfach immer wieder mal ein paar Dinge zu erfragen!!

Viele Grüße
wal

PHP5 und MySQL4 kann ich auch empfehlen,hab ich mir auch gekauft, ist sehr gut geschrieben und mit vielen Beispielen erläutert.

Aber nicht jeder WebServer unterstützt automatisch auch php und bietet eine (oder mehrere) MySQL-Datenbank, deshalb rate ich, bevor man sich für einen Server entscheidet auch auf diese Kleinigkeit achten! (mußte meinen provider deshalb wechseln, und klar hab natürlich vergessen ein Backup der alten web-Seite zu machen, deshalb musste ich alles neu machen)

Doch nur für eine onmouseover-Funktion braucht man sich nicht mit php zu beschäftigen, da reicht html auch aus.

gruß

buff