Grundlagen der HTML-Programmierung. Arbeitsunterlagen. Fortsetzungskurs HTF

Größe: px
Ab Seite anzeigen:

Download "Grundlagen der HTML-Programmierung. Arbeitsunterlagen. Fortsetzungskurs HTF"

Transkript

1 Internet Club Zürich Die Plattform für Internet-Nutzer und -Einsteiger Fachgruppe HTML Workshop: Grundlagen der HTML-Programmierung Arbeitsunterlagen 1998 by Christoph Janser Fortsetzungskurs HTF Christoph Janser Internet Club Zürich Technischer Leiter HTML Sekretariat Löwenstrasse 24 Michèle Basappa 8400 Winterthur Kartausstrasse / Zürich Telefax 01/ by Internet Club Zürich, Christoph Janser, Technischer Leiter Fachgruppe HTML

2 HTML-Fortsetzungskurs, Einleitung Seite II Inhalt 1 FORMULARE EINLEITUNG EINLEITUNG DES FORMULARS EINGABEFELDER TEXTEINGABE PULL-DOWN-MENUE UND AUSWAHLLISTE EMPFANG BROWSERUNSTIMMIGKEITEN 3 2 FRAMES EINLEITUNG GRUNDLAGE FRAME-PROGRAMMIERUNG FRAME-BEISPIEL 5 3 IMAGEMAP EINLEITUNG IMAGEMAP-PRAXIS IMAGEMAP-PROGRAMMIERUNG 6 4 EINBAUTEN FÜR DEINE WEBSEITE JAVA/JAVA-SCRIPTS BEISPIELE VON JAVA-APPLETS GÄSTEBUCH ZÄHLER WEBNOTIFIER MAILINGLISTE LISTBOT 12 5 WEBDESIGN ALLGEMEINES TIPS KLASSISCHE FEHLER BEIM WEBDESIGN 15 6 INTERNETADRESSEN ALLGEMEINE ADRESSEN FORM2MAIL-ANBIETERN JAVA-SCRIPTS ZÄHLER GRAFIKEN GÄSTEBÜCHER DIVERSES 16 7 AUFGABEN UND LÖSUNGEN 17

3 HTML-Fortsetzungskurs, Einleitung Seite III Vorwort In diesem Fortsetzungskurs werden die folgenden Themen behandelt: Formulare Frames Imagemap Einbauten für Deine Webseite Webdesign Der Kurs ist als Fortsetzungskurs zum Grundkurs HTE gedacht. Die Kenntnisse, welche im ersten Grundkurs erlernt wurden, werden hier nicht mehr behandelt und sollten deshalb von den Kursteilnehmern beherrscht werden. Im Grundkurs wurden die folgenden Themen behandelt: Seitenaufbau Links Einbinden von Linien, Grafiken und Bildern Tabellen Mit den Kenntnissen der Kurse Grundkurs und diesem Fortsetzungskurs, können die Teilnehmer anspruchsvollere Internetseiten erstellen. Die Ausführungen beruhen auf dem HTML-Standard 3.2. Quellenverweise HTML 3.2 Schnellübersicht, Markt und Technik, ISBN HTML 4 Schnellübersicht, Markt und Technik, ISBN HTML 4, Addison-Wesley, ISBN Diverse Internetadressen Webdesign: PC-Online 8/97 Zähler, Gästebuch: INFO 4/98, CBB Computer-Briefkasten Das Copyright für diese Kursunterlagen, inkl. dazugehörende Dateien, liegt beim Autor.

4 HTML-Fortsetzungskurs, Formulare Seite 1 1 Formulare 1.1 Einleitung Durch Formulare wird das World Wide Web erst so richtig interaktiv. Formulare sind eine einfache Möglichkeit, innerhalb von HTML Feedback zu bekommen. Bei Formularen handelt es sich um eine Ansammlung von Schaltflächen und Texteingabefeldern, deren Inhalt in einem Paket zurück an den Server geschickt wird. Dieser verarbeitet die Informationen dann und gibt entsprechende Antworten zurück. Die Informationsverarbeitung hat nichts mit HTML zu tun und reicht ins Arbeitsfeld des Server-Systemadministrator. Beachte bitte auch Browserunstimmigkeiten auf Seite Einleitung des Formulars Ein Formular wird mit den Tags <form> und </form> in die bestehende HTML-Seite eingefügt. Innerhalb dieser Tags gelten alle im übrigen Dokument gültigen HTML-Befehle (Textformatierungen, Grafikeinbindungen, Tabellen). <FORM ACTION=URL> Formulare sind nur funktionsfähig, wenn das Action -Attribut angegeben ist. Action zeigt auf die Internet-URL-Adresse der Anwendung (meist ein UNIX-Skript). Da die Meisten keinen eigenen Server zur Verfügung haben, kann das mailto -Tag eingegeben werden. In diesem Fall werden die eingegebenen Daten per Mail verschickt. <form action= > <FORM METHOD=GET POST> Dieses Tag muss angegeben werden. Im dem Falle, das die Daten per verschickt werden sollen, muss hier Post angegeben werden. <ENCTYPE="TEXT/PLAIN"> Die im Formular angegebenen Daten müssen vom Browser auf eine bestimmte Weise kodiert werden, damit eine fehlerfreie Übertragung möglich ist. Voreingestellt ist <ENCTYPE="application/x-www-form-urlencoded">. Dies wandelt Leertasten in Pluszeichen und Sonderzeichen in ihren hexadezimalen Wert, dem ein Prozentzeichen vorangestellt wird. Beispiel für die richtige Formulareinleitung: <FORM ACTION="MAILTO: METHOD=POST ENCTYPE="TEXT/PLAIN"> 1.3 Eingabefelder <INPUT NAME=BEZEICHNER> Mit Name gibst Du den Parametername jedes Feldes an, z. B. Lieblingsessen <INPUT VALUE=ERKLÄRUNG> Mit Value gibst Du einen voreingestellten Wert an. Bei Schaltflächen handelt es sich um den Text, der in den Feldern erscheint. <INPUT TYPE=CHECKBOX> Ankreuzfeld; es können beliebig viele Ankreuzfelder im Formular angeklickt werden. <INPUT TYPE=RADIO NAME= GRUPPE > Auswahlfelder, die sich ähnlich wie Ankreuzfelder verhalten. Der Unterschied besteht darin, dass nur ein Feld aus einer Gruppe angekreuzt werden kann. Klickt der Benutzer auf ein anderes Feld, wird das vorherige jeweils deaktiviert. Name definiert die Gruppe (überall gleicher Name).

5 HTML-Fortsetzungskurs, Formulare Seite 2 <INPUT CHECKED> Wird beim Typ Checkbox und Radio benützt, um das Feld als angekreuzt zu definieren. <INPUT TYPE=RESET> Schaltfläche, die das Formular sofort auf den anfänglichen Stand zurücksetzt. Mit Value kann der Text geändert werden, z. B. value= Angaben löschen. <INPUT TYPE=SUBMIT> Schaltfläche, die die Formulardaten an den Server sendet. Mit Value kann der Text geändert werden, z. B. value= Ab die Post! INPUT TYPE=PASSWORD Dies definiert eine Texteingabezeile, die entsprechend type=text funktioniert. Der Unterschied ist, dass die Zeichen, die eingegeben werden, auf dem Monitor nicht angezeigt werden. Es erscheinen statt dessen *. <INPUT TYPE="HIDDEN" NAME="TITEL" VALUE="ADRESSAENDERUNG"> type=hidden übergibt Parameter, die vom Benutzer nicht verändert werden können. Das dient der Erleichterung einer weiteren Verarbeitung des Formulars. Du kannst beispielsweise so am Anfang des Formulars für Dich einen Titel (wie in obigem Beispiel Adressaenderung) angeben. 1.4 Texteingabe Mit type=text besteht die Möglichkeit, einzeilige Textfelder in das Formular einzubauen. Beispiel für ein Textfeld: <INPUT TYPE=TEXT NAME= TEXT1 SIZE=20 MAXLENGTH=40 VALUE= HIER TEXT EINGEBEN > Definiert eine einzeilige Texteingabezeile. Size ist die Anzahl der sichtbaren Zeichen, Maxlength legt die Anzahl der maximal einzugebenden Zeichen fest. Die in Value angegebene Zeichenfolge wird vorab bereits in die Eingabezeile geschrieben, bevor der Benutzer etwas eingibt. Mit dem Tag <TEXTAREA> ist der verfügbare Platz nicht so begrenzt. Das mehrzeilige Texteingabefeld wird mit <TEXTAREA> eingeleitet und mit </TEXTAREA> beendet. <TEXTAREA NAME="FEEDBACK" COLS=60 ROWS=2 WRAP=PHYSICAL> </TEXTAREA> Cols Spaltenanzahl des Textfeldes Name Bezeichner des Parameters Rows Zeilenanzahl des Textfeldes Wrap Zeilenumbruch (Standard : OFF )

6 HTML-Fortsetzungskurs, Formulare Seite Pull-down-Menue und Auswahlliste Das <SELECT>-Tag fügt ein Pull-down-Menue oder eine Auswahlliste in das Formular ein. Beispiel: DEINE LIEBLINGSGETRÄNKE <SELECT NAME= LIEBLINGSGETRAENK SIZE=2 MULTIPLE> <OPTION SELECTED VALUE= BIER >BIER </OPTION> <OPTION VALUE= EISTEE >EISTEE </OPTION> <OPTION VALUE= ROTWEIN >ROTWEIN </OPTION> <OPTION VALUE= WEISSWEIN >WEISSWEIN </OPTION> </SELECT> Multiple Name Size Selected Value Mehr als eine Option ist erlaubt Name des Parameters Gleichzeitig dargestellte Punkte (Optionen) Wählt im Vorfeld Einträge in der Auswahlliste (Voreinstellung) Übermittelter Parametername Empfang Wenn Benützer Dein Formular ausfüllen und abschicken, erhältst Du eine mit den Daten. 1.7 Browserunstimmigkeiten Es hat sich gezeigt, dass Benutzer, welche einen Browser der 4. Generation benützen, die Formulare nur ausfüllen können, wenn sie mit Netscape Communicator arbeiten. Mit dem Internet Explorer Version 4 von Microsoft können die Formulare zwar ausgefüllt werden, beim Klicken auf den Absenden-Knopf wird allerdings das Mailprogramm gestartet. Dieses Problem konnte bis heute von Microsoft nicht gelöst werden Abhilfe Wer seine Formulare für beide Browser zugänglich machen möchte, dem bietet sich die Möglichkeit, die Dienste eines Form2Mail-Anbieters zu beanspruchen. Hier muss dann bei der Formulareinleitung die URL dieses Anbieters angegeben werden. Der Anbieter wertet die eingegebenen Daten aus und sendet diese dann als Mail zu Dir. (Adressen siehe im Anhang Internetadressen ) Eigene Notizen:

7 HTML-Fortsetzungskurs, Frames Seite 4 2 Frames 2.1 Einleitung Frames unterteilen das Browser-Fenster in beliebig viele Unterfenster (Frames), von denen jedes eine autonome HTML-Seite darstellt. So lässt sich der Bildschirm in mehrere logische Einheiten, wie z. B. Navigationsleiste (Index), Daten, Zusatzinformationen etc. unterteilen. 2.2 Grundlage Als Basis für einen Frame-Bildschirm steht ein spezielles Rahmendokument, das anhand eines initialen sogenannten Framesets den Bildschirm optisch in mehrere HTML-Dokumente unterteilt. Dies geschieht mit eigenen Tags, die von Browsern ignoriert werden, die Frames nicht unterstützen. Die in Frames dargestellten HTML-Dokumente agieren prinzipiell völlig unabhängig voneinander, d. h. theoretisch kann man in einem einzelnen Frame durch das gesamte Internet surfen, während die anderen Bildschirmteile unverändert bleiben. Es ist allerdings von einer guten Frame-Strukturierung und Beherrschung der Frame-Programmierung abhängig, wie gut Frames untereinander kommunizieren können. Die Wurzel einer aus Frames bestehenden Webseite ist eine HTML-Datei, die alle Definitionen der Frame-Strukturen enthält. Diese Datei enthält ebenfalls Verweise auf die tatsächlich dargestellten HTML- Seiten innerhalb der Frames. 2.3 Frame-Programmierung <FRAMESET COLS=N N% *, N N% *,...> Die Anzahl der durch Kommata getrennten Spaltenbreiten bestimmt die Anzahl der Spalten. Cols=n Bestimmt eine Spalte mit n Bildpunkten Breite. Cols=n% Gibt dieser Frame-Spalte den n%-anteil des gesamten Fensters. Bei einer rechnerisch falschen Prozentaufteilung rechnet der Browser neu nach: cols=30%,30% entspricht demnach cols=50%,50% Cols=* Vergibt für diese Frame-Spalte den übrigen Freiraum, den die vorher reservierten Spalten noch nicht eingenommen haben. cols=*,*,* entspricht cols=33%,33%,33%. Als Beispiel kann auch eingegeben werden: cols=34%,* <FRAMESET ROWS=N N% *, N N% *,...> (Wie oben, Einteilung jedoch in Zeilen.) <FRAME SRC= URL SRC zeigt auf das HTML-Dokument, das in diesem Frame dargestellt werden soll. <FRAME MARGINHEIGHT=N> Anzahl der Bildpunkte zwischen dem Frame-Inhalt und dem oberen bzw. unteren Rand. <FRAME MARGINWIDTH=N> Anzahl der Bildpunkte zwischen dem Frame-Inhalt und dem linken bzw. rechten Rand. <FRAME NAME= BEZEICHNER > Zur weiteren Verwendung ist die Zuweisung eines eindeutigen Namens der Frameteile unerlässlich. name= _blank Stellt das Dokument in einem neuen Fenster dar (oder _new ) name= _self Stellt das Dokument im gleichen Fenster dar, in dem sich auch das aktuelle befindet (Standardeinstellung). name= _top Löscht, deaktiviert alle Frames. (Diesen Bezeichner sollte man zu jedem Hyperlink schreiben, der auf eine andere Seite im WWW zeigt.)

8 HTML-Fortsetzungskurs, Frames Seite 5 <FRAME SCROLLING=YES NO AUTO> Wenn der Frame-Inhalt grösser als der zugewiesene Frame ist, wird ein Rollbalken eingeblendet. Standard: Auto. <A TARGET= FRAME > Die Webseite, auf die ein Hyperlink-Anker <A> verweist, wird in der Regel im gleichen Frame dargestellt, in dem der Link aktiviert wurde. Durch Nennung des Attributs Target lässt sich dem Hyperlink jedoch ein Frame zuweisen, in dem das HTML-Dokument erscheinen soll. <NOFRAMES> </NOFRAMES> Web-Browser, die mit dem Tag <FRAMESET> nichts anfangen können, ignorieren sie einfach. Der Text zwischen diesen Tags wird aber angezeigt. Hier kann ein Verweis angebracht werden, wohin sich der Surfer wenden kann. 2.4 Frame-Beispiel <FRAMESET ROWS= 50,* > <FRAME SRC= BANNER.HTM NAME= BANNER SCROLLING=NO> <FRAMESET COLS= 120,* > <FRAME SRC= INDEX.HTM NAME= INDEX > <FRAME SRC= INHALT.HTM NAME= INHALT > </FRAMESET> </FRAMESET> Dieses Frame würde so aussehen: Banner, kein Rollbalken, BANNER.HTM, Höhe 50 Bildpunkte Index, Breite 120 Bildpunkte, INDEX.HTM mit Rollbalken Inhalt Breite * INHALT.HTM mit Rollbalken (wenn nichts vermerkt: Standard = Yes) Dies ist eine simple Navigationsfläche. Am oberen Rand erstreckt sich ein Banner über die gesamte Fensterbreite, das vielleicht ein Logo enthalten könnte. In der zweiten Frame-Struktur steht auf der linken Seite ein Frame mit Hyperlinks und menueähnlichen Verweisen, während der Grossteil des Bildschirms das Datenfenster ausmacht. Dieses Layout besteht aus lediglich drei Frames innerhalb von zwei Frame-Strukturen: Zuerst schneiden wir den Banner-Frame ab, in dem wir das Fenster vertikal teilen. Den Rest teilen wir schliesslich nochmals in einen horizontal fixen Navigationsframe und ein grosses, flexibles Datenfenster. Link aus dem Index -Frame, welcher das Dokument im Inhalt -Frame anzeigt: <A HREF= VERKAUF.HTM TARGET= INHALT >VERKAUFSANALYSE</A> Eigene Notizen:

9 HTML-Fortsetzungskurs, Imagemap Seite 6 3 Imagemap 3.1 Einleitung Mit Hilfe von Imagemaps werden auf einem Bild kleinere begrenzte Regionen definiert, die bei Aktivierung durch den Benutzer (bespielsweise durch einen Mausklick) eine vorbestimmte Aktion ausführen. Diese Regionen werden durch geometrische Angaben durch den HTML-Programmierer bestimmt. 3.2 Imagemap-Praxis Sobald Du Imagemaps verwendest, schliesst Du Surfer ohne grafikfähigen Browser aus. Auf vielen Internetseiten sieht man deshalb am Rand des Bildschirmes noch eine zusätzliche Textleiste, in der alle in der Imagemap enthaltenen Optionen aufgelistet sind. Benütze Imagemaps, wann immer sie sinnvoll erscheinen, z.b. eine Landkarte, wenn Du Reiseführer veröffentlichst oder Filialen an unterschiedlichen Orten betreibst. Das Erstellen von Maps per Hand ist eine mitunter recht mühsame Angelegenheit. Darum sollte man sich dabei von Programmen helfen lassen, mit denen man per Maus die geometrischen Formen auf dem Bild verteilt. Die Software liest dann die Koordinaten ab und erstellt daraus automatisch den in das Dokument einzufügenden HTML-Teil. 3.3 Imagemap-Programmierung Kenntlichmachung eines Bildes Zuerst muss auf der Seite ein entsprechendes Bild sein. Nachdem Du dieses eingefügt hast, musst Du den IMG-Tag wie folgt ergänzen: <IMG USEMAP= VERWEIS > Ein Verweis ist dabei wie ein dokumentinterner Anker zu verwenden, also z. B. <usemap= #koordinaten > Beispiel: Der HTML-Code, der auf den Definitionsteil des HTML-Dokuments verweist, könnte so aussehen: <IMG SRC= GRAFIK.GIF USEMAP= #KOORDINATEN > Beachte, dass keine Verschachtelung durch den Anker <A> notwendig ist! Imagemap-Definitionsteil In dem Dokument, in dem die Imagemap-Grafik in die Webseiteeingebunden wird, muss sich auch ein Definitionsteil für die mausklick-sensitiven Bereich der Grafik befinden. Der Definitionsteil kann sich an jeder beliebigen Stelle im Dokument befinden und wird mit den Tags <map> und </map> eingeklammert. Innerhalb der Tags werden die einzelnen Bereiche mit dem neuen Tag <area> und den dazugehörenden Attributen definiert. <MAP NAME= BEZEICHNER > Hier beginnt der Container für alle über das Area-Element herbeigeführten Anklickdefinitionen. Ähnlich wie das name-attribut des Ankers <a> bestimmt dieses Attribut einen Anlaufpunkt innerhalb eines HTML-Dokuments. In obigem Beispiel müsste es nun folgendermassen heissen: <MAP NAME= KOORDINATEN> AREA Pro Anklickregion wird innerhalb des MAP-Containers ein AREA-Element definiert

10 HTML-Fortsetzungskurs, Imagemap Seite 7 <AREA SHAPE=DEFAULT RECT CIRCLE POLY> Default: Die gesamte Region Rect: Rechteck mit oberem linken und unterem rechten Punkt Circle: Kreis mit Mittelpunkt und Radius Poly: Polygon mit Angabe von beliebig vielen aufeinanderfolgenden Koordinatenpaaren. <AREA COORDS=KOORDINATEN> Abhängig von der unter SHAPE festgelegten Regionform erwartet der Browser verschiedene Koordinatenangaben: Rect: Links-X, Oben-Y, Rechts-X, Unten-Y Circle: Mittelpunkt-X, Mittelpunkt-Y, Radius Poly: X1, Y1, X2, Y2,..., Xn, Yn <AREA NOHREF> Der in diesem AREA-Tag definierte Bereich aktiviert keine andere URL. Anzuwenden bei Default. <ALT= TEXT > Auch hier kann ein Alternativtext ausgegeben werden, wenn der Surfer auf die entsprechende Region gelangt. <HREF= URL > Verweis auf ein anderes Dokument. Beispiel: <IMG SRC= GRAFIK.GIF USEMAP= #KOORDINATEN > <MAP NAME= KOORDINATEN > <AREA SHAPE=RECT COORDS= 15,30,115,80 HREF= ENDE.HTML ALT= HIER GEHT S RAUS > <AREA SHAPE=CIRCLE COORDS= 200,50,30 HREF= KAPITEL1.HTML ALT= ZUM KAPITEL 1 > <AREA SHAPE=POLY COORDS= 0,0,99,49,49,99 HREF= NEU.HTML ALT= ZURÜCK > </MAP> Y Eigene Notizen: X

11 HTML-Fortsetzungskurs, Einbauten für Deine Webseite Seite 8 4 Einbauten für Deine Webseite In diesem Kapitel befassen wir uns mit Einbauten für Deine Webseite. Teilweise basieren diese Einbauten auf externe Dienste, die Du ganz einfach mit wenigen HTML-Befehlen in Deinen Seiten einbauen kannst. Durch diese externen Dienste wird Dir unter anderem viel Programmierarbeit abgenommen. 4.1 Java/Java-Scripts Einleitung Die Einführung von Java ist wahrscheinlich das bahnbrechendste Ereignis im World Wide Web. In diesem Kurs möchten wir die Internet-Programmiersprache kurz ansprechen und Dein Interesse dafür wecken. Wir möchten, anhand einiger Beispiele, zeigen, wie Du diese in Deinen HTML-Dokumenten einbauen kannst. Im Internet gibt es zahlreiche Adressen, wo Du lauffähige Applets herunterladen kannst. Die Adressen findest Du im Anhang auf Seite 16. Bist Du interessiert an der Java-Programmierung steht Dir umfassende Literatur zu Verfügung Java Java ist eine von Sun Microsystem geschaffene Programmiersprache. Warum der Name Java? Die Java-Entwickler mussten mit einem griffigen Namen auskommen, der noch nicht geschützt war und eine komplett neue Welt auf dem Internet eröffnen konnte. Java ist eine bestimmte Kaffemischung die bei einer Brainstorming-Sitzung per Zufall erwähnt wurde. Java ist keinesfalls als Ersatz der Websprache HTML zu sehen, sondern vielmehr als Aufsatz, der HTML um die Aspekte der Interaktivität erweitert. Die Basis von Java bildet die weit verbreitete und einfach zu erlernenden Programmiersprache C++. Java-Programme werden im Web-Browser auf jedem Computer abgespielt - unabhängig davon, auf welchem Betriebssystem dieser läuft. Lediglich der Browser muss javafähig sein. Die Einbindung von Java in einem HTML-Dokument ist denkbar einfach. Im Dokument wird das Java-Programm zwischen die beiden Tags eingebaut: <SCRIPT LANGUAGE="JAVASCRIPT"> JAVAPROGRAMM </SCRIPT> 4.2 Beispiele von Java-Applets (_ bedeutet: Zeile ohne Unterbruch weiterschreiben) Java-Beispiel 1 Script, das ein HTML-Dokument in einem neuen Fenster öffnet. <HEAD> <SCRIPT LANGUAGE="JAVASCRIPT"> <!-- // MIT DIESER FUNKTION WIRD DAS DATENFENSTER GEÖFFNET // DER STRING 'NAME' ÜBERGIBT DABEI DEN NAMEN DES ZU ÖFFNENDEN // FILES (RSP. DIE GANZE URL) FUNCTION DETAIL(NAME) {MSGWINDOW=OPEN(NAME,'DETAIL','HISTORY=YES,TOOLBAR=NO,SCROLLBARS=YES,WIDTH=550, HEIGHT=300') } // --> </SCRIPT> </HEAD> <BODY> <A HREF="JAVASCRIPT:DETAIL('NEWS.HTML')"> AKTUELLE NEWS ></A>

12 HTML-Fortsetzungskurs, Einbauten für Deine Webseite Seite Java-Beispiel 2 Script, das in der Statusleiste den entsprechenden Text ausgibt. <HEAD> <SCRIPT> DEFAULTSTATUS = "ICZ, DEIN INTERNETCLUB!"; </SCRIPT> </HEAD> Java-Beispiel 3 Ein Textticker, der in einem Fenster auf der Seite drei verschiedene Texte ablaufen lässt. <HTML> <HEAD> <SCRIPT LANGUAGE="JAVASCRIPT"> <!-- BEGIN// GLOBAL VARIABLES // 1996 VON CHRISTOPH BERGMANN... // ES WAERE NETT, WENN DIESER VERMERK DRIN BLIEBE... VAR MAX=0; FUNCTION TEXTLIST() { MAX=TEXTLIST.ARGUMENTS.LENGTH; FOR (I=0; I<MAX; I++) THIS[I]=TEXTLIST.ARGUMENTS[I]; } TL=NEW TEXTLIST ( "MELDE DICH FÜR DEN ANLASS 'ORBIT' AN!", "ICZ, DEIN INTERNETCLUB!", "LETZTER UPDATE DER SEITEN AM: " ); VAR X=0; POS=0; VAR L=TL[0].LENGTH; FUNCTION TEXTTICKER() { DOCUMENT.FORM1.TEXTFELD.VALUE=TL[X].SUBSTRING(0,POS)+"_"; IF(POS++==L) { POS=0; SETTIMEOUT("TEXTTICKER()",3000); X++; IF(X==MAX) X=0; L=TL[X].LENGTH; } ELSE SETTIMEOUT("TEXTTICKER()",50); } // END --> </SCRIPT> </HEAD> <BODY ONLOAD="TEXTTICKER()"> <CENTER> <TABLE CELLPADDING=0 CELLSPACING=0 WIDTH=100% BORDER=0> <TR> <TD ALIGN="CENTER" VALIGN="TOP"> <FORM NAME="FORM1"><INPUT TYPE=TEXTAREA NAME="TEXTFELD" SIZE="60"></FORM> </TD> </TR> </TABLE> </CENTER> </BODY> </HTML>

13 HTML-Fortsetzungskurs, Einbauten für Deine Webseite Seite Gästebuch Ein Gästebuch kannst Du ganz einfach bei Aussie oder Spin beantragen. Beide Dienste sind kostenlos Einrichtung Wir beschränken uns hier auf die Einrichtung bei Spin, da dieser Dienst für das Eintragen und Ansehen des Gästebuches nur einen Link verlangt. Bei Aussie sind für das Eintragen und Ansehen zwei Links erforderlich. Spin: Aussie: Aufrufen der Seite Get a free guestbook Get your own free guestbook Nun kommt eine Seite, wo Du Deine Eingaben machen musst: First Name: Vorname (Ist gleichzeitig der Titel des GB s [ Christoph s Gästebuch ]) Last Name: Nachname Deine Homepage URL: URL Deiner Homepage Set a Password: Gib hier ein Passwort ein und wiederhole es im Feld Password again Nun erhältst Du eine Infoseite mit Deinen Eingaben für den Einbau in Deiner Seite. Der Dienst ist ab sofort eingerichtet und kann sofort verwendet werden. Der Internet Club Zürich hat ein Versuchs-Gästebuch eingerichtet, welches wir in diesem Kurs verwenden. Die Angaben (welche Du für Deinen Account übrigens auch per erhältst) lauten: Guestbook number: Guestbook ID: ICZ Login: ICZ First Name: ICZ Last Name: Internet Club Zürich Hompage: Supervisor page: Guestbook: data has been found, but is not displayed (to protect the privat data) Password: data has been found, but is not displayed (to protect the privat data) ( ICZ ) Einbau in Deiner Seite Um dieses Gästebuch auf Deinen Seiten verwenden zu können, musst Du nun nur noch einen Link auf dieses Gästebuch legen. Die URL findest Du unter dem Punkt Guestbook. Achtung: Achte auf das grosse X! <A HREF="HTTP://WWW.GUESTBOOK.DE/YASG.CGI?X=132965">GÄSTEBUCH</A> Dies ist der Link auf das ICZ-Gästebuch. Um Einträge löschen zu können, musst Du Dich mit der URL, welche unter Supervisor page angegeben ist, einloggen. Anschliessend kannst Du Gästebuch-Einträge mutieren.

14 HTML-Fortsetzungskurs, Einbauten für Deine Webseite Seite Zähler Das ist wohl eines der wichtigsten Einbau-Elemente in Deinen Seiten. Mit Zählern kannst Du feststellen, wie viele Besucher Deine Seiten besucht haben. Es gibt mittlerweile Tausende von Zähleranbietern. Einige sind kostenlos, haben aber keine grossen Auswertungen. Bei anderen Anbietern bezahlt man einen kleinen Unkostenbeitrag und erhält recht aufschlussreiche Auswertungen (z.b. Wie viele Besucher pro Tag?, Mit welchem Browser eingeloggt?, Woher kommt der Besucher?). Für die private Homepage lohnt sich ein einfacher, kostenloser Zähler. Tip: Frage zuerst Deinen Provider, ob er Zähler anbiete. Einen einfachen Zähler habe ich bei ICOUNT gefunden (http://www.icount.com). Dieser ist einfach einzurichten und bietet eine Tagesstatistik, in der einzig die Anzahl Besucher aufgelistet sind. (Die Statistik reicht über mehrere Monate zurück.) Am Schluss der Statistik wird die durchschnittliche Anzahl der Besucher pro Tag angegeben. Meiner Meinung nach reicht dieser Zähler für die private, wie auch für kleinere Vereins-Homepages Einrichtung URL wählen Register - Create account Nun musst Du die folgenden Angaben machen: Name: Name/Vorname adresse Business Name: Geschäftsname Protected stats: geschützter Counter (Änderungen nur mit Passwort?) Hit count: Startzahl Change Password: Passwort ( icz ) Verify Password: Register Infoseite: Passwort noch einmal eingeben zu Identifizierung mit HTML-Code (ausdrucken, keine ). Markiere den HTML-Code und füge ihn in Deiner Seite ein. Config Counter (Wie soll der Counter dargestellt werden?) Counter Style Wie wird er angezeigt? Counter number color: Farbe der Zahlen Counter background color: Farbe des Hintergrundes Counter number border color: Rahmenfarbe Change Einbau in Deiner Seite Der Einbau dieses Zählers in Deiner Seite ist denkbar einfach. Nach Eingabe Deiner Angaben erscheint eine Infoseite mit dem HTML-Code. Markiere diesen und füge ihn auf Deiner Seite ein, an der Stelle, wo Du ihn haben möchtest. Da dieser Counter manchmal etwas lange hat, bis die Besucherzahl angezeigt wird, ist es besser, wenn Du den Counter etwas am Schluss Deiner Seite einfügst. <A HREF="HTTP://WWW.ICOUNT.COM/ STATS"> <IMG SRC="HTTP://WWW.ICOUNT.COM/ CGIF"></A> So lautet der HTML-Code für den Einbau des ICZ-Zählers.

15 HTML-Fortsetzungskurs, Einbauten für Deine Webseite Seite Webnotifier Der Zweck dieses kostenlosen Dienstes ist, Deine Besucher auf Änderungen in Deinen Seiten aufmerksam zu machen. Trägt sich ein Besucher in diesen Dienst ein, wird er automatisch per informiert, wenn sich auf Deiner Seite etwas geändert hat. Webnotifier ist ein Dienst, in dem sich die Surfer selber eintragen können Einbau in Deiner Seite Der Einbau ist sehr einfach: Du musst einfach den nachfolgenden HTML-Code in Deiner Seite einfügen. An der Stelle "xxxxx.xx/xxx/xxx.html musst Du die URL der Seite angeben, die aktualisiert wird (z.b. Den Text Gib uns hier... kannst Du selbstverständlich ändern! GIB UNS HIER DEINE -ADRESSE AN, WENN DU BEI SEITENAKTUALISIERUNGEN AUTOMATISCH BENACHRICHTIGT WERDEN MÖCHTEST <FORM METHOD="GET" ACTION="HTTP://WWW.NETMIND.COM/CGI-BIN/UNCGI/URL-MIND"> <INPUT TYPE=TEXT SIZE=20 NAME="REQUIRED- "><BR> <INPUT TYPE=HIDDEN VALUE="HTTP://XXXXX.XX/XXX/XXX.HTM" NAME="URL"> <INPUT TYPE=SUBMIT VALUE=" REGISTRIERE MICH!"> </FORM> 4.6 Mailingliste ListBot Zweck und Einrichtung Zweck einer Mailingliste ist, Vereinsmitglieder oder interessierte Personen über das Vereinsleben zu informieren oder Neuigkeiten zu verbreiten. Dieses Tool greift allerdings nicht allzu sehr in die HTML-Programmierung ein. Ich möchte es deshalb erwähnen, weil Du damit interessierte Personen über Deine Webseiten per informieren kannst. Für Dich selber ist die Verwaltung der Adressen denkbar einfach: Du hast gar nichts damit zu tun. Die Personen oder Vereinsmitglieder müssen sich selber bei diesem Dienst eintragen oder löschen. Um diesen kostenlosen Dienst nutzen zu können, musst Du allerdings zuerst bei ListBot einen Account einrichten. Dies erreichst Du unter Punkt Click here to start your own FREE list!. Hast Du diesen Dienst eingerichtet und die entsprechenden Anpassungen vorgenommen, musst Du nur noch in Deinem Webangebot eine Seite einrichten, auf der sich die Personen in den Dienst eintragen können. Möchtest Du nun alle eingetragenen Personen mit einem Newsletter erreichen, sendest Du einfach eine Mail an Je nachdem, wie Du den Dienst konfiguriert hast, wird Dein Newsletter an alle Personen geschickt Einbau in Deiner Seite Bei ListBot erhältst Du den HTML-Code, den Du in Deiner Seite einbauen kannst. Nachfolgend eine angepasste Form des Codes, mit der sich Personen eintragen oder löschen können. Ebenfalls besteht hier die Möglichkeit, das Archiv der vergangenen Newsletters durchzusehen. Um hier die Übersichtlichkeit zu wahren, wurden alle Tabellen- und Zeichenformatierungen herausgenommen.

16 HTML-Fortsetzungskurs, Einbauten für Deine Webseite Seite 13 <!-- BEGIN LISTBOT CODE --> <FORM METHOD="POST" ACTION="HTTP://WWW.LISTBOT.COM/CGI-BIN/SUBSCRIBER"> MAILINGLISTE "NAME" <INPUT TYPE=TEXT NAME="E_MAIL"> <INPUT TYPE=HIDDEN NAME="LIST_ID" VALUE="LISTENNAME"> <INPUT TYPE=IMAGE SRC="HTTP://WWW.LISTBOT.COM/SUBSCRIBE_BUTTON.GIF" BORDER=0 WIDTH=88 HEIGHT=31 ALT="KLICKE HIER UM DICH EIN- ODER AUSZUTRAGEN!"> <INPUT TYPE="RADIO" NAME="ACT" VALUE="SUBSCRIBE_LIST" CHECKED> EINTRAGEN <INPUT TYPE="RADIO" NAME="ACT" VALUE="UNSUBSCRIBE_LIST"> STREICHEN <A HREF="HTTP://WWW.LISTBOT.COM/ARCHIVE/LISTENNAME " TARGET="_TOP">ARCHIV</A> </FORM> <!-- END LISTBOT CODE --> Eigene Notizen:

17 HTML-Fortsetzungskurs, Webdesign Seite 14 5 Webdesign 5.1 Allgemeines Web-Design ist mehr als das Zusammensetzen von Bildern und Texten. Ein Internet-Surfer, der beim Anklicken der Hyperlinks nicht verlorengeht, der sich nicht langweilt, wird Deine Homepage gerne wieder besuchen. Wenn Du einige strukturelle Regeln beachtest, lädt auch Dein Internetangebot zum Verweilen ein. 5.2 Tips Gut strukturiert ist halb gewonnen Achte auf eine gute Struktur Deines Angebots. Packe nicht alle Daten und Fakten in ein Dokument. Lange Webseiten reizen nicht gerade zum Lesen und erschweren die Orientierung. Wenn Du längere Texte hast, teile diese in mehrere Kapitel auf. Gehe nach dem Grundsatz Das Wichtigste zuerst vor. Kein Online-Leser nimmt sich Zeit für langwierige Einleitungen im Stil eines Schulaufsatzes. Reize den Surfer mit knackigen Überschriften und klaren Aussagen. Tageszeitungen sind das beste Beispiel Kontaktaufnahme Gib Deinen Besuchern die Gelegenheit, mit Dir in Kontakt zu treten. Am einfachsten geht das, wenn Du Deine adresse einbindest. Biete diese gut sichtbar an Index Übersteigt Dein Angebot vier Seiten muss ein Index her, der Querverweise auf alle weiteren Dokumente enthält. Meist eignet sich die Homepage hervorragend als Leitseite. Umgekehrt sollten alle Seiten auch wieder auf die Homepage zurückverzweigen. Diese Links sind am besten oben und unten auf der Seite aufgehoben. Soll die WWW-Site noch umfangreicher werden, ziehe mehrere Ebenen ein. Ein Hauptindex verweist auf untergeordnete Inhaltsverzeichnisse. Diese enthalten ihrerseits Verweise auf die einzelnen Seiten. So entfaltet sich eine Baumstruktur vor dem Leser. Hier ist ebenfalls wichtig, dass immer wieder Links auf die nächsthöhere Struktur verweisen Site Map Nicht jeder Leser will sich durch die gesamte Site wühlen, bis er an seine Informationen kommt. Für eilige Naturen bietet sich eine Site Map an. Sie besteht aus einer Datei, die man direkt von der Homepage erreicht. Viele dieser Wegweiser enthalten alle wichtigen Stichwörter alphabetisch aufgelistet Bilderreservat Eine Web-Site mit mehreren Verzeichnisebenen wird für Dich übersichtlicher, wenn Du alle Grafiken und Bilder in einem eigenen Directory unterbringst. Gängig ist der Ordner /images. Neben einem aufgeräumteren Erscheinungsbild Deines Servers bringt das Verzeichnis einen handfesten Vorteil beim Programmieren neuer Seiten. Wenn Du Grafiken mehrfach verwendest, weisst Du immer, wo sich die Grafiken befinden Lange Dokumente gepackt anbieten Umfangreiche Texte auf mehrere HTML-Dateien aufzuteilen bringt einen Nachteil mit sich: Der Leser kann den Text nicht in einem Stück speichern, um ihn offline zu lesen. Er muss sich durch alle Files klicken und sie separat auf die Platte speichern. Abhilfe schafft hier eine gepackte Datei, die alle Teile des Dokuments enthält. Biete dieses ZIP-File an exponierter Stelle zum Download an. Das spart Übertragungszeit und ist ein echter Service am Surfer.

18 HTML-Fortsetzungskurs, Webdesign Seite Klassische Fehler beim Webdesign Grafik-Overkill Die Grafik darf nicht vor der Information stehen. Statt mit üppigen, bandbreitenfressenden Bildern um sich zu werfen, solltest Du die graphischen Elemente wie Salz in der Suppe einsetzen: sparsam Framelast statt Framelust Übermässiger Gebrauch von Frames verscheucht Surfer mit kleinen Bildschirmen und nimmt jegliche Übersicht aus einer Homepage. Der Grenzwert für Frames ist DREI Zu lange Texte Ewig lange Texte kosten Ladezeit, sehen grausam aus und helfen niemandem weiter. Teile Texte ab ca Zeichen Länge in mehrere Dokumente auf Schlechte Navigation Wo bin ich? ist eine der meistgestellten Fragen von Online-Surfern. Biete auf jeder Seite eine Gelegenheit, zur Homepage zurückzukehren Langweilige Standardlinks Hier noch meine Lieblingslinks, freut sich der Homepage-Inhaber, und der Surfer gähnt herzlich. Yahoo, Web.de, whitehouse.gov Du hast doch mehr zu bieten als Standardlinks Links, die ins Nirwana führen Nichts ist ärgerlicher als Links, die nicht mehr stimmen. Überprüfe deshalb Deine angebotenen Links regelmässig und aktualisiere sie Zuviel Zappelkram und Flimmerzeug Für die einen ist es multimedial, für die anderen nervig: Animationen. Sicher, es sieht nett aus, wenn eine Laufschrift über den Bildschirm flimmert oder wenn sich ein ruckeliges Männchen beim Schaufeln abrackert. Aber unter uns: Diese Animationen sind stocklangweilig Baustelle 90 Prozent aller Neulinge haben das schaufelnde Männchen als Baustellensymbol auf ihren Homepages. Verzichte auf diesen Unsinn. Eine Webseite ist sowieso immer eine Baustelle. Es gibt ständig etwas ausoder umzubauen. Bringe statt dessen weniger, gut aufbereitete Daten ins Netz (Achtung: Nicht weniger gut aufbereitete Daten! ). Eigene Notizen:

19 HTML-Fortsetzungskurs, Anhang Seite 16 6 Internetadressen 6.1 Allgemeine Adressen Internet Club Zürich HTML-Dateien selbst erstellen; Das Kompendium für Entwickler von WWW-Seiten Hier wird die Webseitenerstellung so richtig aufs Korn genommen Listbot, Mailingliste Webnotifier, Seitenaktualisierungs-Service Online-Internet-Kurs Web Site Garage (One Stop Shop for Servicing Your Web Site) Private Homepage von Christoph Janser Private Homepage von Florian Walthard und Form2Mail-Anbietern Der bekannteste Anbieter 6.3 Java-Scripts The CGI Resource Index CGI leicht gemacht Matt's Script Archive Zähler ICOUNT LE FastCounter Webcounter Grafiken 2Cool Animations Main Page 6.6 Gästebücher Spin Aussie Diverses Parsimony Forum

20 HTML-Fortsetzungskurs, Aufgaben/Lösungen Seite 17 7 Aufgaben und Lösungen Aufgabe 1 Anfertigen eines Formulars auf neuer Seite. Formular beinhaltet: Checkbox, Radiobox, Texteingabezeilen, Texteingabefläche, Pulldown- Menue <html> <head> <title>formular</title> </head> <body> <form method=post enctype="text/plain"> <pre> Programm auf Disk <input type=checkbox name="diskette" checked> <br> Mitglied <input type=radio name="mitglied_ja" value="ja" > Ja <input type=radio name="mitglied_ja" value="nein" checked> Nein <br> <br> Welches Programm? <select name="disk" size=3> <option value="disk1">programm 1</option> <option value="disk2" selected>programm 2</option> <option value="disk3">programm 3</option> </select> <br> Dein Kommentar:<br> <textarea name="feedback" cols=60 rows=2> </textarea> <br> <H2>Adressangaben</H2> Name: <input type=text name="name" size=20 maxlength=40 VALUE=""> <br> Vorname: <input type=text name="vorname" size=20 maxlength=40 value=""> <br> <br> <input type=reset value="löschen"> <input type=submit value="ab die Post"> </form> </keyb> </body> </html> Aufgabe 2 Zweispaltiges Frame erstellen: Frame 1 (links): Index Frame 2 (rechts): hier werden die Seiten angezeigt; als erste Seite verwende leerseite.html Ergänze den Index mit Links so, dass die Seiten Agenda, Kontakte und Links im rechten Frameteil angezeigt werden. frame.html <frameset cols=17%,* border=0> <frame src="index.html" name="frame1"> <frame src="leerseite.html" name="frame2"> </frameset> index.html <HTML> <HEAD> <TITLE>Indexseite</TITLE> </HEAD> <BODY BGCOLOR="#FFFFFF"> Index<BR><BR> <a href="agenda.html" target="frame2">agenda</a><br> <a href="kontakte.html" target="frame2">kontakt</a><br> <a href="links.html" target="frame2">links</a><br> <BR> <BR> </BODY> </HTML> Aufgabe 3 Füge auf der Seite LEERSEITE.HTML das Bild NAVIGAT.GIF ein. Ergänze das Dokument mit den Imagemap-Tags so, dass die Regionen im Bild maussensitiv (anklickbar) werden und die Seiten im rechten Frameteil angezeigt werden. <html> <head> <title>leerseite</title> </head> <body bgcolor="white"> <font size=2 face="arial" color="black"> <center> <H1>Hallo Besucher</H1> <BR> Schön, dass Du meine Seiten besuchst!<br> Wähle im linken Bildschirmteil oder auf dem Bild aus, was Dich interessiert!<br> <BR><BR> <IMG SRC="navigat.gif" WIDTH=200 HEIGHT=200 BORDER=2 usemap="#koordinaten"> </center> </font> <map name="koordinaten"> <area shape=rect coords="10,20,190,50" href="agenda.html" alt="agenda"> <area shape=rect coords="10,70,190,90" href="kontakte.html" alt="kontakte"> <area shape=rect coords="10,120,190,150" href="links.html" alt="links"> </map> </body></html> Aufgabe 4 Baue das Java-Tool 1 auf der Seite Agenda.html ein. Wenn jemand auf den Link Hinweis klickt, wird die Datei Hinweis.html in einem neuen Fenster geöffnet. Lösung findest Du auf Seite 8 im Script

Formulare in html Bernd Bl umel Version: 1. April 2003

Formulare in html Bernd Bl umel Version: 1. April 2003 Formulare in html Bernd Blümel Version: 1. April 2003 Inhaltsverzeichnis 1 Formulare 2 1 Kapitel 1 Formulare Formulare sind in html die einzige Interaktionsmöglichkeit mit den Benutzern unserer Internet

Mehr

PHP Einsteiger Tutorial Kapitel 4: Ein Email Kontaktformular in PHP Version 1.0 letzte Änderung: 2005-02-03

PHP Einsteiger Tutorial Kapitel 4: Ein Email Kontaktformular in PHP Version 1.0 letzte Änderung: 2005-02-03 PHP Einsteiger Tutorial Kapitel 4: Ein Email Kontaktformular in PHP Version 1.0 letzte Änderung: 2005-02-03 Bei dem vierten Teil geht es um etwas praktisches: ein Emailformular, dass man auf der eigenen

Mehr

Frames oder Rahmen im Browserfenster

Frames oder Rahmen im Browserfenster In dieser Ausbildungseinheit zeigen wir Ihnen, wie Frames oder auch Rahmen im Browserfenster erstellt werden. Dabei möchten wir anmerken, dass zu Frames bereits sehr viel Gegensätzliches geschrieben wurde.

Mehr

Kapitel 3 Frames Seite 1

Kapitel 3 Frames Seite 1 Kapitel 3 Frames Seite 1 3 Frames 3.1 Allgemeines Mit Frames teilt man eine HTML-Seite in mehrere Bereiche ein. Eine Seite, die mit Frames aufgeteilt ist, besteht aus mehreren Einzelseiten, die sich den

Mehr

Informatik und Programmiersprachen

Informatik und Programmiersprachen Informatik und Programmiersprachen Einschub: HTML Wintersemester 2004/2005 Prof. Dr. Thomas Wieland HTML HTML = Hypertext Markup Language HTML beschreibt Inhalt, Struktur und Darstellung eines Dokumentes.

Mehr

Handbuch USC-Homepage

Handbuch USC-Homepage Handbuch USC-Homepage I. Inhalt I. Inhalt Seite 1 II. Wichtigste Grundregel Seite 1 III. Funktionen der Seite Seite 2 1. Anmelden in der Community Seite 2 2. Mein Account Seite 3 3. Wechselzone Seite 4

Mehr

RÖK Typo3 Dokumentation

RÖK Typo3 Dokumentation 2012 RÖK Typo3 Dokumentation Redakteur Sparten Eine Hilfe für den Einstieg in Typo3. Innpuls Werbeagentur GmbH 01.01.2012 2 RÖK Typo3 Dokumentation Inhalt 1) Was ist Typo3... 3 2) Typo3 aufrufen und Anmelden...

Mehr

Eine eigene Website mit Jimdo erstellen

Eine eigene Website mit Jimdo erstellen Eine eigene Website mit Jimdo erstellen Die schnellste und kostengünstigste Art, zu einem Internetauftritt zu gelangen, ist der Weg über vorkonfigurierte und oftmals kostenfreie Internetbaukästen. Diese

Mehr

Publizieren im Internet

Publizieren im Internet Publizieren im Internet Eine eigene Homepage erstellen Teil 2 Margarita Esponda esponda@inf.fu-berlin.de Ein Bild als Hintergrund Webseite mit einen Bild als Hintergrund

Mehr

Aufgaben HTML Formulare. Prof. Dr. rer. nat. Claus Brell, http://claus-brell.de, claus.brell@hs-niederrhein.de, Wirtschaftsinformatik, Statistik

Aufgaben HTML Formulare. Prof. Dr. rer. nat. Claus Brell, http://claus-brell.de, claus.brell@hs-niederrhein.de, Wirtschaftsinformatik, Statistik 1 Aufgaben HTML Formulare Aufgabe 1 (Vorbereitung) Google Suche 2 Probieren vor Studieren.. Arbeitsauftrag: 1.) Fügen Sie mit Notepad++ in Ihrer Datei index.html den unten gezeigten Quelltextschnipsel

Mehr

Anleitung zur Verwendung von Silverstripe 3.x

Anleitung zur Verwendung von Silverstripe 3.x Anleitung zur Verwendung von Silverstripe 3.x Inhaltsverzeichnis: 1. EINLEITUNG 2. ORIENTIERUNG 2.1 Anmelden am CMS 2.2 Die Elemente des Silverstripe CMS 2.3 Funktion des Seitenbaums 2.4 Navigieren mit

Mehr

Dreamweaver MX Arbeiten mit HTML-Vorlagen

Dreamweaver MX Arbeiten mit HTML-Vorlagen Publizieren auf dem NiBiS Kersten Feige Nicole Y. Männl 03.06.2003, 8.30-13.00 Uhr 18.06.2003, 8.30-13.00 Uhr Dreamweaver MX Arbeiten mit HTML-Vorlagen Voraussetzungen zum Arbeiten mit HTML-Vorlagen Starten

Mehr

Schiller-Gymnasium Hof 20.12.2004

Schiller-Gymnasium Hof 20.12.2004 Erstellen eines HTML-Dokumentes Zum Erstellen einer Homepage benötigen wir lediglich einen Editor. Zum Ansehen der fertigen Site benötigen wir wir natürlich auch einen Browser, z.b. Firefox oder Netscape

Mehr

http://www.jimdo.com Mit Jimdo eine Homepage erstellen Kapitel 16 Seite 1 Die eigene Homepage mit Jimdo http://benutzername.jimdo.com Der Benutzername

http://www.jimdo.com Mit Jimdo eine Homepage erstellen Kapitel 16 Seite 1 Die eigene Homepage mit Jimdo http://benutzername.jimdo.com Der Benutzername Kapitel 16 Seite 1 Die eigene Homepage mit Jimdo Mit Jimdo ist das Erstellen einer eigenen Homepage ganz besonders einfach. Auch ohne Vorkenntnisse gelingt es in kurzer Zeit, mit einer grafisch sehr ansprechenden

Mehr

Anleitung für Autoren

Anleitung für Autoren Verwaltung.modern@Kehl Anleitung für Autoren Im folgenden Text werden Sie/wirst du geduzt. Bitte Sehen Sie/sieh uns diese Vereinfachung nach. Wenn du bei Verwaltung.modern@Kehl mitbloggen willst, legen

Mehr

1 Grundlagen von Phase 5 Installiere das Programm Phase 5 auf dem Rechner.

1 Grundlagen von Phase 5 Installiere das Programm Phase 5 auf dem Rechner. Kapitel 1 Grundlagen von Phase 5 Seite 1 1 Grundlagen von Phase 5 Installiere das Programm Phase 5 auf dem Rechner. 1.1 Projekt anlegen Bevor du das Programm Phase 5 startest, musst du einen Ordner anlegen,

Mehr

Tutorium Learning by doing WS 2001/ 02 Technische Universität Berlin. Erstellen der Homepage incl. Verlinken in Word 2000

Tutorium Learning by doing WS 2001/ 02 Technische Universität Berlin. Erstellen der Homepage incl. Verlinken in Word 2000 Erstellen der Homepage incl. Verlinken in Word 2000 1. Ordner für die Homepagematerialien auf dem Desktop anlegen, in dem alle Bilder, Seiten, Materialien abgespeichert werden! Befehl: Desktop Rechte Maustaste

Mehr

Anleitung für das Editieren von Texten auf der Webseite haz.ch

Anleitung für das Editieren von Texten auf der Webseite haz.ch Anleitung für das Editieren von Texten auf der Webseite haz.ch Einloggen Um Texte ergänzen oder ändern zu können, musst du einen entsprechenden Account besitzen. Falls du keinen hast, melde dich bitte

Mehr

Kennen, können, beherrschen lernen was gebraucht wird www.doelle-web.de

Kennen, können, beherrschen lernen was gebraucht wird www.doelle-web.de Inhaltsverzeichnis Inhaltsverzeichnis... 1 Grundlagen... 2 Hyperlinks innerhalb einer Datei... 2 Verweisziel definieren... 2 Einen Querverweis setzen... 3 Verschiedene Arten von Hyperlinks... 3 Einfache

Mehr

1 Websites mit Frames

1 Websites mit Frames 1 Websites mit Frames Mehrere Seiten in einer einzelnen Seite anzeigen - Was sind Frames und wie funktionieren sie? - Was sind die Vor- und Nachteile von Frames? - Wie erstellt man eine Frames- Webseite?

Mehr

Inhaltsverzeichnis. Mit dem WEB.DE WebBaukasten zur eigenen Homepage!...2. Schritt 1: Design auswählen...3

Inhaltsverzeichnis. Mit dem WEB.DE WebBaukasten zur eigenen Homepage!...2. Schritt 1: Design auswählen...3 Inhaltsverzeichnis Mit dem WEB.DE WebBaukasten zur eigenen Homepage!...2 Schritt 1: Design auswählen...3 Schritt 2: Umfang und Struktur der Seiten bestimmen...7 Schritt 3: Inhalte bearbeiten...9 Grafik

Mehr

GEONET Anleitung für Web-Autoren

GEONET Anleitung für Web-Autoren GEONET Anleitung für Web-Autoren Alfred Wassermann Universität Bayreuth Alfred.Wassermann@uni-bayreuth.de 5. Mai 1999 Inhaltsverzeichnis 1 Technische Voraussetzungen 1 2 JAVA-Programme in HTML-Seiten verwenden

Mehr

Entwicklung einer Suchmaschine mit dem Internet Information Server

Entwicklung einer Suchmaschine mit dem Internet Information Server Entwicklung einer Suchmaschine mit dem Internet Information Server Überblick: Der Index Server erstellt einen Index für alle Inhalte und Eigenschaften von Dokumenten, die auf dem Internet Information Server

Mehr

Inhalte mit DNN Modul HTML bearbeiten

Inhalte mit DNN Modul HTML bearbeiten Einführung Redaktoren Content Management System DotNetNuke Inhalte mit DNN Modul HTML bearbeiten DotNetNuke Version 7+ w3studio GmbH info@w3studio.ch www.w3studio.ch T 056 288 06 29 Letzter Ausdruck: 15.08.2013

Mehr

Meine erste Homepage - Beispiele

Meine erste Homepage - Beispiele Meine erste - Beispiele 1. Beispiel meine Willkommen auf meiner Befehle nicht über Hier ist ein Senior, der noch fit für's Internet ist. Probieren wir

Mehr

TYPO3 Redaktoren-Handbuch

TYPO3 Redaktoren-Handbuch TYPO3 Redaktoren-Handbuch Kontakt & Support: rdv interactive ag Arbonerstrasse 6 9300 Wittenbach Tel. 071 / 577 55 55 www.rdvi.ch Seite 1 von 38 Login http://213.196.148.40/typo3 Username: siehe Liste

Mehr

Stubbe-CS. Kurssystem. Günter Stubbe. Datum: 19. August 2013

Stubbe-CS. Kurssystem. Günter Stubbe. Datum: 19. August 2013 Kurssystem Günter Stubbe Datum: 19. August 2013 Aktualisiert: 6. September 2013 Inhaltsverzeichnis 1 Einleitung 5 2 Benutzer 7 2.1 Registrierung............................. 7 2.2 Login..................................

Mehr

Programmieren 2 (Prof. Hasbargen) Klausur

Programmieren 2 (Prof. Hasbargen) Klausur Programmieren 2 (Prof. Hasbargen) 1 Klausur Aufgabe 1 (10 Punkte) Dynamisierung von HTML-Seiten HTML-Seiten sind eine gängige Art und Weise, Informationen darzustellen. Nennen Sie die Gründe, welche Vorteile

Mehr

Regionale Fortbildung Kurs zum Erstellen von Internetpräsentationen Z-01-2-205 vom 16.-19.10.2000

Regionale Fortbildung Kurs zum Erstellen von Internetpräsentationen Z-01-2-205 vom 16.-19.10.2000 Rahmen (Frames) Der Übersichtlichkeit halber und um die Navigation auf den Seiten zu vereinfachen, arbeitet man mit Rahmen, deren Inhalt fest bzw. veränderlich ist. Im angegebenen Beispiel wäre der Rahmen

Mehr

4.5.9.9 Verlinken zu anderen Homepages (Seiteninhaltselement: Tabelle)

4.5.9.9 Verlinken zu anderen Homepages (Seiteninhaltselement: Tabelle) 4.5.9.9 Verlinken zu anderen Homepages (Seiteninhaltselement: Tabelle) Wenn man auf der Homepage Links auf andere Seiten setzen möchte, so verwendet man das Seiteninhaltselement Tabelle mit dem Layout

Mehr

Programmieren der Untersuchung

Programmieren der Untersuchung Programmieren der Untersuchung Während in HTML viele Tags zur Formatierung und Beschreibung eines Textes zur Verfügung stehen, bieten Programmiersprachen wie z.b. PHP oder Java Script Strukturen die einen

Mehr

Web Visu Tutorial. Hipecs Web Visu. Übersicht

Web Visu Tutorial. Hipecs Web Visu. Übersicht Revision Date V100 10082011 Hipecs Web Visu Die hipecs (high performance controller system) bietet die Möglichkeit einer sog Web-Visualisierung über den integrierten Webserver Hierfür wird im Standard

Mehr

Publizieren von Webs mit SmartFTP

Publizieren von Webs mit SmartFTP Publizieren von Webs mit SmartFTP Informationen FTP steht für File Transfer Protocol. Ein Protokoll ist eine Sprache, die es Computern ermöglicht, miteinander zu kommunizieren. FTP ist das Standardprotokoll

Mehr

Um einen Form-Mailer in Ihre Seite zu integrieren, kopieren Sie bitte den folgenden HTML-Code und fügen ihn in den Quelltext Ihrer Seite ein:

Um einen Form-Mailer in Ihre Seite zu integrieren, kopieren Sie bitte den folgenden HTML-Code und fügen ihn in den Quelltext Ihrer Seite ein: Was ist ein Kontaktformular / Form-Mailer? Über ein Kontaktformular können Besucher Ihrer Webseite, Ihnen direkt über die Webseite eine Nachricht zukommen lassen. Der Besucher füllt einfach die Felder

Mehr

Um etwas zu bearbeiten, fährt man einfach mit der Maus auf das betreffende Objekt.

Um etwas zu bearbeiten, fährt man einfach mit der Maus auf das betreffende Objekt. Anleitung zum Bearbeiten der Jugendchor Website Anmelden Als erstes geht man auf www.jugendchor-sursee.ch und drückt auf den Anmelden -Knopf unten rechts. Dann erscheint das Passwortfeld unten und man

Mehr

(TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.form.input 23.05.08 Seite 1 von 11

(TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.form.input 23.05.08 Seite 1 von 11 (TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.input 23.05.08 Seite 1 von 11 window.document.input Objekt und seine Varianten beim Internet Explorer window.document.input Objekt

Mehr

Erzherzog Johann Jahr 2009

Erzherzog Johann Jahr 2009 Erzherzog Johann Jahr 2009 Der Erzherzog Johann Tag an der FH JOANNEUM in Kapfenberg Was wird zur Erstellung einer Webseite benötigt? Um eine Webseite zu erstellen, sind die folgenden Dinge nötig: 1. Ein

Mehr

1. Kapitel: Profil anlegen - 4 -

1. Kapitel: Profil anlegen - 4 - Handbuch Inhalt 1. Kapitel: Profil anlegen 2. Kapitel: Einloggen 3. Kapitel: Management-Konto 4. Kapitel: Eintrag verwalten 5. Kapitel: Bilder hinzufügen 6. Kapitel: Mein Profil 7. Kapitel: Foren - 2 -

Mehr

http://www.nvu-composer.de

http://www.nvu-composer.de Kapitel 16 Seite 1 Ein portabler Web-Editor Wer viel Zeit in eine Website investieren will ist gut beraten, eine professionelle Software für Webdesigner zu beschaffen. Diese Programme sind sehr leistungsfähig,

Mehr

Angewandte Informatik

Angewandte Informatik Angewandte Informatik Teil 9.1 Web Seiten V1.3 12.03.2011 1 von 37 Inhaltsverzeichnis 3... Welche Browser werden verwendet? 4... Mit welchen Browser surft die Welt? 5... Wie kommt der Browser zur Seite?

Mehr

EAP. Employee Administration Platform

EAP. Employee Administration Platform EAP Employee Administration Platform Inhalt 1. Plattform öffnen...2 2. Registrierung...2 3. Login...6 4. Links...8 5. Für ein Event anmelden...9 6. Persönliche Daten ändern... 11 7. Logout... 12 8. Benachrichtigungen...

Mehr

Bilder im Internet. Hans Magnus Enzensberger

Bilder im Internet. Hans Magnus Enzensberger Kapitel 4 Alle reden von Kommunikation, aber die wenigsten haben sich etwas mitzuteilen. Hans Magnus Enzensberger Bilder im Internet Nach der etwas umfangreichen vorangehenden Lektion zum Ausklang der

Mehr

HTML Teil 2. So kann man HTML-Seiten mit

HTML Teil 2. So kann man HTML-Seiten mit <div> und CSS gestalten. So sehen einfache Formulare aus HTML Teil 2 So kann man HTML-Seiten mit und CSS gestalten So sehen einfache Formulare aus Wie könnte ein komplexer Internetauftritt aussehen? Trennung Inhaltsbereich und Navigationsbereich 2 Beispiel:

Mehr

Benutzerhandbuch. Gästebuch Software - YellaBook v1.0 http://www.yellabook.de. Stand: 01.08.2012. by YellaBook.de - Alle Rechte vorbehalten.

Benutzerhandbuch. Gästebuch Software - YellaBook v1.0 http://www.yellabook.de. Stand: 01.08.2012. by YellaBook.de - Alle Rechte vorbehalten. Benutzerhandbuch Gästebuch Software - YellaBook v1.0 http://www.yellabook.de Stand: 01.08.2012 Inhalt 1 Funktionen... 3 2 Systemanforderungen... 4 3 Installation... 4 4 Einbinden des Gästebuchs... 5 5

Mehr

Anleitung zur Pflege der Homepage über den Raiffeisen-Homepage-Manager

Anleitung zur Pflege der Homepage über den Raiffeisen-Homepage-Manager Anleitung zur Pflege der Homepage über den Raiffeisen-Homepage-Manager Homepage-Manager Navigation Home Der Homepage-Manager bietet die Möglichkeit im Startmenü unter dem Punkt Home einfach und schnell

Mehr

Autoresponder Unlimited 2.0

Autoresponder Unlimited 2.0 Autoresponder Unlimited 2.0 Anleitung zur Installation und Anwendung Copyright 2009 Wladimir Wendland www.wladimir-wendland.de Den Autoresponder Unlimited 2.0 installieren: 1) Software entpacken 2) Aktivierungsseite

Mehr

Inhalte mit DNN Modul HTML bearbeiten

Inhalte mit DNN Modul HTML bearbeiten Einführung Redaktoren Content Management System DotNetNuke Inhalte mit DNN Modul HTML bearbeiten DNN Version ab 5.0 w3studio GmbH info@w3studio.ch www.w3studio.ch T 056 288 06 29 Letzter Ausdruck: 22.08.2011

Mehr

Zimplit CMS Handbuch. Einführung. Generelle Informationen

Zimplit CMS Handbuch. Einführung. Generelle Informationen Zimplit CMS Handbuch Einführung Dieses Dokument gibt Ihnen einen Überblick über die Nutzeroberfläche des Zimplit CMS (Content Management System) und seinen Funktionen. Generelle Informationen Version:

Mehr

Kurzanleitung zur Erstellung von Newslettern

Kurzanleitung zur Erstellung von Newslettern Kurzanleitung zur Erstellung von Newslettern Die Kurzanleitung dient als Leitfaden zur Erstellung eines E-Mail Newsletters. Zum Setup Ihres eyepin-accounts lesen Sie bitte Einrichtung Ihres Accounts oder

Mehr

Funktion «Formulare» in educanet²

Funktion «Formulare» in educanet² Funktion «Formulare» in educanet² Schulen und Bildungsinstitutionen haben vielfältige Ansprüche daran, Meinungen einzuholen, Umfragen durchzuführen oder Anmeldungen zu regeln. Mit der Funktion Formulare

Mehr

Workshop-Dokumentation. Thema: Partizipation mit dem Internet

Workshop-Dokumentation. Thema: Partizipation mit dem Internet Workshop-Dokumentation Thema: Partizipation mit dem Internet Leitung: Franz Kratzer Was ist ein Weblog: Die Definitionsversuche gehen teilweise recht weit auseinander. Als Gemeinsamkeit lässt sich festhalten,

Mehr

Diese Anleitung beschreibt das Vorgehen mit dem Browser Internet Explorer. Das Herunterladen des Programms funktioniert in anderen Browsern ähnlich.

Diese Anleitung beschreibt das Vorgehen mit dem Browser Internet Explorer. Das Herunterladen des Programms funktioniert in anderen Browsern ähnlich. Die Lernsoftware Revoca Das Sekundarschulzentrum Weitsicht verfügt über eine Lizenz bei der Lernsoftware «Revoca». Damit können die Schülerinnen und Schüler auch zu Hause mit den Inhalten von Revoca arbeiten.

Mehr

Klicken Sie auf den Reiter Newsfeed (1) in der oberen Menüleiste und wählen Sie dann links in der schmalen grauen Leiste Neuer Newsfeed (2) aus:

Klicken Sie auf den Reiter Newsfeed (1) in der oberen Menüleiste und wählen Sie dann links in der schmalen grauen Leiste Neuer Newsfeed (2) aus: Seite 1 Wenn Sie daran interessiert sind, aktuelle Informationen über Ihr Unternehmen auf Ihrer Internetpräsenz zu veröffentlichen, ist die Newsfeed-Funktion von meltwater news genau das richtige für Sie.

Mehr

Arbeiten im Datennetz der Universität Regensburg

Arbeiten im Datennetz der Universität Regensburg Wiwi-Workshop Uni Regensburg April 2002 Arbeiten im Datennetz der Universität Regensburg - Einführung in HTML, Teil II Arbeiten mit AOLPress - Dr. Wirtschaftswissenschaftliche Fakultät Universität Regensburg

Mehr

Hier zuerst eine grobe Übersicht, nachfolgend werden die einzelnen Schritte genauer erklärt:

Hier zuerst eine grobe Übersicht, nachfolgend werden die einzelnen Schritte genauer erklärt: ANLEITUNG zum Eintrag Ihrer Homepage auf Gingu.de Hier zuerst eine grobe Übersicht, nachfolgend werden die einzelnen Schritte genauer erklärt: 1. Kostenlos registrieren 2. Zum Erstellen eines Eintrages

Mehr

HTML Programmierung. Aufgaben

HTML Programmierung. Aufgaben HTML Programmierung Dr. Leander Brandl BRG Keplerstraße - A-8020 Graz Universität Graz - Institut für Experimentalphysik Fachdidaktik der Physik http://w4.brgkepler.asn-graz.ac.at 1. Die erste Web-Seite

Mehr

So erstellen bzw. ändern Sie schnell und einfach Texte auf der Aktuelles -Seite Ihrer Praxishomepage

So erstellen bzw. ändern Sie schnell und einfach Texte auf der Aktuelles -Seite Ihrer Praxishomepage Anleitung zum Einpflegen von Praxisnachrichten auf LGNW Praxishomepages Stand: 15.September 2013 So erstellen bzw. ändern Sie schnell und einfach Texte auf der Aktuelles -Seite Ihrer Praxishomepage 1.

Mehr

Counter als PHP-Skript (Zugriff auf Textdatei):

Counter als PHP-Skript (Zugriff auf Textdatei): Counter als PHP-Skript (Zugriff auf Textdatei): php Counter Herzlich willkommen Sie

Mehr

Eine Einführung in HTML

Eine Einführung in HTML Eine Einführung in HTML Inhaltsverzeichnis Grundaufbau einer Webseite... 2 Grundlegende Steuerzeichen... 3 Textformatierungen... 4 Überschriften und Listen... 5 Tabellen... 6 Bilder einfügen... 7 Hyperlinks

Mehr

Anleitung für die neue Seniorweb-Plattform 2014. Bilder und Bildserien hochladen und in Blogs oder Kommentare einfügen. Verkleinere deine Bildgrösse!

Anleitung für die neue Seniorweb-Plattform 2014. Bilder und Bildserien hochladen und in Blogs oder Kommentare einfügen. Verkleinere deine Bildgrösse! Anleitung für die neue Seniorweb-Plattform 2014 Bilder und Bildserien hochladen und in Blogs oder Kommentare einfügen Vorbereitung deiner Bilder oder Bildserien Verkleinere deine Bildgrösse! Die Spaltenbreite

Mehr

Crashkurs Webseitenerstellung mit HTML

Crashkurs Webseitenerstellung mit HTML Ziel Crashkurs Webseitenerstellung mit HTML Das Ziel dieser Einführung in die Webseitenerstellung ist das Kennenlernen der Seitenbeschreibungssprache HTML und die Nutzung für einfach strukturierte Seiten,

Mehr

Quickstart IMS Custom-Player Pro

Quickstart IMS Custom-Player Pro Quickstart IMS Custom-Player Pro Jedes IMS-MDN (Media Delivery Network) Konto bietet zum Abspielen von Flash Videos den Standard IMS Custom Player. Dieser Player wird von uns auf einem hoch performanten

Mehr

Inhalt. 2 RÖK Typo3 Dokumentation

Inhalt. 2 RÖK Typo3 Dokumentation 2012 RÖK Typo3 Dokumentation Hauptadmin RÖK Eine Hilfe für den Einstieg in Typo3. innpuls Werbeagentur GmbH 01.01.2012 2 RÖK Typo3 Dokumentation Inhalt 1) Was ist Typo3... 3 2) Typo3 aufrufen und Anmelden...

Mehr

TYPO3 Schritt für Schritt - Einführung für Redakteure

TYPO3 Schritt für Schritt - Einführung für Redakteure TYPO3 Version 4.0 Schritt für Schritt Einführung für Redakteure zeitwerk GmbH Basel - Schweiz http://www.zeitwerk.ch ++4161 383 8216 TYPO3_einfuehrung_redakteure.pdf - 07.07.2006 TYPO3 Schritt für Schritt

Mehr

Neues Projekt anlegen... 2. Neue Position anlegen... 2. Position in Statikdokument einfügen... 3. Titelblatt und Vorbemerkungen einfügen...

Neues Projekt anlegen... 2. Neue Position anlegen... 2. Position in Statikdokument einfügen... 3. Titelblatt und Vorbemerkungen einfügen... FL-Manager: Kurze beispielhafte Einweisung In dieser Kurzanleitung lernen Sie die wichtigsten Funktionen und Abläufe kennen. Weitere Erläuterungen finden Sie in der Dokumentation FLManager.pdf Neues Projekt

Mehr

Einbindung des Potenzialatlas Erneuerbare Energien in eigene Web-Angebote

Einbindung des Potenzialatlas Erneuerbare Energien in eigene Web-Angebote Einbindung des Potenzialatlas Erneuerbare Energien in eigene Web-Angebote Es besteht die Möglichkeit, den Potenzialatlas Erneuerbare Energien in andere Internetseiten einzubinden. So können Kommunen zum

Mehr

Beleg 1/HTML: Erstellen einer Beispiel-Webseite

Beleg 1/HTML: Erstellen einer Beispiel-Webseite Beleg 1/HTML: Erstellen einer Beispiel-Webseite Als Beleg und zur Vertiefung der Kenntnisse in HTML ist eine Beispielwebseite zu erstellen, die die kennengelernten Tags und Attribute verwendet. Arbeiten

Mehr

A) Einleitung. Kurzanleitung. Weebly ist ein Websitegenerator mit dem du einfach eine eigene Website zusammen- bauen

A) Einleitung. Kurzanleitung. Weebly ist ein Websitegenerator mit dem du einfach eine eigene Website zusammen- bauen Kurzanleitung A) Einleitung Weebly ist ein Websitegenerator mit dem du einfach eine eigene Website zusammen- bauen kannst. Bei der Arbeit wirst du auch noch ein paar Wörter Englisch lernen. Die wichtigsten

Mehr

Datenbanken für Online Untersuchungen

Datenbanken für Online Untersuchungen Datenbanken für Online Untersuchungen Im vorliegenden Text wird die Verwendung einer MySQL Datenbank für Online Untersuchungen beschrieben. Es wird davon ausgegangen, dass die Untersuchung aus mehreren

Mehr

Klicke auf die folgenden Links oder rolle durch den Artikel.

Klicke auf die folgenden Links oder rolle durch den Artikel. Feierabend-Email Feierabend E-Mail ist ein kompletter E-Mail-Dienst innerhalb von Feierabend.de. Du kannst damit alle Emails lesen und verwalten, die an deine Adresse (Nickname@feierabend.com) geschickt

Mehr

PHP Formulare. Stefan Maihack Dipl. Ing. (FH) Datum: 22.05.2014

PHP Formulare. Stefan Maihack Dipl. Ing. (FH) Datum: 22.05.2014 PHP Formulare Stefan Maihack Dipl. Ing. (FH) Datum: 22.05.2014 1 Formularverarbeitung Durch Formulare werden Webseiten interaktiv. Durch Formulare können Daten an den Webserver geschickt werden, um sie

Mehr

BUERGERMELDUNGEN.COM ANLEITUNG FÜR BENUTZER

BUERGERMELDUNGEN.COM ANLEITUNG FÜR BENUTZER BUERGERMELDUNGEN.COM ANLEITUNG FÜR BENUTZER Seite 1 1 ERSTELLEN DES BENUTZERKONTOS Um eine Bürgermeldung für Deine Gemeinde zu erstellen, musst Du Dich zuerst im System registrieren. Dazu gibt es 2 Möglichkeiten:

Mehr

Erstellen von Web-Seiten

Erstellen von Web-Seiten Erstellen von Web-Seiten Grundlagen html: Zum Erstellen von html-seiten benötigen wir nur einen Text-Editor. Der Inhalt von HTML-Dateien steht in HTML-Elementen. HTML-Elemente werden durch so genannte

Mehr

Erste Schritte mit LimeSurvey Pädagogische Hochschule Heidelberg

Erste Schritte mit LimeSurvey Pädagogische Hochschule Heidelberg 1 Dieses Script ist als Schnellstart gedacht, um das Prinzip von LimeSurvey zu verstehen. Zahlreiche Optionen stehen zur individuellen Erstellung von Umfragen zur Verfügung ein ausführliches Benutzerhandbuch

Mehr

Autoresponder Unlimited 2.0

Autoresponder Unlimited 2.0 Anleitung zur Installation und Anwendung Autoresponder Unlimited 2.0 Anleitung zur Installation und Anwendung Wie Ihr Autoresponder Unlimited 2.0 funktioniert Den Autoresponder Unlimited 2.0 installieren

Mehr

Grundlagen der WWW-Nutzung und WWW-Programmierung. Alfred Wassermann

Grundlagen der WWW-Nutzung und WWW-Programmierung. Alfred Wassermann Grundlagen der WWW-Nutzung und WWW-Programmierung Alfred Wassermann Inhaltsverzeichnis 6 Vorlesung 2 6.1 Querverweise............................. 2 6.2 Verweis-sensitive Graphiken, Image Maps.............

Mehr

Tipps & Tricks für den WSA Websiteadministrator

Tipps & Tricks für den WSA Websiteadministrator Seite 1 Tipps & Tricks für den WSA Websiteadministrator Inhaltsverzeichnis 1. Einleitung... 1 2. Kurzüberblick zum Aufbau des WSA Tools... 2 2.1 Benutzeroberfläche... 2 3. WSA-Tool als HTML Editor... 4

Mehr

Python CGI-Skripte erstellen

Python CGI-Skripte erstellen Python CGI-Skripte erstellen CGI (Common Gateway Interface)... ist eine Schnittstelle, um Scripte im Web bereitzustellen. ist eine Schnittstelle zwischen einem HTTP-Server und ausführbaren Programmen.

Mehr

Spamschutz bei TYPO3. von Bernd Warken bei Fa. Netcos AG

Spamschutz bei TYPO3. von Bernd Warken bei Fa. Netcos AG Spamschutz bei TYPO3 von Bernd Warken bei Fa. Netcos AG Kapitel 0: Einleitung 3 0.1 Vorwort 3 0.2 Lizenz 3 Kapitel 1: Aktivierung und Konfiguration 4 1.1 config.spamprotectemailaddresses 4 1.2 config.spamprotectemailaddresses_atsubst

Mehr

TwinSpace Leitfaden. Herzlich Willkommen im TwinSpace!

TwinSpace Leitfaden. Herzlich Willkommen im TwinSpace! TwinSpace Leitfaden Herzlich Willkommen im TwinSpace! Der TwinSpace ist ein Kommunikations- und Kooperationsforum für etwinning Partnerschaften. Alle Schulen haben von ihrem Arbeitsplatz aus Zugang zu

Mehr

Content Management System (CMS) Manual

Content Management System (CMS) Manual Content Management System (CMS) Manual Thema Seite Aufrufen des Content Management Systems (CMS) 2 Funktionen des CMS 3 Die Seitenverwaltung 4 Seite ändern/ Seite löschen Seiten hinzufügen 5 Seiten-Editor

Mehr

2.1 Web-Browser verwenden

2.1 Web-Browser verwenden 2-2.1 Web-Browser verwenden HTML ist die Grundlage jeder Seite im World Wide Web. HTML-Dokumente bestehen aus Befehlen und Text. Damit verbinden sie Grafik, Text und Musik. Grafik oder Musikstücke werden

Mehr

Handbuch für die Homepage

Handbuch für die Homepage Handbuch für die Homepage des Kirchenkreises Rendsburg-Eckernförde (www.kkre.de) Kirchenkreis Rendsburg-Eckernförde Nordelbische Evangelisch- Lutherische Kirche Anmelden 1. Internet Browser starten (z.b.

Mehr

Anleitung zur Nutzung von Mailingliste und Newsletter bei einem Projekt im Unperfekthaus

Anleitung zur Nutzung von Mailingliste und Newsletter bei einem Projekt im Unperfekthaus Unperfekthaus-Tutorial: Anleitung zur Nutzung von Mailingliste und Newsletter bei einem Projekt im Unperfekthaus Diese Anleitung ist für alle gedacht, für die das Thema völlig neu ist und die eine detaillierte

Mehr

E-Commerce: IT-Werkzeuge. Web-Programmierung. Kapitel 4: Einführung in JavaScript Stand: 03.11.2014. Übung WS 2014/2015. Benedikt Schumm M.Sc.

E-Commerce: IT-Werkzeuge. Web-Programmierung. Kapitel 4: Einführung in JavaScript Stand: 03.11.2014. Übung WS 2014/2015. Benedikt Schumm M.Sc. Übung WS 2014/2015 E-Commerce: IT-Werkzeuge Web-Programmierung Kapitel 4: Stand: 03.11.2014 Benedikt Schumm M.Sc. Lehrstuhl für ABWL und Wirtschaftsinformatik Katholische Universität Eichstätt-Ingolstadt

Mehr

PHP JavaScript Kapitel 9. Java-Script-Objekte und das Event-Modell

PHP JavaScript Kapitel 9. Java-Script-Objekte und das Event-Modell Java-Script-Objekte und das Event-Modell 1 Interaktions-Methoden des Window-Objekts

Mehr

Projekt Online-Shop:

Projekt Online-Shop: Mit einem Buchverwaltungsprogramm kann können über das Internet neue Datensätze in eine Online-Datenbank einund ausgegeben, sowie gelöscht und verändert werden. Die Internet-Site besteht aus den nebenstehenden

Mehr

for ($i=1 ;$i<=25 ;$i++) { echo "$i "; }?>
zurück zur Index-Seite

for ($i=1 ;$i<=25 ;$i++) { echo $i ; }?> <br> <a href=http://localhost/php.php>zurück zur Index-Seite</a> </body> </html> 8 Schleifen Schleifen werden in der Programmierung viel verwendet. Sie sind deshalb sehr wichtig, weil man mit Ihrer Hilfe erreichen kann, dass etwas unter bestimmten Bedingungen immer wieder ausgeführt

Mehr

Modul 7: Übungen zu - Tabellen als Mail oder im Web veröffentlichen

Modul 7: Übungen zu - Tabellen als Mail oder im Web veröffentlichen Excel 2003 - Übungen zum Grundkurs 63 Modul 7: Übungen zu - Tabellen als Mail oder im Web veröffentlichen Wie kann ich einzelne Blätter der Arbeitsmappe als E-Mail verschicken? Wie versende ich eine Excel-Datei

Mehr

Slices und Rollover für die Startseite einer Bildergalerie

Slices und Rollover für die Startseite einer Bildergalerie Slices und Rollover für die Startseite einer Bildergalerie Die größte Frage bei einer Webseite ist es, auf ggf. viele Informationen von der relativ kleinen Fläche eines Bildschirmes zu verweisen. Dabei

Mehr

Schulung Open CMS Editor

Schulung Open CMS Editor Schulung Open CMS Editor Um Ihr Projekt im OpenCMS zu bearbeiten brauchen Sie lediglich einen Webbrowser, am besten Firefox. Vorgehensweise beim Einrichten Ihrer Site im OpenCMS Erste Schritte Wenn Sie

Mehr

Um ein Seiteninhaltselement zu editieren, d. h. neu einzufügen oder zu verändern werden mehrere Symbole verwendet:

Um ein Seiteninhaltselement zu editieren, d. h. neu einzufügen oder zu verändern werden mehrere Symbole verwendet: 4.5.7 Bilder- und Datei-Upload Alle Dateien (z.b. Bilder, PDF-Dateien, Flash-Animationen, etc.), die Sie auf Ihren Seiten einbinden möchten, laden Sie im Modulbereich Datei in den Modulen Dateiliste oder

Mehr

VWA Rhein-Neckar Dipl.-Ing. Thomas Kloepfer. Kommunikation I (Internet) Übung 5. Formulare und mehr

VWA Rhein-Neckar Dipl.-Ing. Thomas Kloepfer. Kommunikation I (Internet) Übung 5. Formulare und mehr VWA Rhein-Neckar Dipl.-Ing. Thomas Kloepfer Kommunikation I (Internet) Übung 5 Formulare und mehr SS 2003 Inhaltsverzeichnis 5. Formulare und mehr...1 5.1. Formulare...1 5.1.1. Erstellen eines einfachen

Mehr

Einstiegsdokument Kursleiter

Einstiegsdokument Kursleiter Einstiegsdokument Kursleiter Inhaltsverzeichnis 1. Die Anmeldung...2 1.1 Login ohne Campus-Kennung...2 1.2 Login mit Campus-Kennung...2 1.3 Probleme beim Login...3 2. Kurse anlegen...4 3. Rollenrechte...4

Mehr

Typo3 Handbuch Redaktion: Peter W. Bernecker Tel.: 069 / 92 107 292 pw.bernecker@ev medienhaus.de Stand: 6. Oktober 2014

Typo3 Handbuch Redaktion: Peter W. Bernecker Tel.: 069 / 92 107 292 pw.bernecker@ev medienhaus.de Stand: 6. Oktober 2014 Typo3 Handbuch Redaktion: Peter W. Bernecker Tel.: 069 / 92 107 292 pw.bernecker@ev medienhaus.de Stand: 6. Oktober 2014 3. Arbeitsbereich: Wo sind meine Inhalte? Wo kann ich Inhalte einstellen (Rechte)?

Mehr

Anleitung zum Login. über die Mediteam- Homepage und zur Pflege von Praxisnachrichten

Anleitung zum Login. über die Mediteam- Homepage und zur Pflege von Praxisnachrichten Anleitung zum Login über die Mediteam- Homepage und zur Pflege von Praxisnachrichten Stand: 18.Dezember 2013 1. Was ist der Mediteam-Login? Alle Mediteam-Mitglieder können kostenfrei einen Login beantragen.

Mehr

Der Website-Generator

Der Website-Generator Der Website-Generator Der Website-Generator im Privatbereich gibt Ihnen die Möglichkeit, schnell eine eigene Website in einheitlichem Layout zu erstellen. In Klassen, Gruppen und Institutionen können auch

Mehr

Ein Bilderwörterbuch fürs Internet

Ein Bilderwörterbuch fürs Internet Ein Bilderwörterbuch fürs Internet Schüler-experimentieren-Arbeit 2006 von Karlotta Schlösser Inhaltsverzeichnis 2 Inhaltsverzeichnis Inhaltsverzeichnis...1 1 Kurzfassung...3 2 Idee der Arbeit...4 3 Wie

Mehr

Die IKC-Website für TfH-Instruktoren: Schritt für Schritt

Die IKC-Website für TfH-Instruktoren: Schritt für Schritt Die IKC-Website für TfH-Instruktoren: Schritt für Schritt unter Begleitung unserer Beispiel-Instruktorin Jane Average Ruft die IKC-Website unter http://www.ikc-info.org/ auf und wählt Instructor Login.

Mehr