Im Seminar pflegte ich eine Textdatei mit verschiedenen kurzen Statements zu den behandelten Themen. Diese Datei will ich hier gerne einpflegen:
Plan: HOSTING-Praxis
Neue Adresse im Netz: www.brandes-palimpalim.de
geht das??
Ja - geklärt über die DENIC (www.denic.de)
kann man aber auch über Formulare bei den Webhosting-Anbietern machen!
Webhosting-Anbieter: 1und1, strato, 1blu, hosting-europe, ....
Umsonst über die DSL/Online-Zugänge / z.B. Telekom, T-Online:
http://tesxsdfres01.home.t-online.de
vom Hoster bekommt man dann die Zugangsdaten:
Server-Adresse: pcsystembetreuer.de (im Web dann test.pcsystembetreuer.de)
Benutzername: Teilnehmer
Passwort: xxxxxxxxxx (hier in xen)für al)
Anmerkung: dieser Zugang wird ab Fr/Na wieder gesperrt ;-)
Mit welchem Tool kommen die Daten auf den Server?
FTP-Programm (File Transfer Protocol) ist natürlich häufig auch in Webeditore integriert (Publishing)
wir setzen eine FireFox-Erweiterung (FireFTP) ein.
Echte FTP-Programme:
- WSFTP LE (gibt es oft von Hostern)
- CuteFTP
- Filezilla (von Mozilla-Entwicklern - meine Empfehlung)
- ... (hunderte von FTP-Programmen!) Wir setzen keine "echten" Programme ein, da wir aufdiesen Rechnern ja nicht wirklich installieren dürfen!
"Notlösungen" finden sich hierzu auch unter: portableapps.com
Diese Programme lassen sich auch auf einem USB-Stick mitnehmen!
Übung: Überarbeitung von Online-Doks:
- Lokal zum Bearbeiten öffnen (hier meist auf DESKTOP)
- Verändern/ Speichern
- Mit FTP publizieren / Veröffentlichen
Ab jetzt immer bedenken:
Daten lokal - Daten auf Server (remote/Server)
Wir spielen das jetzt einmal durch:
Wir verändern unser lokales Webprojekt
- neuer Link zu 2. HTML-Dok - erledigt!
- neue Grafik/ neues Bild - erledigt!
so übrigens sieht es auch bei professionelle Webeditor-Systemen
aus - man nennt das eine To-Do-List oder dt. Aufgabenliste.
Vorarbeit: Stichwort Webprojekt
möglichst alle Dateien eines solchen Projekts
in einen entsprechend bezeichneten Ordner!!
Das wird dann auch später mit unserem (stark) verbesserten
Web-Editor sehr helfen und die Übersichtlichkeit über
das Projekt und die Dateien verbessern!
dann veröffentlichen per FTP
Jetzt kommen wir abschließend - für heute - zu den Webeditoren
wir wollen schließlich den Notepad (Editor) loswerden:
Profitools:
z.B. Adobe (früher Macromedia) Dreamweaver (CS3) ...
kostenlos:
- NVU (früher) - heute Kompozer (gibts auch bei portableapps.com!)
- für diese Woche: PSPad (heute zeige ich ihn kurz - morgen für Sie)
Insbesondere Tastenkombination: Anfangsbuchstabe HTML-Tag und dann STRG+Space/Leertaste
Einrichtung inklusive FTP-Speichermöglichkeit
Weitere Tools für den Firefox (siehe http://addons.mozilla.org)
- Web Developer von Chris Pederick (Link)
- FireBug (Link)
Darstellung von "Barrierefreiem Webdesign
Hier: Das Zusammenarbeiten von HTML (DIV-Blöcke) und CSS-Designs an Beispieldateien der Internet-Professionell (Ausgabe März/2007 Zeitschrift leider eingestellt) - (Download der Übungsdateien)
Verfasser: Stephan Heller - www.daik.de - Link zur Veröffentlichung des Artikels
Aktuelle Empfehlung: Zeitschrift "Internet Magazin"
Schöne Veranschaulichung der Technischen Effizienz von HTML und CSS auf www.csszengarden.com. Immer derselbe Inhalt (Content) aber immer ein anderer "Look".
So weit "unsere Notizen"! Vielen Dank nochmals für Ihre Teilnahme!
Ihr Trainer Joe Brandes, 2008-04-18
