43
Wizards & Wizards & Builders Builders GmbH GmbH Hypertext Markup Hypertext Markup Language Language Beschreibung von HTML als Beschreibung von HTML als Vorbereitung für Webserver mit Vorbereitung für Webserver mit Microsoft Visual FoxPro Microsoft Visual FoxPro

Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Embed Size (px)

Citation preview

Page 1: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Hypertext Markup Hypertext Markup LanguageLanguage

Beschreibung von HTML als Beschreibung von HTML als Vorbereitung für Webserver mitVorbereitung für Webserver mit

Microsoft Visual FoxProMicrosoft Visual FoxPro

Page 2: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Diese Schulung dient der Einführung in die Hypertext

Markup Language als Vorbereitung für die Erstellung

eigener HTML-Dokumente sowie der Einführung in Techniken der

Internetprogrammierung

Page 3: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

ThemenübersichtThemenübersicht

HTML Kopf- und MetadatenHTML Kopf- und MetadatenHTML Texte und FormatierungenHTML Texte und FormatierungenHTML Listen, Referenzen, BilderHTML Listen, Referenzen, BilderHTML Eingabemasken und -felderHTML Eingabemasken und -felderHTML Tabellen und FramesHTML Tabellen und FramesProfi-Techniken und WerkzeugeProfi-Techniken und WerkzeugeEinsatz von Visual FoxProEinsatz von Visual FoxPro

Page 4: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Kopf- und MetadatenKopf- und Metadaten

Grundkonzept einer HTML-Grundkonzept einer HTML-Seite, Definition von Kopf- und Seite, Definition von Kopf- und

verschiedenen Metadatenverschiedenen Metadaten

Page 5: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Die Rahmen-TagsDie Rahmen-Tags

Was sind Tags? Öffnen und Was sind Tags? Öffnen und SchließenSchließen

GesamtdokumentGesamtdokument <HTML><HTML> KopfbereichKopfbereich <HEAD> <HEAD> TextbereichTextbereich <BODY><BODY> Eine minimalistische WebseiteEine minimalistische Webseite

Page 6: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Der KopfbereichDer Kopfbereich

TitelTitel<TITLE><TITLE> FarbeFarbe <BGCOLOR><BGCOLOR> TextText<TEXT><TEXT> LinksLinks <LINK><LINK>

<VLINK><VLINK> <ALINK><ALINK>

<BACKGROUND><BACKGROUND>

Page 7: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Kopfmetadaten (HTTP)Kopfmetadaten (HTTP)

<META><META> <HTTP-EQUIV = Expires><HTTP-EQUIV = Expires>

content = „28FEB1997“content = „28FEB1997“

Erläuterung Proxy-ServerErläuterung Proxy-Server <HTTP-EQUIV =<HTTP-EQUIV = <HTTP-EQUIV =<HTTP-EQUIV =

Page 8: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Kopfmetadaten (Robots)Kopfmetadaten (Robots)

<META NAME=„Description“<META NAME=„Description“ Content =„Descriptive Text“Content =„Descriptive Text“

<META NAME= „Keywords“<META NAME= „Keywords“ Content = „Keyword, Keyword..“Content = „Keyword, Keyword..“

<META NAME=„Robots“<META NAME=„Robots“ Content = Noindex, NofollowContent = Noindex, Nofollow

Page 9: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Robots.TXTRobots.TXT

Anweisungen an Anweisungen an SuchmaschinenSuchmaschinen

Page 10: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Texte und FormatierungTexte und Formatierung

Allgemeine Darstellungs-Allgemeine Darstellungs-möglichkeiten: Formatierung, möglichkeiten: Formatierung,

Schriftattribute, Schriftarten u.ä.Schriftattribute, Schriftarten u.ä.

Page 11: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

FormatierungFormatierung

Absatz <P>Absatz <P> ALIGNALIGN

<BR<BR CLEARCLEAR

<HR<HR NOSHADOWNOSHADOW SIZESIZE WIDTHWIDTH

Page 12: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

SpezialformatierungSpezialformatierung

VorformatiertVorformatiert <PRE><PRE>

Kein HTMLKein HTML <XMP><XMP>

ÜberschriftenÜberschriften <H1> .. <H6><H1> .. <H6>

Page 13: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

SchriftattributeSchriftattribute

KursivKursiv <I><I> FettFett <B><B> TeletypeTeletype <TT><TT> SubscriptSubscript <SUB><SUB> SuperscriptSuperscript <SUP><SUP> StrongStrong <STRONG><STRONG>

Page 14: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Sonstige SchriftattributeSonstige Schriftattribute

<CODE><CODE> <SAMP><SAMP> <VAR><VAR> <KBD><KBD> (Fett)(Fett) <CITE><CITE> (Kursiv)(Kursiv) <EM><EM> (Kursiv)(Kursiv)

Page 15: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

FontsFonts

<FONT FACE=<FONT FACE= COLORCOLOR SIZESIZE

BASEFONT SIZEBASEFONT SIZE (NS:BLINK)(NS:BLINK) (MS:MARQUEE)(MS:MARQUEE)

Page 16: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Globale AusrichtungGlobale Ausrichtung

<DIV ALIGN=<DIV ALIGN=

<CENTER><CENTER>

Page 17: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Listen, Referenzen, BilderListen, Referenzen, Bilder

Listendarstellung, Referenzen im Listendarstellung, Referenzen im Internet, Einbindung von Grafiken Internet, Einbindung von Grafiken

und Bilder, Grafikformateund Bilder, Grafikformate

Page 18: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Unsortierte ListenUnsortierte Listen

<UL><UL> TYPE disc, circle, squareTYPE disc, circle, square LILI

<DIR<DIR 24 Zeichen24 Zeichen

<MENU<MENU

Page 19: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Sortierte ListenSortierte Listen

<OL><OL> <LI><LI> TYPE 1, I, i, A, aTYPE 1, I, i, A, a START VALUESTART VALUE

<DL<DL <DT<DT <DD<DD

Page 20: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

ReferenzenReferenzen

Allgemein <A HREF>Allgemein <A HREF> Im Text <A NAME>Im Text <A NAME> Auf DateiAuf Datei Auf HTTPAuf HTTP Mit BildMit Bild

Page 21: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

BilderBilder

<IMG SRC<IMG SRC BORDERBORDER ALIGN= top, bottom, middleALIGN= top, bottom, middle HSPACE, VSPACEHSPACE, VSPACE WIDTH, HEIGTHWIDTH, HEIGTH Alternativer Text <ALTAlternativer Text <ALT

Page 22: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

GrafikformateGrafikformate

GIFGIF GIF InterlacedGIF Interlaced GIF TransparentGIF Transparent GIF AnimatedGIF Animated JPEGJPEG PNGPNG

Page 23: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Grafik-WerkzeugeGrafik-Werkzeuge

Designwerkzeuge:Designwerkzeuge: Frontpage 97Frontpage 97 Hot Metal ProHot Metal Pro

Visual FoxPro:Visual FoxPro: _GENHTML_GENHTML GIF/JPEG-SupportGIF/JPEG-Support

Grafikwerkzeuge:Grafikwerkzeuge: Paint Shop ProPaint Shop Pro Photo ImpactPhoto Impact

GIF Smart SaverGIF Smart Saver JPEG Smart SaverJPEG Smart Saver

GIF GIF Construction KitConstruction Kit

Page 24: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

EingabemaskenEingabemasken

Eingabemasken zur Datenerfassung Eingabemasken zur Datenerfassung und zur Ansteuerung von und zur Ansteuerung von

ServerfunktionenServerfunktionen

Page 25: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

EingabemaskenEingabemasken

<FORM<FORM ACTIONACTION

EditboxEditbox TEXTAREATEXTAREA

Page 26: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Eingabefelder (1)Eingabefelder (1)

Felder <INPUTFelder <INPUT OK-ButtonOK-Button TYPE=submitTYPE=submit Abbruch-ButtonAbbruch-ButtonTYPE=RESETTYPE=RESET TextboxTextbox TYPE=TEXTTYPE=TEXT

SIZE, MAXLENGTHSIZE, MAXLENGTH

PasswortPasswort TYPE=PASSWORDTYPE=PASSWORD

Page 27: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Eingabefelder (2)Eingabefelder (2)

CheckboxCheckbox TYPE=CHECKBOXTYPE=CHECKBOX VALUEVALUE CHECKEDCHECKED

RadiobuttonRadiobuttonTYPE=RADIOTYPE=RADIO

ListboxListbox TYPE=SELECT TYPE=SELECT NAMENAME SIZESIZE OPTION VALUEOPTION VALUE

Page 28: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

ActionsActions

FOXISAPIFOXISAPI

MAILTOMAILTO

CGICGI

Page 29: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Tabellen und FramesTabellen und Frames

Komplexe Darstellungs-Komplexe Darstellungs-möglichkeiten durch möglichkeiten durch Tabellen und FramesTabellen und Frames

Page 30: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

TablesTables

Tabellen <TABLETabellen <TABLE BORDERBORDER WIDTHWIDTH CAPTIONCAPTION

Header <TR THHeader <TR TH WIDTHWIDTH ALIGNALIGN VALIGNVALIGN

Page 31: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Spalten / ZeilenSpalten / Zeilen

Data <TR TDData <TR TD COLSPANCOLSPAN ROWSPANROWSPAN NOWRAPNOWRAP

Page 32: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Frame SetFrame Set

<FRAME SET<FRAME SET COLSCOLS ROWSROWS MARGINWIDTHMARGINWIDTH MARGINHEIGHTMARGINHEIGHT SCROLLINGSCROLLING NORESIZENORESIZE (NS:NOFRAMES)(NS:NOFRAMES)

Page 33: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

FramesFrames

<FRAME SRC=<FRAME SRC= NAME = NAME = TARGET = _blank, _self, _top, TARGET = _blank, _self, _top,

_parent_parent

REFRESH-Problem REFRESH-Problem (Shift+Reload)(Shift+Reload)

Page 34: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Profi-TechnikenProfi-Techniken

Techniken jenseits von HTML Techniken jenseits von HTML zur Gestaltung interaktiver zur Gestaltung interaktiver

Webseiten sowie Webseiten sowie ServerfunktionalitätenServerfunktionalitäten

Page 35: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Profi-TechnikenProfi-Techniken

CGI (CGIEMAILS, HTIMAGE)CGI (CGIEMAILS, HTIMAGE) PERL-ScriptsPERL-Scripts JAVA, JavascriptJAVA, Javascript FrontpageFrontpage Mini-SQLMini-SQL EXCITE-VolltextsucheEXCITE-Volltextsuche

Page 36: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Sonstige TechnikenSonstige Techniken

REAL AUDIOREAL AUDIO TRUE SPEACHTRUE SPEACH ADOBE PDF ByteservingADOBE PDF Byteserving ActiveXActiveX VBScriptVBScript Macromedia SHOCKWAVEMacromedia SHOCKWAVE VRMLVRML

Page 37: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Server-TechnikenServer-Techniken

eMail-Weiterleitung, eMail-Weiterleitung, AutoresponderAutoresponder

POP-ServerPOP-Server FTP-ZugangFTP-Zugang BenutzergruppenBenutzergruppen Log-FilesLog-Files StatistikenStatistiken

Page 38: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

ZusatzwerkzeugeZusatzwerkzeuge

Softwarekatalog:Softwarekatalog: Site Promoter (249,-) (Backlinks)Site Promoter (249,-) (Backlinks) WebWhaker (138,-) (Gesamtabzug)WebWhaker (138,-) (Gesamtabzug) NetMailer (199,-) (Mailinglisten)NetMailer (199,-) (Mailinglisten) SnagIt/32 (129,-) (SnapShot/Capture)SnagIt/32 (129,-) (SnapShot/Capture) Net.Analysis (495,-) (Statistik)Net.Analysis (495,-) (Statistik)

Page 39: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Visual FoxPro im InternetVisual FoxPro im Internet

Übersicht über Ausgabe- Übersicht über Ausgabe- und Serverfunktionen vonund Serverfunktionen vonMicrosoft Visual FoxProMicrosoft Visual FoxPro

Page 40: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Visual FoxPro (Ausgabe)Visual FoxPro (Ausgabe)

Publishing Wizard (Assistent)Publishing Wizard (Assistent) GenRepoX HTML-TreiberGenRepoX HTML-Treiber _GENHTML _GENHTML (Speichern als HTML)(Speichern als HTML)

BerichteBerichte MaskenMasken MenüsMenüs TabellenTabellen

Page 41: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Visual FoxPro (Server)Visual FoxPro (Server)

Search Wizard (Assistent)Search Wizard (Assistent) WebConnect (Zusatzprodukt)WebConnect (Zusatzprodukt) FOXISAPI (Schnittstelle)FOXISAPI (Schnittstelle) ActiveDocumentActiveDocument Active FoxPro Server Pages (Technik Active FoxPro Server Pages (Technik

von Peter Herzog, ProLib GmbH)von Peter Herzog, ProLib GmbH) siehe separaten Vortrag zu FOXISAPIsiehe separaten Vortrag zu FOXISAPI

Page 42: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Vielen Dank!Vielen Dank!

Das waren die Themen:Das waren die Themen: Kopf- und Kopf- und

MetadatenMetadaten Texte / FormateTexte / Formate Listen, Referenzen, Listen, Referenzen,

BilderBilder EingabemaskenEingabemasken Tabellen und Tabellen und

FramesFrames Profi-TechnikenProfi-Techniken Visual FoxProVisual FoxPro

Page 43: Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro

Wizards & Wizards & Builders GmbH Builders GmbH

Wenn Fragen bestehen:Wenn Fragen bestehen:

Wizards & BuildersWizards & BuildersMethodische Software-Methodische Software-

Entwicklung GmbHEntwicklung GmbH

Frankfurter Str. 21bFrankfurter Str. 21b

61476 Kronberg61476 Kronberg

Tel.: 06173-950906Tel.: 06173-950906

Fax: 06173-950907Fax: 06173-950907

CIS: 101605,175CIS: 101605,175