110 likes | 220 Views
Crash-Kurs Website / HTML in der Lernveranstaltung Wissenschaftliches Arbeiten dem mit PC. Homepages für Einsteiger. 6. bzw. 7 Auflage vom November 2005 bzw. Mai 2006 http://knowware.de/?cat=3.1&book=home. Sie lernen: Basics Websites Basics HTML, die wichtigsten Befehle
E N D
Crash-Kurs Website / HTMLin der LernveranstaltungWissenschaftliches Arbeiten dem mit PC
Homepages für Einsteiger. 6. bzw. 7 Auflage vom November 2005 bzw. Mai 2006 http://knowware.de/?cat=3.1&book=home Sie lernen: • Basics Websites • Basics HTML, die wichtigsten Befehle • eine Website erstellen und im Internet veröffentlichen in 5 Minuten Es gibt eine Vielzahl von Programmen, mit denen man Websites fast automatisch erstellen kann; Sie benötigen trotzdem einige Grundfertigkeiten in der Bearbeitung von Websites. Daher geht es in diesem Crash-Kurs darum, dass Sie eine – ganz einfach gestrickte – Website – selbst schreiben und ins Netz stellen.
Durcharbeiten: • S.8 und 9 Was ist HTML? bis vor Wie gelange ich ins Netz • S.15-21 HTML-Dokument erstellen (hier einige Hilfestellungen dazu) • S.22 HTML-Befehle: werden Sie immer wieder zum Nachschlagen benötigen • S.34 Hyperlinks (=externe Querverweise)setzen • S.35-37 interne Querverweise setzen • für den Einstieg soll das genug sein; von hier aus können Sie sich weitere Kenntnisse selbst aneignen • Tipp zur Vertiefung: Kurs an der Virtuellen Hochschule Bayern Internetkompetenz: Webdesign für Anfänger http://vhb.fh-regensburg.de/ik/kursinfo/kursbeschreibung_wd1.htm
S.15 1. : erstellen Sie einen Ordner mit der Bezeichnung www auf Ihrem Laufwerk g. Der Ordner www entspricht dem Projektordner auf S.15. • 2. und 3. Neues Textdokument erstellen und 4. -6. als index.html speichern • 7. und 8. Datei mit Doppelklick öffnen, dann Quelltext anzeigen: das Dokument ist noch leer – also müssen wir es füllen! dieses Kontextmenü sieht unterschiedlich aus, je nachdem welche Programme auf Ihrem PC installiert sind ___ ____________ ___ ___ ____ ___________ das neue Textdokument in index.html umbenennen
Es folgt: die Bearbeitung der Datei index.html.Der Browser ist nur zum Lesen bzw. darstellen der Datei gut – nicht zum Schreiben.Wir Bearbeiten die Datei mit dem Editor. Dafür öffnen wir sie mit dem Editor, wie unten beschrieben ___ ____________ ___ ___ ____ ___________ ___ ____________ ___ ___ ____ ___________ ___ ____________ ___ ___ ____ ___________ ___ ____________ ___ ___ ____ ___________ das Kontextmenü öffnet sich – auf Öffnen mit klicken mit re. Maustaste auf index.html klicken auf Editor klicken die leere Datei index.html füllen wir im nächsten Schritt mit dem HTML-Grundgerüst
das HTML-Grundgerüst finden Sie in Muster Website auf der Kurswebsite dort Termine, Themen, Aufgaben anklicken dann Muster Website doppelklicken ___ ____________ ___ ___ ____ ___________ es erscheint dieses Bild - das ist das HTML-Grundgerüstkopieren Sie den kompletten Text in die Datei Index.htm lesen Sie dann in Ruhe S.17
Das wichtigste: öffnet man die Datei mit dem Browser ist nur sichtbar, was zwischen <body> und </body> steht in den ersten drei Zeilen werden Normen beschrieben – fragen Sie mich bitte nicht, welche <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Unbenanntes Dokument</title> </head> <body> </body> </html> in dieser Zeile auch Normen was hier steht, erscheint im blauen Balken der Website – steht hier z.B. GHV Medizinische Aspekte sieht die Website so aus zwischen <body> und </body>: hier spielt die Musik – steht hier nichts, ist die Website weiß
Hyperlinks – die Essenz Hyperlink auf andere Website z.B. meine Homepage <a href="http://www.davidklemperer.de">Wichtig: die Adresse muss immer komplett mit http:///www. xxx.de geschrieben werden. die Adresse immer in Anführungszeichen – sonst funktioniert's nicht Hyperlink auf Datei im selben Ordnernur den Dateinamen z.B. Hyperlink von Datei index.html in Ordner wwwauf Datei foto.jpg in Ordner www: <a href="foto.jpg"> auch hier an die Anführungszeichen denken! Hyperlink auf Datei in Unterordnerz.B. Hyperlink von index.html in wwwauf die Datei bmj.jpg im Unterordner fotos von www<a href="fotos/bmj.jpg">
Ihre Website ins Netz stellen – gar nicht so schwer Sie wollen Ihre Datei index.html ins Netz stellen "ins Netz stellen" bedeutet, die Datei auf einen Server zu stellen. Ein Server ist ein Rechner, der Daten in einem Netzwerk (z.B. dem Internet) für Zugriffe bereitstellt. Der Clou für Angehörige der FH: Ihr Laufwerk g hat die Eigenschaft, als Server zu funktionieren, genau genommen ist es der Ordner www. Dieser Ordner www muss direkt auf g liegen, darf also kein Unterordner sein. Die Datei index.html im Ordner www ist somit Ihre Startseite (=Homepage). Wie wird Ihre Homepage aufgerufen? Im Prinzip ist auch dies ganz einfach. Ihre URL lautethttp://www-nw.uni-regensburg.de/~Benutzername Benutzername ersetzen Sie durch Ihren vollen Login-Namen incl. dem vorangestellten Punkt. Beispiel: http://www-nw.uni-regensburg.de/~.abc12345.stud.fh-regensburg.de Kopieren Sie diese Adresse in die Adresszeile des Browsers - schon sind Sie drin. Infos des Rechenzentrums zum Einrichten einer privaten Website:http://www.uni-regensburg.de/Einrichtungen/Rechenzentrum/Dokumentation/homepages-nds.html
Adresse kürzen Mit einer Adresse wie dieser http://www-nw.uni-regensburg.de/~.abc12345.stud.fh-regensburg.demachen Sie es Ihren Mitmenschen natürlich schwer – sie ist viel zu lang. Verschiedene Anbieter vergeben kostenlose Adressen mit doppelten Endungen, wie z.B. http://www.Ihr-Name.de.ms. Diese Adressen sind virtuell, sie dienen zur Umleitung auf den Server, auf dem Ihre Website mit langer Adresse ruht. Einer der Anbieter ist http://www.cydots.com. Beachten Sie, dass Sie die Werbebanner bei "Einstellungen für die Domain" ausschalten können.
Aufgaben für die Klausur Ordner www auf g: • erstellen Sie den Unterordner fh mit der Datei fh.html • erstellen Sie den Unterordner tabak mit der Datei tabak.html. Ordner fh • Datei wissenschaft.pdf reinkopieren * • Datei fh.html • Link zur Website http://www.machen-sie-sich-schlau.de • Link zur Website http://de.wikipedia.org/wiki/Zitierweise • Link zur Datei wissenschaft.pdf Ordner tabak • reinkopieren Datei 2000berkshire_edited.pdf* • reinkopieren Datei 2005ajph12myths.doc * • Datei tabak.html • Link auf die Datei 2000berkshire_edited.pdf • Link auf die Datei 2005ajph12myths.doc • Link auf die Website http://www.tobaccodocuments.org • Link auf index.html Datei index in Ordner www • Link auf fh.html und tabak.html • Link auf 2005ajph12myths.doc *die Dateien finden Sie hier:http://kurse.fh-regensburg.de/kurs_18/kursdateien/dateien.html