24

Web/Publishing (Fach) / Webseite erstellen (Lektion)

Diese Lektion wurde von maib erstellt.

Lektion lernen

Diese Lektion ist leider nicht zum lernen freigegeben.

zurück  |  weiter 1 / 1

• absolute Links absolute Links beginnen mit "http://" und führen zu einer externen Webseite. vollständige URL ins Textfeld eingeben. Bsp: http://www.dreamweaver-buch.de
• Relative Links = interne Hyperlinks  Nicht der absolute Pfad der Zielseite wird angegeben, nur der relative Pfad.Diese Links weisen zu Seiten innerhalb derselben Webseite.
• Relative Links im Dreamweaver eingeben (2 Methoden) Ordnersymbol klicken im Eigenschaftenfeld unter Hyperlink > Zielseite im Dateibrowser auswählen Fadenkreuz > in das Bedienfeld Dateien und auf das Dokument ziehen.
• FTP Was heisst FTP? Zuständig für was? FTP = File Transfer Protocol Ist für die Übertragung von ganzen Dateien zuständig. http = hypertext transfer protocol (Standardprotokoll) https= hypertext transfer protocol secure (verschlüsselte Datenübertragung bsp. Kreditkarteninfos.)
• 1. FTP-Übertragung allgemein 2. FTP-Server 3. Zugangsdaten (4) Die erstellte Website wird per FTP auf den Webserver meines Providers (Hostpoint) übertragen und so im WWW veröfftenlicht. Der Provider hält einen eigenenen FTP-Server bereit. Um diesen zu kontaktieren und Dateien dorthin zu übertragen, werden die Zugangsdaten benötigt. Adresse des Providers | Benutzernamen | persönliches Kennwort | Stammordner auch Root-Ordner genannt, wo die Dateien auf dem Server abgelegt werden können.
• Unterschied ID und class ID = Eine ID ist einmalig und darf auf einer Webseite nur einmal vorkommen (z. B. #kopfbereich oder #textbereich class = Eine class darf auf einer Webseite mehrfach verwendet werden (z. B. Infoboxen). muss selber dem Tag zugewiesen werden.
• URL URL = Uniform Resource Locater = Ressourcenanzeiger = Internetadresse
• Dateiformat für Bilder (3 Formate) JPG- für Farbfotos- unterstützt keine Transparenz GIF- für einfarbige Farbflächen, z.B. Banner u. Grafiken mit Verläufen- unterstützt Transparenz- Animation PNG- für Illustrationen und Grafiken mit Verläufen- unterstützt Transparenz- keine Animation
• Photoshop-Bilder als Smart-Objekt einfügen Photoshop-Bilder in ein webfähiges Dateiformat umwandeln und als Smart-Objekt einfügen: Beim Einfügen eines Photoshoop-Bilds öffnet DW ein Dialogfenster.  Vorgabe > Dateiformat wählen > OK > zum Ordner "images" wechseln > speichern + Alternativtext eingeben.
• Wie ist ein Webauftritt aufgebaut? Webadresse bzw. URL (uniform resource locator) Webauftritt auch Website oder Site genannt Webseiten Startseite mit Hyperlinks zu allen anderen Webseiten
• Anzeige
• Wo befinden sich die Hyperlinks? im Text der Webseite als Grafiken in der Navigationsleiste
• Welche groben Schritte sind notwendig, um einen Webauftritt zu gestalten und ins Intranet zu stellen? (6 Schritte) Konzept planen Struktur anlegen und Inhalte einfügen Verlinkung, den Inhalt, die Anzeige und die Ladezeit des Webautritts überprüfen Namen aussuchen und registrieren Provider auswählen Webauftritt veröffentlichen
• der Aufbau des Webauftritt Konzept festlegen = Zielgruppe definieren, Zweck festlegen, Kommunikationsarten bestimmen Struktur planen = Organigramm, weniger ist mehr, Infos auf Webseiten verteilen Layout bestimmen = firmenspezifisch Elemente (Logo etc,), klare Navigation, einheitliches Seitenlayout
• einen neuen Webauftritt anlegen > Vorgehen: 1. Stamm- und Bilderordner auf dem Dateisystem anlegen  c:\webauftritte\kick Unterordner: c:\webauftritte\kick\images 2. Site > Neue Site  Name des Webauftritts eingeben (Kick) lokaler Site-Ordner > Ordner auswählen (c:\webauftritte\kick) Erweiterte Einstellungen > lokale Infos > Standard-Bilderordner images auswählen Web-URL > Webadresse eingeben (falls bekannt) Gross- und Kleinschreibung aktivieren > speichern
• Die erste Webseite als Startseite, was muss beachtet werden? Die erste Webseite wird als Startseite gespeichert Startseite direkt im Stammordner des Webautritts ablegen > beim Provider informieren, welchen Dateinamen ich für die Startseite verwenden muss (index.html, default.html ....) so kann die Startseite vom Webserver als Startseite erkannt werden.
• Struktur (Ordner und Dateien) festlegen Ordner styles und medien erstellen Dateien erstellen (Bsp. agb, anmeldung, impressum, kontakt, kurse,...etc.) Webseiten nacheinander öffnen und Seitentitel eingeben wichtig: Ordner und Dateien kleingeschrieben, keine Sonderzeichen, Leerzeichen oder Umlautestatt Leerzeichen > Unterstrich _ verwenden (Bsp. kurse_von_kick)
• Neue Webseiten mit dem Menüpunkt Datei > Neu erstellen: Datei > neu leere Seite > HTML > <kein> > HTML5 wählen > erstellen Webseiten auf diese Weise erstellt, werden erst dann in der Ordnerstruktur angezeigt, wenn die Datei gespeichert wird.
• Die Standardkodierung (HTML-Version) für alle neu erstellten Webseiten festlegen: Bearbeiten > Voreinstellungen Neues Dokument > HTML5 > Zeichencodierung auf Unicode (UTF-8) wählen
• Webseite mit Bildern versehen: gewünschtes Bild mit dem Windows-Explorer in den Ordner images kopieren. Einfügen > Bild
• Was sind externe Stylesheets? Mithilfe externer Stylesheets kann ein ganzer Webautritt auf der Grundlage derselben Formateinstellungen gestaltet werden. Externe Stylesheets sind Texdateien mit der Erweiterung .css Diese Dateien werden im Stammordner gespeichert.
• Vorteile von externen Stylesheets: kann mit beliebig vielen Webseiten verknüpft werden konsistentes Erscheinungsbild Änderungen müssen nur an einer Stelle vorgenommen werden schnelleres Laden der Webseiten, da weniger Formatierungsangaben mehrere Layouts desselben Inhalts möglich (z.B. ein Layout für Desktop-PC, eines für Smartphones,.....) Barrierefreiheit
• Webspace Auf dem Webserver des Providers (z.B. Hostpoint) ist Platz für meinen Webauftritt reserviert.  Der Webauftritt wird veröffentlicht, wenn die Dateien von meinem lokalen Computer zum Verzeichnis des Remote-Webserver übertragen wird.
• Das häufigst verwendete Verfahren, um Dateien auf einen Server ins Internet zu laden? FTP = File Transfer Protocol Adresse des FTP-Servers  (vom Provider) Benutzernahme und Kennwort Remote-Stammordner, in den meine Dateien abgelegt werden
• Das Vorgehen, die Dateien auf einen Server zu laden. Site - Sites verwalten Hochzuladenden Webauftritt markieren Bearbeiten (Sympol Bleistift) anklicken Server > + klicken > Servername passenden Namen wählen FTP-Host eingeben (ftp.bille282.myhostpoint.ch) Benutzer (bille282) und Kennwort (sibilleM_282) eingeben Stammverzeichnis eventuell eingeben( www/webpub1.bille282/ ) testen > ok speichern und fertig

zurück  |  weiter 1 / 1