Anhang zur Projektbeschreibung Homepage

Transkript

1 Anhang zur Projektbeschreibung Homepage Kurze Einführung in MS Frontpage An dieser Stelle möchten wir Ihnen eine kurze Einführung in MS Frontpage geben. Webdesign ist allerdings ein sehr weites Feld (zum Glück, sonst sähe ja jede Internetseite ähnlich aus, wie langweilig...), daher beschränken wir uns hier auf einige Grundfunktionen, die erst einmal einen kleinen Einstieg in den Umgang mit Frontpage geben sollen. Allerdings sollten Sie zur Durchführung eines Homepage-Projektes schon einigermaßen sattelfest im Umgang mit dem Computer sein. Auch ist ein wenig Praxiserfahrung unerlässlich. Da hilft nur Ausprobieren! Veranschaulicht wird alles am Beispiel der Bunker-Homepage, erstellt mit Jugendlichen im Freiwilligen Sozialen Trainingsjahr in Bremen-Gröpelingen. Und los geht s! Es empfiehlt sich, den Jugendlichen schrittweise die folgenden vier Gestaltungsmöglichkeiten näher zu bringen, damit sie ihre ersten kleinen Schritte auf dem Weg zur eigenen Homepage machen können. o Hintergrund o Tabellen o Schrift o Bilder Hintergrund Über Format => Hintergrund kann man eine Farbe sowie auch ein Bild als Hintergrund bestimmen. 1

2 Wenn man ein Hintergrundbild verwenden möchte, muss es meistens in einem Bildbearbeitungsprogramm verkleinert werden. Zum einen in der dargestellten Größe, da von Digitalkameras aufgenommene Bilder meist viel zu groß sind, zum anderen in der Dateigröße um die Ladezeit der Homepage zu verringern. Auch möchte man vielleicht seiner Kreativität freien Lauf lassen und Bilder, wie auf der Rechten, farblich verfremden, oder Helligkeit und Kontrast verändern. Stark verfremdetes Bild als Hintergrundbild für die Bunker-Homepage. Ein generelles Problem beim Homepagebau ist, dass sich viele verschiedene Leute sich die Seite auf vielen verschiedenen Monitoren ansehen. Weil aber nicht alle Monitore genauso eingestellt sind, wie der, an dem Sie gerade sitzen, kann es sein, dass Farben, die bei Ihnen vielleicht toll aussehen, bei anderen doch eher verbesserungswürdig sind. Es empfiehlt sich daher, sobald eine erste Version der Seite steht, sie mit anderen Monitoren (z.b. in einem Internet Café) zu testen und ggf. ein paar Änderungen vorzunehmen. Tabellen Tabellen sind notwendig für eine genaue, kontrollierte Platzierung von Schrift und Bildern. Tabellen kann man über Tabelle=> Einfügen=>Tabelle... einrichten. 2

3 Es empfiehlt sich, mit den Jugendlichen zusammen auf die betreffende Seite eine große Tabelle mit vielen Spalten und Zeilen einzufügen, damit es viele verschiedene Möglichkeiten gibt, die Seite mit Schriftanteilen und Bildern zu füllen. Beispiel: MS Frontpage Normalansicht Die Tabelle kann mit der Maus direkt verändert werden, indem man die Maus auf eine der Linien setzt und diese mit gedrückter linker Maustaste nach rechts, links, oben, unten zieht. Dadurch werden Spalten breiter oder Zeilen schmaler, je nach Bedarf. Außerdem sollte man die Tabelle transparent machen, damit man sie später im Internet nicht sieht: Tabelle markieren, mit rechter Maustaste auf die Tabelle klicken, Tabelleneigenschaften auswählen. Es erscheint folgendes Fenster: Dort wird bei Stärke eine 0 eingetragen. 3

4 Schrift Schreiben kann man wie bei MS Word oder anderen Schreibprogrammen entweder in den Tabellenzellen oder auch außerhalb der Tabelle. Man platziert den Cursor, schreibt den gewünschten Text und kann ihn anschließend formatieren. MS Frontpage bietet ähnlich wie MS Word verschiedene Schriftarten und -farben an, Fett- und Kursivdruck und Blocksatz. Vergleiche folgende Symbolleiste von MS Frontpage: Bilder einfügen Bilder werden über Einfügen=>Bild=>aus Datei eingefügt. Achtung: Die Bilder müssen aus dem dafür eingerichteten Bild-Ordner der Homepage stammen, sonst kann man sie später nicht im Internet sehen. Bevor man die Bilder einfügen kann, müssen sie meistens noch verkleinert und evtl. gedreht werden. Das kann man z.b. mit dem Bildbetrachtungsprogramm ACDSee machen: Extras=>Größe ändern bzw. Drehen. Es ist sinnvoll die Bilder in der Größe zu erstellen, in der sie dann in der Homepage erscheinen sollen, das reduziert meistens schon die Dateigröße erheblich (wichtig für die Veröffentlichung im Internet, weil dadurch die Ladezeiten für die Internet- Benutzer entscheidend bestimmt werden). Beispiele: Komplette Normalansicht (nächste Seite) Das große Bild (Karabinerhaken) wurde auf eine Breite von 250 Pixel verkleinert, die Höhe beträgt bei Beibehaltung der Seitenverhältnisse 333 Pixel. Das kleinere Bild (Schuh) wurde auf eine Breite von 91 Pixel verkleinert. 4

5 Verkleinert man die Bilder nicht, sprengen sie den Platz auf der Seite, so dass von ihnen nur Ausschnitte erkennbar sind, siehe folgendes Bild: Komplette Normalansicht 5

6 Die vorliegenden Materialien sind im Rahmen des Kooperations- und Beratungsnetzwerk für Internetzugangs- und Lernorte (KuB-Netzwerk) entstanden. Das KuB-Netzwerk ist ein Teilprojekt des LernNetzwerks Bremen ( dem Bremer Beitrag zum Bundesprogramm Lernende Regionen. In diesem Projekt kooperieren: o Die Arbeitnehmerkammer Bremen o Das Institut für Informationsmanagement Bremen GmbH (ifib) o Die Bremische Zentralstelle zur Verwirklichung der Gleichberechtigung der Frau (ZGF) o Das Zentrum für Schule und Beruf (zsb) o Die Stadtbibliothek Bremen Autorin Homepagebau mit MS Frontpage : Vivien Kretke, zsb 6