HTML/CSS
Ralf Herbst
Im HTML-Editor unter sites:
32.ap_div.html
AP-div dienen zur Überlappung von Elemente, andere div-container können die Elemente nur untereinander anordnen
Ziel: beide Container sollen miteinander mitgehen, roter Container wird Papa und blauer container soll folgen
33.layout_4_zeilen_mit_apdiv.html
= einbauen von logo mit Hilfe von ap-div-container, dh. Logo folgt dem header
Aufbau des Webauftritts planen (pdf-Datei)
Konzept - Portfolio erstellen (Dienstleistung bzw. Produkte etc.)
- Zielgruppe definieren: welche Personengruppe, Altersgruppe, Interessen usw.
- Zweck der Webpräsenz festlegen: Image fördern, unterhalten oder Dienstleistung anbieten
- Kommunikationsarten bestimmen: Feedback, Meinungen erfahren, Kontakt treten per E-Mail, Telefon oder Post, Besucher auf der Website auswerten
Flußdiagramm erstellen, um festzulegen, welche Infos auf welcher Seite plazieren und wie diese Seiten miteinander verknüpft werden sollen, Übersicht bewahren!
Mindmeister
Storyboard (Drehbuch beim Film) (pdf-Datei)
wichtig: Unterschrift Kunde!!!
Storyboard runterladen
Websitedesign Vertragstexte
Tipp zur Kundensuche:
www.meinestadt.de (region bezogen)
E-Mail mit Hinweis auf seine Website etwas veraltet, jetzt neuere Möglichkeiten zur Gestaltung, beachten auch Handy und Tablet
Website bauen:
im HTML-Editor die Projekte "Autohaus Luigi, Avatar, Lady like" anlegen unter neues Projekt mit Namen im linken und rechten Feld (wichtig!) eingeben und übernehmen.
bei Einstellungen:
in Optionen HTML bei "Benutzer-Tags nach..." Haken entfernen und übernehmen
bei lokale Verzeichnisse die Pfade legen:
- Stammordner für Homepage-Daten:
C:/Users/bmurmann/Deskop/Web-Projekte/Download Ralf/Autohaus Luigi
- Standardverzeichnis für gemeinsame Dateien (Grafiken etc.):
C:/bmurmann/Desktop/Web-Projekte/Download Ralf/Aufhaus Luigi/bilder
- Verzeichnis für Style Sheet Definitionsdateien (*.css):
(vorher im Ordner Webprojekte den Ordner css anlegen)
C:/Users/bmurmann/Desktop/Web-Projekte/Download Ralf/Autohaus Luigi/css
übernehmen
in dem Projektordner sind unter dem Ordner "_work2" die screen.jpg vorhanden, diese kommen meist vom webdesigner oder photoshop, F2
Wichtig: erst HTML - dann CSS!
aus unserem HTML-Lexikon Ordner die "index.html"-Datei anklicken und in den Projekt-Ordner Autohaus Luigi abspeichern
aus unserem HTML-Lexikon Ordner unter sites die 00.css_vorlage.html anklicken und im Projektordner Autohaus Luigi bei neues Dokument erstellen (beachten Ordner) Dateiname main und Erweiterung .css übernehmen, oben Diskette anklicken und speichert automatisch in linke Feld
EMPFEHLUNGEN:
Computer Tastaturbefehle
Google GidF
Keine Kommentare:
Kommentar veröffentlichen