Grete Kugler Webdesign - Teil 1 Internet und WWW Aufbau von HTML-Seiten Formatierungen und Links.

Slides:



Advertisements
Ähnliche Präsentationen
HS-Projekt Friedrich Junge-Schule, Kl. 9c, 2011 Wie funktionieren Internet-Server? Web-Server auf eigener Domain und Game-Server für Internet-Spiele Teilnehmer:
Advertisements

Einführung in HTML (Hypertext Markup Language)
Ein Streifzug durch das INTERNET G. Hege und W. Moritz OSA Stuttgart.
WML – Wireless Markup Language Vortrag von Eduard Jakel.
HyperText Markup Language
Software Engineering Praktikum WS 2002/03
HTML - Einführung Richard Göbel.
Internetstruktur Das Internet besteht aus vielen Computern, die weltweit untereinander vernetzt sind.
DNS – Domain Name System
HTML - Eine erste Annäherung
An's Netz An's Netz An's.
Geschichte und Funktion des Internets.
Anwendungen. © Prof. T. Kudraß, HTWK Leipzig Historie des WWW Grundlage Internet – Entwickelt Ende der 60er Jahre vom US-Militär (ARPA-Net) – Technische.
Anwendungen. © Prof. T. Kudraß, HTWK Leipzig Historie des WWW Grundlage Internet – Entwickelt Ende der 60er Jahre vom US-Militär (ARPA-Net) – Technische.
Einführung XML XML Einführung Andreas Leicht.
Multimedia - Datenformate
Erstellen einer Webseite Fortbildung am FPGZ Stephan Best.
Schulen ans Netz Oberhausener Moderatoren
Einführung in die Technik des Internets
Vernetzte Informationsstrukturen - Internet
Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro.
FH-Hof HTML - Einführung Richard Göbel. FH-Hof Komponenten des World Wide Webs WWW Browser HyperText Transfer Protocol (HTTP) via Internet WWW Server.
Internet (World Wide Web)
Netzwerkprotokolle Client/ Server DFÜ Einige Protokolle
Erste Schritte mit PHP 5 von Max Brandt, 22. September 2006.
Webseitengestaltung.
DAS INTERNET ABKÜRZUNGEN FTP – File Transfer Protocol WWW – World Wide Web HTTP – Hiper Text Transfer Protocol HTML - Hiper Text Markup Language TCP/IP.
DFÜ => Daten-Fern-Übertragung
Was ist das Internet? Größtes (globales) Netzwerk der Welt
Geschichte des Internet
Psychomed Intranet solutions in Psychiatry Annemarie Binder Fachbereich Soziale Arbeit Matr.-Nr Fachhochschule München.
Vukovic, Marbot, Fanton.
Cedric Heid, Lukas Burkhardt
Internet-Protokolle und Sicherheitsaspekte
1 Einführung ins Internet
Web-Publishing: HTML im Rahmen des PS aus Elektronischer Datenverarbeitung (Rechnerpraktikum)
Grundlagen der Netzwerktechnik
HTML HyperText Markup Language Die Programmiersprache des WWW
Netzwerke.
Auf ins Web!. Das World Wide Web 1990 in Genf am Hochenergieforschungszentrum CERN Ziele: neuer wissenschaftlicher Informationsaustausch über das Internet.
Auf ins Web!. Das World Wide Web 1990 in Genf am Hochenergieforschungszentrum CERN Ziele: neuer wissenschaftlicher Informationsaustausch über das Internet.
HTTP IT-Zertifikat Universität zu Köln Allgemeine Technologien II
Grete Kugler Webdesign - Teil 2 Tabellen und Listen Bilder.
Das Internet Inhalt: Geschichte Netzschema
Materialien zur Fortbildungsreihe C für die Informatik in SII
Client-Server-Modell
Folge 11/ Kapitel 4.1: Datenaustausch über Extranets
Provider und Dienste im Internet
HTML Einführung.
Grundlagen der Internetadresse
HTML Hypertext Markup Language
Die Abkürzungen des Internets
Willkommen zum Brückensemester
Das Client-Server-Prinzip und TCP/IP
J. Nürnberger1 HTML Hypertext Markup Language Grundlagen.
Internet-Grundtechnologien. Client / Server Client („Kunde“): fordert Information / Datei an im Internet: fordert Internetseite an, z.B.
Abschlussprojekt.  Wahl eines beliebigen Themas (z.b. Hobby)  eigenständige Ausarbeitung des gewählten Themas in Form einer Website Abschlussprojekt.
Das World Wide Web Stephan Becker TIT05BGR SS06. Das World Wide Web Übersicht Hypertext & Hypermedia HTML Dokumentenidentifikation Dokumententransport.
Internet - Grundbegriffe Unterlagen zum Kurs "Wie erstelle ich eine Homepage?"
Das Internet Ein Netzwerk, das viele Rechner miteinander verbindet
Einführung in die Informatik
Lisa Huber DHBW Mannheim
Hypertext Markup Language
Web-Design Wie erstelle ich eine eigene Webseite und bringe sie ins weltweite Internet Ein Kurs der Agenda 21 von Postbauer-Heng in Zusammenarbeit mit.
Webseiten – HTML Gliederung 1.Einführung in HTML 2.Aufbau einer einfachen Webseite.
Internet und World Wide Web
Crashkurs Computernetzwerke
Prof. Dr.-Ing. Franz-Josef Behr Geodaten und Datenmodell
Versuchsbeschreibung in
Interaktives Präsentieren
 Präsentation transkript:

Grete Kugler Webdesign - Teil 1 Internet und WWW Aufbau von HTML-Seiten Formatierungen und Links

Grete KuglerWebdesign - Teil12 Internet und WWW Weltweiter Verbund von Computern Kommunikationsprotokoll: TCP/IP Sucht bei Ausfall Umweg Jeder Rechner hat eine IP-Adresse –Netzwerkadresse –Hostadresse Domäne DNS: Domain Name Service

Grete KuglerWebdesign - Teil13 Web-Site Kombination mehrerer Webseiten in einer logischen Struktur Navigation durch Links Text, Graphiken, Sound,... Web-Server W3C-Consortium Hypertext Transfer Protocol

Grete KuglerWebdesign - Teil14 Software Hypertext Markup Language Textdatei  Editor –Texteditor –WISIWIG - Editor –Mischformen Entwicklungswerkzeuge Dreamweaver, Frontpage, GoLive,...

Grete KuglerWebdesign - Teil15 HTML Dokument ASCII-Datei mit Text und Metasymbolen (Tag) Tags treten i.A. paarweise auf Dieser Text ist fett Aufbau –Dokumentendeklaration –Header mit Titel –Textkörper (body)

Grete KuglerWebdesign - Teil16 Beispiel Willkommen! Hier folgt der eigentliche Inhalt

Grete KuglerWebdesign - Teil17 Kommentare, Entities Umlaute und Sonderzeichen werden durch Entities maskiert: Sonderz.EntitySonderz.Entity <<ßß &&ÄÄ ""©©

Grete KuglerWebdesign - Teil18 Formatierungen LineBreak, kein Ende-Tag weitere align-Werte: "right" "center" "justify"

Grete KuglerWebdesign - Teil19 Horizontale Linien –align: right / left / center –size: Größe in Pixel –width: Länge in Pixel oder % der Fensterbreite –color: Farbe als RGB-Wert

Grete KuglerWebdesign - Teil110 Textattribute bold italic unterstrichen strike hoch tief Text bold italic unterstr. strike hoch tief Text

Grete KuglerWebdesign - Teil111 Weitere Textattribute relativ größere Schrift relativ kleinere Schrift dicktengleiche Schrift Basisfont: Times New Roman, 12pt, size=3

Grete KuglerWebdesign - Teil112 Überschriften Gliederung des Textes durch Überschriften 6 Ebenen, jede Ebenen hat ihren vordefinierten Font Größter Font... Kleinster Font

Grete KuglerWebdesign - Teil113 Links Verweise von einer Stelle eines Dokumentes zu einer anderen Stelle des gleichen oder eines anderen Dokumentes. Link = Hyperlink = Weblink 2 Seiten (Anker = anchor) und eine Richtung

Grete KuglerWebdesign - Teil114 Link - Beispiel Kapitel 1 Abschnitt 1 Abschnitt 2

Grete KuglerWebdesign - Teil115 Kapitel 1

Grete KuglerWebdesign - Teil116 Abschnitt 1

Grete KuglerWebdesign - Teil117 Abschnitt 2

Grete KuglerWebdesign - Teil118 Kapitel 1 Hier steht die Einleitung von Kapitel 1 Abschnitt 1 Hier steht alles zu Abschnitt 1 Abschnitt 2 Hier steht alles zu Abschnitt 2

Grete KuglerWebdesign - Teil119 Abschnitt 1 Hier steht alles zu Abschnitt 1 Abschnitt 2 Hier steht alles zu Abschnitt 2

Grete KuglerWebdesign - Teil120 Abschnitt 2 Hier steht alles zu Abschnitt 2

Grete KuglerWebdesign - Teil121 Kapitel1.html... Hier steht die Einleitung von Kapitel 1. Abschnitt 1 Hier steht alles zu Abschnitt 1 Abschnitt 2 Hier steht alles zu Abschnitt 2...

Grete KuglerWebdesign - Teil122 URL URL: protokoll://hostname/directoryname/filename#marke protokoll: Zugriffsart –http-ftp –mailto-news –file hostname: directoryname/filename: Datei, die angezeigt wird marke: Stelle innerhalb der Datei

Grete KuglerWebdesign - Teil123 absoluter/ relativer URL –Der absolute URL gibt die komplette Adresse an, vom Protokoll bis allenfalls zu Marke –Der relative URL geht von der Position im Directorybaum der angezeigten Datei aus. –../datei datei befindet sich im übergeordneten Directory –/directory/datei datei befindet sich im untergeordenten Directory

Grete KuglerWebdesign - Teil124 Menue.html Kapitel 1 Abschnitt 1 Abschnitt 2