Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für...

Post on 05-Apr-2015

149 views 1 download

Transcript of Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für...

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

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

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

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

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

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>

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 =

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

Wizards & Wizards & Builders GmbH Builders GmbH

Robots.TXTRobots.TXT

Anweisungen an Anweisungen an SuchmaschinenSuchmaschinen

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.ä.

Wizards & Wizards & Builders GmbH Builders GmbH

FormatierungFormatierung

Absatz <P>Absatz <P> ALIGNALIGN

<BR<BR CLEARCLEAR

<HR<HR NOSHADOWNOSHADOW SIZESIZE WIDTHWIDTH

Wizards & Wizards & Builders GmbH Builders GmbH

SpezialformatierungSpezialformatierung

VorformatiertVorformatiert <PRE><PRE>

Kein HTMLKein HTML <XMP><XMP>

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

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>

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)

Wizards & Wizards & Builders GmbH Builders GmbH

FontsFonts

<FONT FACE=<FONT FACE= COLORCOLOR SIZESIZE

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

Wizards & Wizards & Builders GmbH Builders GmbH

Globale AusrichtungGlobale Ausrichtung

<DIV ALIGN=<DIV ALIGN=

<CENTER><CENTER>

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

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

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

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

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

Wizards & Wizards & Builders GmbH Builders GmbH

GrafikformateGrafikformate

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

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

Wizards & Wizards & Builders GmbH Builders GmbH

EingabemaskenEingabemasken

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

ServerfunktionenServerfunktionen

Wizards & Wizards & Builders GmbH Builders GmbH

EingabemaskenEingabemasken

<FORM<FORM ACTIONACTION

EditboxEditbox TEXTAREATEXTAREA

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

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

Wizards & Wizards & Builders GmbH Builders GmbH

ActionsActions

FOXISAPIFOXISAPI

MAILTOMAILTO

CGICGI

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

Wizards & Wizards & Builders GmbH Builders GmbH

TablesTables

Tabellen <TABLETabellen <TABLE BORDERBORDER WIDTHWIDTH CAPTIONCAPTION

Header <TR THHeader <TR TH WIDTHWIDTH ALIGNALIGN VALIGNVALIGN

Wizards & Wizards & Builders GmbH Builders GmbH

Spalten / ZeilenSpalten / Zeilen

Data <TR TDData <TR TD COLSPANCOLSPAN ROWSPANROWSPAN NOWRAPNOWRAP

Wizards & Wizards & Builders GmbH Builders GmbH

Frame SetFrame Set

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

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)

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

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

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

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

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)

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

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

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

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

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