Html/css

Hey Sonnenlicht,

lade dir doch mal falls du den Mozilla FireFox Browser hast das Add-ons Firebug runter.

Damit kannst du dir bei allen Homepages die Html, css und die jeweiligen scripts anschauen. Styles und Berechnungen sind dann auch noch mal genau aufgeführt.
Wenn du die Konsole akitvierst kannst du dir genau einzelene Elemente wenn du mit der Maus darüber gehst ansehen. Sie werden markiert und du weisst gleich wo du dich befindest.
Dort kannst du auch etwas ausprobieren und einzelnen Elemente umschreiben, siehst was sich verändert.

Vielleicht hilft dir das etwas. Ansonsten würde ich empfehlen einfach mal ein script zu nehmen...und ich glaube du arbeitest auch mit PS, eventuell den Dreamweaver als Testversion laden und dort reinkopieren. Script und Layout ansicht nebeinander schalten und du hast es bildlich vor dir.

Wenn du die einzelnen Elemnte vor dir hast und die scripts dann gleich dazu siehst vielleicht hilft es etwas sich zu orientieren und einzuprägen.

Viel Erfolg

Örmel

...

hey Sonnenlicht,

ja du bekommst unter anderem auch den Quelltext angezeigt. Es werden auch Fehlerquellen eine HP angezeigt.

Wen du etwas wissen willst zum Beispiel wie viele Außen- und Innenabstand ein bestimmter div-Container hat, kannst du das mit Firebug genau sehen, welche CSS-Klassen und Beschreibungen für das Element wirksam sind. Außerdem kann man mit Firebug live das DOM manipulieren. Heißt du kannst den Quelltext einer HP editieren und die Änderungen sind sofort, ohne Reload, im Browserfenster sichtbar. Also praktisch zum ausprobieren.
Ich poste dir einfach mal den Link.

gibt es für FireFox:
https://addons.mozilla.org/de/firefox/addon/1843/

gibt es inzwischen aber auch für Chrome
für Safari, Opera oder IE ist es dann ein Bookmarklet und nennt sich Firebug lite.

LG


Örmel

EuFrank meinte:

In der Regel kann man sich den Quellcode fast jeder Seite anschauen (Rechtsklick und entsprechenden Eintrag im Kontextmenü anklicken).

Bei manchen Seiten klappt dies nicht. Wie die das machen, weiß ich nicht. Vielleicht deaktivieren die die rechte Maustaste oder so. Würde mich mal interessieren.

Zum Vergrößern anklicken....

ja das mit dem quelltext kenne ich schon.
schau mal vielleicht kannste damit ja etwas anfangen..
Quelltext verstecken

Hallo Sonnenlicht!

Danke der Link war interessant. Richtig erklärt wurde aber leider Schritt 6 nicht. Bei Schritt 4 frage ich mich zB bei
onselectstart

ob das noch geht, wenn JavaScript deaktiviert ist. Das wäre dann ja auch ein schlechter Schutz.

Sonnenlicht meinte:

ja das mit dem quelltext kenne ich schon.
schau mal vielleicht kannste damit ja etwas anfangen..
Quelltext verstecken

Zum Vergrößern anklicken....

Hallo EuFrank,

das ist eigentlich nur ein simples tool. Ein ado-on das für Webentwickler gedacht ist und sehr lange auch nur für Firefox verfügbar war.

Allerdings habe ich gestern entdeckt dass wie oben bereits geschrieben inzwischen auch Versionen für andere Browser vorhanden sind.

Gutes gelingen.

Örmel