Interne Verweise = Links innerhalb eines Homepage-Projekts
|
|
- Dieter Schumacher
- vor 7 Jahren
- Abrufe
Transkript
1 Allgemeines zu Verweisen Verweise sind ein entscheidender Bestandteil jedes Hypertext-Projekts und der "intelligente Mehrwert" des World Wide Web. Mit Hilfe von Verweisen strukturieren Sie Ihr Projekt! Wichtig ist in allen Fällen ein aussagekräftiger Verweistext. Schlecht ist: zurück (wohin eigentlich?) Besser ist: zurück zur Einstiegsseite (ah ja!) Verweise lenken die Aufmerksamkeit des Anwenders sofort auf sich. Wenn Sie Verweise mitten im Text notieren, sollten Sie als Verweistext inhaltlich beschreibende Wörter anbieten, keine Wörter ohne Inhalt Schlecht ist: Für weitere Information klicken Sie hier (worum geht es "hier" eigentlich?) Gut ist: Weitere Information können Sie ebenfalls aufrufen (ah ja!) Alle Verweise in HTML haben einen einheitlichen Aufbau, egal ob sie zu einem Verweisziel in der gleichen Datei, zu einer anderen Datei im eigenen Projekt, zu einer beliebigen WWW-Adresse oder zu einer beliebigen Datei eines anderen Dateityps im Internet oder lokal auf dem eigenen Rechner führen. Externe Verweise = Links ins WWW Beispiele: <a href=" Schule am Königsweg</a> <a href=" Newsticker</a> Für Verweise in HTML gibt es das a-element (a = anchor = Anker). Damit jedoch ein Verweis aus diesem Element wird, ist das Attribut <a href= erforderlich (href = hyper reference = Hyper(text)-Referenz). Als Wert an das href-attribut weisen Sie das gewünschte Verweisziel zu. Als Inhalt des a-elements, also zwischen <a> und </a>, notieren Sie den Text, der dem Anwender als Verweis angeboten wird (bei den meisten Web-Browsern andersfarbig, meist unterstrichen). Interne Verweise = Links innerhalb eines Homepage-Projekts Diese Form der relativen Adressierung ist innerhalb von Web-Projekten sehr zu empfehlen. Der Grund ist, dass Sie das Web-Projekt auf diese Weise problemlos an eine andere Adresse verschieben können, und trotzdem funktionieren noch alle projektinternen Verweise und Grafikreferenzen. Gerade wenn Sie Ihr Projekt auch mal auf CD-ROM oder anderen Medien veröffentlichen wollen, ist die relative Adressierung ein muss. Beispiele: farben.htm bilder/grafik.gif../../../../../woanders/datei.htm Eine Datei im gleichen Verzeichnis wie dem aktuellen können Sie einfach durch Angabe des Dateinamens referenzieren. Eine Angabe wie bilder/grafik.gif referenziert eine Datei namens grafik.gif im Verzeichnis bilder, das ein Unterverzeichnis des aktuellen Verzeichnisses ist. Mit../ referenzieren Sie das Verzeichnis über dem aktuellen Verzeichnis, egal wie es heißt. Mit../../ referenzieren Sie das Verzeichnis über dem Verzeichnis über dem aktuellen Verzeichnis usw. Die Welt der Links Seite 1 von 1
2 Aufgaben zum Teil externe Links: 1. Was ist hier falsch? <a Phase 5</a> <a href = > 2. Formulieren Sie einen Link zu den Kieler Nachrichten Aufgaben zum Teil interne Links: Ihr Projekt hat folgende Ordnerstruktur bilder persoenlich unterricht schule html wandertag privat 1. Im Hauptordner(=Hauptverzeichnis) liegt Ihre Startdatei für Ihre Homepage: index.html Was passiert bei a) <a href= test.html >Test</a> b) <a href= /privat/test.html >Test</a> c) <a href= /schule/html/test.html >Test</a> d) <a href= /wandertag/schule/test.html >Test</a> 2. In der Datei uebung.html, die sich im Unterordner html befindet, stehen folgende Tags. a) <a href= test.html >Test</a> b) <a href=../test.html >Test</a> c) <a href=../../test.html >Test</a> d) <a href=../../bilder/test.html >Test</a> 3. Ihre Datei befindet sich im Hauptverzeichnis. a) Sie wollen ein Bild aus dem Ordner bilder einbinden. b) Sie wollen ein Bild aus dem Ordner persoenlich einbinden. c) Sie wollen ein Bild aus dem Ordner unterricht einbinden. 4. Ihre Datei befindet sich im Ordner privat. a) Sie wollen ein Bild aus dem Ordner bilder einbinden. b) Sie wollen ein Bild aus dem Ordner persoenlich einbinden. c) Sie wollen ein Bild aus dem Ordner unterricht einbinden Die Welt der Links Seite 2 von 2
3 Verweise innerhalb einer Datei = Anker definieren und Verweise zu Ankern Sie können innerhalb einer HTML-Datei Anker definieren. Dann können Sie Verweise zu solchen Ankern setzen, um einen Sprung genau an die Ankerstelle innerhalb der Datei zu veranlassen. Der Verweis kann in der gleichen Datei stehen. Dann wird einfach ein Sprung innerhalb der angezeigten Seite ausgeführt. Der Verweis kann aber auch in einer anderen Datei stehen. Dann wird die Zieldatei geladen, und der Browser springt, sobald er die Stelle mit dem Anker geladen hat, an die entsprechende Stelle innerhalb der Datei. 1. Anker definieren: <a name="kap02">info(kann aber auch leer bleiben)</a> 2. Link zum Anker: <a href="#kap02">hase und Igel</a> (Anker ist in der gleichen Datei) <a href="index.html#kap02">katze</a> (Anker ist in der Datei index.html) d.h. erst wird die Datei index.html geöffnet und dann springt der Browser zu dem. definierten Anker, kap02. index.html Quelltest:... <a href="index.html#kap02">katze</a>... <a name="kap02"> Info </a>. Browser: xxxxx Katze dddddxx Ein Beispiel können Sie sich anschauen unter: siehe im Kapitel: wir blicken zurück Info xvcvxcvxcvx xvcxv xcvxcv xvcvxcv xcvx cvxcv Ein Anker wird genau wie ein Verweis mit Hilfe des a-elements erzeugt. Der Unterschied besteht darin, dass kein Attribut href= notiert wird, sondern stattdessen ein Attribut name=. Ein kompletter Anker sieht also so aus: <a name="ankername">...</a> Den Ankernamen können Sie frei vergeben. Vergeben Sie keine zu langen Namen. Namen dürfen keine Leerzeichen und keine deutschen Umlaute enthalten. Das erste Zeichen muss ein Buchstabe sein. Danach sind auch Ziffern erlaubt. Benutzen Sie als Sonderzeichen im Namen höchstens den Unterstrich (_), den Bindestrich (-), den Doppelpunkt (:) oder den Punkt (.). Was Sie zwischen <a name="ankername"> und </a> als Inhalt notieren, ist das Sprungziel für Verweise, die zu diesem Anker führen. Es ist durchaus erlaubt, einen leeren Anker zu notieren, also <a name="ankername"></a>. Einige ältere Browser führen Verweise zu leeren Ankern jedoch nicht aus, weshalb es besser ist, den Anker immer um einen konkreten Inhalt zu setzen. Um innerhalb einer Datei einen Verweis zu einem in der Datei vorhandenen Anker zu notieren, gilt folgendes Schema: <a href="#ankername">verweistext</a>. Das Verweisziel beginnt also mit einem Gatterzeichen #, unmittelbar gefolgt vom Ankernamen. Wenn der Verweis zu einem Anker in einer anderen Datei führen soll, wird zuerst die Datei adressiert. Hinter dem Dateinamen folgt das Gatterzeichen # und dahinter der Ankername. <a href="../projektintern.htm#anker">anker definieren und Verweise zu Ankern</a> Die Welt der Links Seite 3 von 3
4 Zielfenster für Verweise bestimmen Per Voreinstellung werden alle Verweise im aktuellen Fenster geöffnet. Bei einzelnen Verweisen können Sie jedenfalls unabhängig davon entscheiden, ob ein Verweisziel im aktuellen Browserfenster ausgegeben werden soll, oder ob ein neues Fenster dafür geöffnet werden soll. Bei Verweisen zu fremden Web-Angeboten kann es beispielsweise sinnvoll sein, das Verweisziel in einem neuen Fenster zu öffnen. So braucht der Anwender das eigene Web-Angebot nicht verlassen, sondern bekommt das andere Angebot einfach in einem neuen Fenster angezeigt. Die Seite Ihres Angebots mit dem Verweis bleibt in einem Fenster im Hintergrund erhalten. <html> <head> <title>text des Titels</title> </head> <body> <a href=" target="_blank">schule</a> </body> </html> Mit dem Attribut target= im einleitenden <a>-tag können Sie ein Zielfenster für den Verweis festlegen. Wenn Sie den Verweis in einem neuen Fenster öffnen wollen, weisen Sie bei target den Wert _blank zu (mit dem Unterstrich am Anfang!). Weitere mögliche Wertzuweisungen an target= sind: _self, um den Verweis im aktuellen Fenster zu öffnen, _parent, um bei verschachtelten Framesets das aktuelle Frameset zu sprengen, _top, um bei verschachtelten Framesets alle Framesets zu sprengen, sowie ein beliebiger Fenstername, der in einem Frameset definiert ist. Beachten Sie: Anstelle von target="_blank" können Sie auch target="halligalli" oder sonst irgendeinen Unsinn notieren. Wenn es kein Fenster mit diesem Namen gibt, öffnen die Web-Browser das Verweisziel in einem neuen Browser-Fenster. Die Welt der Links Seite 4 von 4
5 Verweise optisch gestalten mit CSS Wenn Sie nichts anderes angeben, erhalten Verweise bei der Darstellung die im Browser voreingestellten Farben, z.b. blau für Verweise zu noch nicht besuchten Seiten, und violett für Verweise zu bereits besuchten Seiten. Um dateiweit eigene Verweisfarben zu bestimmen, können Sie die Attribute verwenden, die im Abschnitt Farben für Text und Verweise beschrieben werden. Darüber hinaus gibt es aber die Möglichkeit, Verweise mit Hilfe von CSS individueller zu gestalten. Unter anderem ist es auch möglich, die meist voreingestellte Unterstreichung des Verweistextes zu unterdrücken. <html> <head> <style type="text/css"> <!-- a:link { text-decoration:none; font-weight:bold; color:#e00000; } a:visited { text-decoration:none; font-weight:bold; color:#800000; } a:hover { text-decoration:none; font-weight:bold; background-color:#ffff00; } a:active { text-decoration:none; font-weight:bold; background-color:#ccffff; } --> </style> <title>text des Titels</title> </head> <body> </body> </html> Das Beispiel arbeitet mit CSS Stylesheets. Dazu ist im Dateikopf der HTML-Datei ein eigener zentraler Bereich zum Definieren von CSS-Formaten notiert (<style>...</style> Der vielfache Wunsch von Web-Designern, die Unterstreichung des Verweistextes zu unterdrücken, wird durch die CSS-Angabe text-decoration:none erzielt (text-decoration:underline würde übrigens die Voreinstellung, also unterstrichenen Verweistext bewirken). Weitere im Beispiel verwendete Formatdefinitionen sind fontweight:bold; (fette Schrift) sowie Angaben zur Farbe (color:) und zur Hintergrundfarbe (background-color:). Was im obigen Beispiel auffällt, ist, dass für insgesamt vier "Verweistypen" CSS-Formate definiert werden. Mit a:link sind Verweise zu noch nicht besuchten Seiten gemeint, mit a:visited Verweise zu bereits besuchten Seiten, mit a:hover Verweise, während der Anwender mit der Maus über den Verweistext fährt, und mit a:active Verweise, wenn sie angeklickt werden oder sind. Noch geschichter ist es, die CSS-Definitionen in einer eigenen Datei zu speichern. Dann werden alle Links Ihres Projektes wie gewünscht dargestellt und.. wenn Sie mal etwas verändern wollen, dann brauchen Sie dieses nur in einer Datei zu machen. Quelle: Die Welt der Links Seite 5 von 5
Grundlagen-Beispiel CSS
Grundlagen-Beispiel CSS Öffne im Ordner 2.css.uebung die vorhanden Dateien index.html und erstelle eine neue CSS-Datei mit dem Namen bildschirm.css. Füge im Bereich folgende Verlinkung ein:
MehrMeine erste Website. Sehen und Können
Meine erste Website Sehen und Können Christian Wenz Tobias Hauser 82 Seiten verlinken Auf diese Datei wird verlinkt. A B C Erstellen Sie zwei HTML-Seiten und speichern Sie sie unter den Namen seite1.html
MehrE-Commerce: IT-Werkzeuge. Web-Programmierung. Kapitel 3: Webdesign mit CSS Stand: Übung WS 2015/2016. Benedikt Schumm M.Sc.
Übung WS 2015/2016 E-Commerce: IT-Werkzeuge Web-Programmierung Kapitel 3: Stand: 30.10.2015 Benedikt Schumm M.Sc. Lehrstuhl für ABWL und Wirtschaftsinformatik Katholische Universität Eichstätt-Ingolstadt
MehrHTML - Grundbegriffe. Informatik 1 für Nebenfachstudierende Grundmodul. Kai-Steffen Hielscher Folienversion: 23. November 2016
Informatik 1 für Nebenfachstudierende Grundmodul HTML - Grundbegriffe Kai-Steffen Hielscher Folienversion: 23. November 2016 Informatik 7 Rechnernetze und Kommunikationssysteme Inhaltsübersicht Kapitel
MehrHyperlinks, Navigation, Pfade
Tutorium Hyperlinks, Navigation, Pfade 30. Juni 2004 Martin Stricker martin.stricker@rz.hu-berlin.de Hyperlinks Hyperlinks sind Verknüpfungen zu Adressen (URL's) im Internet Links (Menüpunkte), mit denen
MehrHTML Texte und Verweise
Informatik 1 für Nebenfachstudierende Grundmodul HTML Texte und Verweise Kai-Steffen Hielscher Folienversion: 23. November 2016 Informatik 7 Rechnernetze und Kommunikationssysteme Inhaltsübersicht Kapitel
MehrWebdesign im Tourismus
Übung Prof. Dr. Markus Landvogt Zur Vorlesung 2.3. Feinheiten in Jimdo 2.4. HTML in Jimdo 03 HTML - GRUNDLAGEN DER ERSTELLUNG VON WEBSEITEN 3.1 Aufbau einer Seite in HTML 3.2 HTML in Jimdo WEB 03 1 2.3.
MehrSeiten und Inhalte verlinken
Seiten und Inhalte verlinken 70 Seiten verlinken Erstellen Sie zwei HTML-Seiten und speichern Sie sie unter den Namen seite.html und seite.html. Fügen Sie in seite.html ein -tag ein, um auf Seite zu
Mehr1 Definition der Selektoren Einbinden der CSS 3 Möglichkeiten Farbangaben Schriftformatierung Abstände...
CSS GRUNDLAGEN 1 Definition der Selektoren... 2 2 Einbinden der CSS 3 Möglichkeiten... 2 3 Farbangaben... 4 4 Schriftformatierung... 4 5 Abstände... 4 6 Box Modell... 5 7 Links... 5 8 Eigene Klasse definieren...
MehrKennen, 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
MehrInhaltsverzeichnis. Florian Bauer CSS Seite 2 von 10
CSS Inhaltsverzeichnis Gestaltung mit CSS... 3 CSS einbinden... 3 On the fly... 3 Im Header... 3 In einer externen Datei... 3 Aufbau einer CSS Anweisung... 4 Wichtige CSS Eigenschaften... 4 Pseudoelemente...
MehrRichtlinien für das Design der KML Webseite. KML TP2, Informationsdienste
Richtlinien für das Design der KML Webseite KML TP2, Informationsdienste Inhaltsverzeichnis 1. Einleitung...1 2. Textgestaltung...1 2.1. Absätze...1 2.2. Überschriften...2 2.3. Grafiken...2 3. Besondere
Mehr[Arbeiten mit dem Nvu Composer]
Eine neue Seite erstellen Beim Start des Composers steht automatisch eine neue Composer-Seite zur Verfügung, die direkt verwendet werden kann. Über Datei > Neu > Composer-Seite kann jederzeit eine neue
MehrInhalt HTML 2. Applets Frames Formulare CSS cascading style sheets. Lehrveranstaltung Internet in AT Dr.-Ing. A. Braune TECHNISCHE UNIVERSITÄT DRESDEN
Inhalt HTML 2 Applets Frames Formulare CSS cascading style sheets SS 06 1 Applets Das Applet Java Applets sind kleine Java-Programme mit deren Hilfe aktive Webseiten erstellt werden können. werden mit
MehrDreamweaver Arbeiten mit HTML-Vorlagen
Publizieren auf dem NiBiS Kersten Feige Nicole Y. Männl 13.11.2002, 8.30-13.00 Uhr 19.11.2002, 8.30-13.00 Uhr Dreamweaver Arbeiten mit HTML-Vorlagen Voraussetzungen zum Arbeiten mit HTML-Vorlagen Starten
MehrAllgemeine Technologien II Wintersemester 2011 / November 2011 CSS
Allgemeine Technologien II Wintersemester 2011 / 2012 28. November 2011 CSS Themen 28.11.2011 Cascading Style Sheets CSS CSS einbinden Inline-Styles CSS im Dokumentkopf Externe Stylesheets Konzepte Typen-,
MehrWert. { color: blue; }
CSS im Überblick HTML wurde vom W3C entwickelt, um die Inhalte einer Webseite zu gliedern und zu strukturieren. In HTML wird festgelegt, ob ein Textinhalt bspw. dies ist eine Überschrift oder
MehrCSS - Cascading Style Sheets
CSS - Cascading Style Sheets HTML ist die Struktur, CSS ist das Design Eigenschaften von CSS: Definitionssprache zur Festlegung von Formateigenschaften von HTML-Elementen und/oder ganzer Seiten für unterschiedliche
MehrDateien verwalten (Bilder, Dokumente, Medien)
17 Dateien verwalten (Bilder, Dokumente, Medien) Bilder und Dokumente können Sie im Funktionsmenü unter Dateiliste verwalten. Alle Bilder und Dokumente, die Sie in Ihren Baukasten hochgeladen haben, werden
MehrHTML. HyperText Markup Language. von Nico Merzbach
HTML HyperText Markup Language von Nico Merzbach Kapitel 1 Was ist HTML? Was ist HTML? Einführung: HTML ist eine (Hypertext-)Auszeichnungssprache. Mit Hilfe von HTML strukturiert man Inhalte wie Text,
MehrHTML - Die Sprache des Internets. Grundlagen und Kurzprojekt
- Die Sprache des Internets Grundlagen und Kurzprojekt aus der Presse: Definition : Hypertext Markup Language Sprache des WWW definiert: Text- und Absatzformate Links Bild- und Tonelemente Farben offener
MehrKAPITEL 3. Seiten verknüpfen und aufrufen. jetzt lerne ich. 3.1 Hyperlinks erstellen
KAPITEL 3 Seiten verknüpfen und aufrufen jetzt lerne ich Der wichtigste Baustein zum Erfolg des Internets sind Hyperlinks. Sie bewirken, dass Sie mit einem Mausklick eine Seite am anderen Ende der Welt
MehrAllgemeine Technologien II Sommersemester Mai 2011 CSS
Allgemeine Technologien II Sommersemester 2011 02. Mai 2011 CSS Kursthemen Designparadigmen Framesets Tabellenbasierte Layouts -basierte Layouts: CSS & Co. Cascading Style Sheets CSS CSS einbinden
MehrDigitale Medien. Übung
Digitale Medien Übung Pfadangaben Pfadangaben sind relevant für Bilder, Verweise, Medienobjekte per URL: Protokoll : / lokalernetzwerkname / Hostname : Port / Pfad http://www.mimuc.de/ http:/arbeitsgruppe/www.mimuc.de:8080
MehrWas ist ein Frame? Frames teilen Browser-Fenster in rechteckige Bereiche. Mehrere Web-Seiten können. Web-Seite wird langsamer geladen
Was ist ein Frame? Frames teilen Browser-Fenster in rechteckige Bereiche. Mehrere Web-Seiten können gleichzeitig angezeigt werden unabhängig voneinander gesteuert werden Web-Seite wird langsamer geladen
MehrZeile 3-7: Der Kopf der HTML-Datei. Hier werden unsichtbare Einstellungen für das ganze Dokument vorgenommen.
Inhalt: Grundgerüst, Tags, Zeichensatz, Meta-Tags, Farben 1 2 3 4 titel der Datei 5 6
MehrWir studieren HTML-Tags
Abb. 1: Word-Dokument Abb. 2: Das Dokument aus Abb. 1 mit einem Editor betrachtet Wir studieren HTML-Tags Wenn man ein Word-Dokument wie in Abb. 1 mit einem Editor anschaut, erkennt man den Quelltext des
MehrHTML Cascading Style Sheets
Informatik 1 für Nebenfachstudierende Grundmodul HTML Cascading Style Sheets Kai-Steffen Hielscher Folienversion: 12. Dezember 2016 Informatik 7 Rechnernetze und Kommunikationssysteme Inhaltsübersicht
MehrBedienfelder. Bedienfeld Einfügen
DER DREAMWEAVER BILDSCHIRM: Titelleiste Menüleiste Symbolleiste Bedienfelder Eigenschafteninspektor Statuszeile Bedienfeld Einfügen DAS DOKUMENTFENSTER: DER EIGENSCHAFTENINSPEKTOR: Der Eigenschafteninspektor
MehrHyperlinks. Auf eine Seite, die möglicherweise weit entfernt zu lokalisieren ist. Pfeil der Maus wird zu einer Hand über einem Hyperlink.
Hyperlinks Hyperlinks = Querverweise im Internet: Auf Textabschnitt der eigenen Web-Seite Auf eine Seite, die möglicherweise weit entfernt zu lokalisieren ist Pfeil der Maus wird zu einer Hand über einem
MehrÜbung: Bootstrap - Navbar
Übung: Bootstrap - Navbar Angaben befinden sich im Ordner: 5_Übung_nav. Darin befinden sich die Bootstrap-Ordner und die dazu passende index.html, die bereits die Links zu den Ordnern enthält. Aufgabe:
MehrLegen Sie auf ihrem Home-Verzeichnis zwei neue Verzeichnisse mit dem Namen an: Irfan-Bilder und Fotoshow.
IrfanView A Vorarbeiten Legen Sie auf ihrem Home-Verzeichnis zwei neue Verzeichnisse mit dem Namen an: Irfan-Bilder und Fotoshow. B Voreinstellungen 1. Starten Sie IrfanView. 2. Klicken Sie im Menü Optionen
MehrFormat- oder Stilvorlagen
Vorraussetzung Sie sollten Grundkenntnisse der HTML-Sprache besitzen, um die Ausbildungseinheit Formatvorlagen, auch Stilvorlagen genannt, ohne Probleme verstehen zu können. Ist dies nicht der Fall, empfehlen
MehrEin Link auf ein PDF-Dokument <a href= > Zusammenfassung zum </a>
Links und Navigation In einem Buch kommt man von einer zur nächsten Seite durch Umblättern. Im Internet übernehmen diese Aufgabe die Hyperlinks. Im Gegensatz zum Buch können Hyperlinks auf jede beliebige
MehrWie lege ich eine neue Standardseite an?
Referat VI.5 Internetdienste Wie lege ich eine neue Standardseite an? Legen Sie einen neuen Ordner an Klicken Sie den Ordner an, unter dem Sie die neue Standardseite anlegen möchten. Legen Sie über Datei
MehrMit ihrem CMS-System haben sie folgende Möglichkeiten:
Mit ihrem CMS-System haben sie folgende Möglichkeiten: ALLES ÜBER TEXT Text anlegen Klicken sie auf NEUEN TEXT. Ein Formularbereich öffnet sich. Um Text einzugeben, klicken sie einfach in den leeren Formularbereich
MehrWorkshop Mit Bildern und Links arbeiten. 3.1 Auf der CD-ROM... Das eigene Web mit HTML, CSS und JavaScript ISBN
Workshop 3 Das eigene Web mit HTML, CSS und JavaScript ISBN 3-8272-6306-9 3.0 Mit Bildern und Links arbeiten Wenn man danach fragt, was das World Wide Web ausmacht, erhält man viele verschiedene Antworten.
MehrClubsite4Fun Administration:
Clubsite4Fun Administration: Farben und Schriftarten ändern Unser Fansite-Projekt macht Fortschritte: die Site präsentiert sich bereits mit neuer Kopfzeilengraphik und einem eigenen Logo. Irgendwie passt
Mehr1. Installation und deutsche Sprach-Einstellung
1. Installation und deutsche Sprach-Einstellung Bitte rufen Sie folgende Adresse auf. Dort finden Sie den Download: http://web.uvic.ca/hrd/halfbaked/ Momentan (März 2002) aktuell ist die Version 5.3. Bitte
MehrHTML & CSS. GIMP > Bild > Bild skalieren Unter diesem Menüpunkt kannst du die Bildgröße verändern. Beachte die Bildproportionen
Übung 1 HTML & CSS Bildbearbeitung in Hinblick auf HTML. Dateinamen von Bildern: nur Kleinbuchstaben ohne Umlaute und Sonderzeichen BSP: auto.jpg fruehling.jpg bild_01.jpg Lehrziel: Bilder auf Ansichtsbasis
MehrInhalte mit DNN Modul HTML bearbeiten
Einführung Redaktoren Content Management System DotNetNuke Inhalte mit DNN Modul HTML bearbeiten DotNetNuke Version 6+ w3studio GmbH info@w3studio.ch www.w3studio.ch T 056 288 06 29 Letzter Ausdruck: 14.09.2012
MehrDML Befehl: UPDATE II
HTML HTML-Datei HTML-Datei: Textdatei, die tags enthält Die Tags zeigen dem Webbrowser an, wie die Seite anzuzeigen ist Eine HTML Datei muss eine htm oder html Endung haben Eine HTML Datei kann man mit
MehrUnterschied zwischen HTML & XHTML?
Tutorium Webdesign von Maria Lechner Unterschied zwischen HTML & XHTML? HTML HyperText Markup Language (Hypertext-Auszeichnungssprache) SGML-basierte HTML XHTML Extensible HyperText Markup Language (erweiterbare
MehrComputergrundlagen HTML Hypertext Markup Language
Computergrundlagen HTML Hypertext Markup Language Axel Arnold Institut für Computerphysik Universität Stuttgart Wintersemester 2014/15 Ausgabemedien und Beschreibungssprachen Papier: L A T E X feste Seitengröße
MehrErgänzungen zum HTML - Grundkurs
Ergänzungen zum HTML - Grundkurs Ein HTML - Dokument besteht grundsätzlich aus zwei Teilen; HEADER (Kopf, enthält allg. Angaben zu Titel und ähnlich) BODY (Körper, enthält den eigentlichen Text mit Überschriften,
MehrAuf die Mischung kommt es an
Auf die Mischung kommt es an Sie können XML, HTML oder auch JavaScript beliebig in einem Dokument kombinieren. Hierbei müssen Sie lediglich entscheiden, was in Ihrem Dokument die höchste Priorität hat.
MehrMeine Fakultät. Alumni-Portal HTML-Seiten im Portal Seite 1 von 8
Alumni-Portal HTML-Seiten im Portal Seite 1 von 8 Meine Fakultät Auf Wunsch wird jedem Fachbereich ein eigener Reiter im Alumni-Portal eingerichtet. Diese Seite bzw. die Unterseiten können Sie nach Wunsch
MehrDateimanagement Laden Sie die folgende ZIP-Datei auf Ihren Desktop herunter (Tippen Sie die Adresse genau wie untenstehend ab, ansonsten können Sie die ZIP-Datei nicht herunterladen: http://www.thinkabit.ch/content/1-kurse/4-kurs-ika/ecdl_m2_testdateien.zip
Mehr1. Briefing zur Übung IT-Systeme
1. Briefing zur Übung IT-Systeme - Einführung in HTML, CSS und JavaScript Einführung, 17.10.2016, HS 4 17. Oktober 2017 Stand und Ausblick Einführung: 17.10.2017, 12.00 Uhr (c.t.), HS 4 Fragestunde: 06.11.2017,
MehrEine Schnelleinführung in CSS
Eine Schnelleinführung in CSS Michael Dienert 11. September 2013 Inhaltsverzeichnis 1 Was ist CSS? 1 2 Verwenden der CSS-Stylesheets 2 3 Struktur eines CSS-Stylesheets 2 4 Selektoren im Detail 3 4.1 Verwandschaftsbeziehungen:
MehrErstellen eines neuen Dokumentes
Seite 1 Erstellen eines neuen Dokumentes 1. Login in das CMS... 1 2. Aufrufen eines neuen Dokumentes... 1 3. Bearbeiten eines neuen Dokumentes... 2 3.1 Eigenschaften... 2 3.1.1 Pfad... 2 3.1.2 Dokument...
MehrAngewandte 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?
MehrHTML 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
MehrDies ist der zweite Artikel einer Serie über Electron.
Electron WebDeskApps Dies ist der zweite Artikel einer Serie über Electron. Im ersten Artikel wurden die Grundlagen von Elektron, und die benötigten Ressourcen, die man benötigt um eine Elektron-App zu
MehrSo einfach geht es Unterlagen zur Einführung in das Internet/Intranet-Redaktionssystem der Kliniken MTK Stand: , Bjoern Koester
So einfach geht es mit @it Unterlagen zur Einführung in das Internet/Intranet-Redaktionssystem der Kliniken MTK Stand: 10.05.2011, Bjoern Koester Das @it-system... ist ein Content Management System (CMS)
MehrIndiware Unterrichtsplaner
Indiware Unterrichtsplaner Handreichung zum Modul Indiware online und Indiware mobil Stundenplan online Vertretungsplan online Indiware mobil App VpMobil Stand: 30.11.2017 Kannenberg Software GmbH Nonnenbergstr.
MehrALLGEMEINES WOMIT KANN ICH WEBSITES ERSTELLEN?
HTML AG INHALT Allgemeines... 2 Womit kann ich Websites erstellen?... 2 Grundgerüst von HTML... 3 Tags und Attribute... 3 Links... 4 Links auf andere Seiten... 4 Bilder... 5 meta-tags... 5 Webseiten mit
MehrKennen, können, beherrschen lernen was gebraucht wird
Mit Namen arbeiten Namen vergeben Insbesondere bei umfangreichen, komplexen Formeln und Funktionen werden die Koordinaten schnell sehr unübersichtlich Durch die Vergabe von Namen für die Zellen und Zellbereiche
MehrWebdesign-Multimedia HTML und CSS
Webdesign-Multimedia HTML und CSS Thomas Mohr 1 HTML 1.1 Was ist HTML? HTML steht für Hypertext Markup Language und ist eine Auszeichnungssprache zur Strukturierung digitaler Dokumente. HTML-Dokumente
MehrIntroduction to Technologies for Interaction Design. Stylesheets
Introduction to Technologies for Interaction Design Stylesheets Syntax Selektor und Eigenschaften Selektor bezieht sich auf ein HTML-Element ID-Selektoren dürfen in jeder HTML-Datei nur einmal vorkommen
MehrRegistrierung als Redakteur/-in für das Mitteilungsblatt der Verbandsgemeinde Dierdorf
Registrierung als Redakteur/-in für das Mitteilungsblatt der Verbandsgemeinde Dierdorf Sie benötigen grundsätzlich nur einen aktuellen Browser vorzugsweise Mozilla Firefox ab Version 52. Andere Browser
Mehr33 CSS in HTML einbinden
D3kjd3Di38lk323nnm 256 33 CSS in HTML einbinden Damit CSS auf HTML wirken kann, muss eine Verknüpfung hergestellt werden. Dafür stehen verschiedene Möglichkeiten zur Verfügung, die in diesem Kapitel beschrieben
MehrErstellen einer News
Seite 1 Erstellen einer News 1. Login in das CMS... 1 2. Alte News prüfen... 1 3. Aufrufen eines neuen Dokumentes... 2 3.1 Voreinstellungen... 2 3.2 Eigenschaften... 2 3.2.1 Pfad... 2 3.2.2 Dokument...
MehrHIT-Projektwebseite mit Expression Web
HIT-Projektwebseite mit Expression Web 1. Download der Musterwebseite vom Mechatronikwelt GoogleDrive. Zu finden im Ordner Musterweb18. ZIP Datei Musterweb18 herunterladen und im gewünschten Verzeichnis
Mehrlogin/script login/news Ausloggen Login PHP SCRIPT SCRIPT Level Registrieren Anmelden Administrator Verwaltung Script Einloggen Abmelden User
hinnendahl. hinnendahl. Mitgliedersysteme Ausloggen Mitgliedersystem Verwaltung Level Script Verwalten Einloggen Abmelden Registrieren Geschützt User login/script System System V1 V1 login/news Hilfreiche
MehrDas Einsteigerseminar Macromedia Dreamweaver 4
Achim Beiermann Volker Hinzen Das Einsteigerseminar Macromedia Dreamweaver 4 ^ # 1.1 Das Internet 1.2 Das World Wide Web 1.3 Browser 1.4 Macromedia Dreamweaver Systemvoraussetzungen Dreamweaver starten
MehrFunktionen in JavaScript
Funktionen in JavaScript Eine Funktion enthält gebündelten Code, der sich in dieser Form wiederverwenden lässt. Mithilfe von Funktionen kann man denselben Code von mehreren Stellen des Programms aus aufrufen.
MehrTiscover CMS 7. Neuerungen im Vergleich zu Tiscover CMS 6
Tiscover CMS 7 Neuerungen im Vergleich zu Tiscover CMS 6 Inhaltsverzeichnis An- und Abmeldung im Tiscover CMS 7... 3 1. Anmeldung... 3 2. Abmeldung... 3 Bereiche der Arbeitsoberfläche von Tiscover CMS
MehrKAPITEL 3. Seiten verknüpfen und aufrufen. jetzt lerne ich. 3.1 Hyperlinks erstellen
KAPITEL 3 Seiten verknüpfen und aufrufen Der wichtigste Baustein zum Erfolg des Internets sind Hyperlinks. Sie bewirken, dass Sie mit einem Mausklick eine Seite am anderen Ende der Welt aufrufen oder einen
Mehr1 Verwendung bestehender Zellinhalte aus anderen Tabellen bzw. Mappen
1 1 Verwendung bestehender Zellinhalte aus anderen Tabellen bzw. Mappen 1.1 Verwendung von Zellinhalten über eine Zelladressierung Wurden Zellen aus anderen Mappen als Quellen adressiert reicht ein Öffnen
MehrDas Grundgerüst für ein HTML-Dokument sieht so aus:
Schuljahr 2013 2014 Projekt im Mathematisch-Naturwissenschaftlichen Profil Geschichte der Mathematik HTML - Internetpräsentation Klasse 8B M.Reuß Das Grundgerüst für ein HTML-Dokument sieht so aus:
MehrAnleitung für Benutzer
Anleitung für Benutzer Dieser Anhang ist für Benutzer (Level 3), die mit WordPress arbeiten. Zu jeder Seite der Administrationsoberfläche findest du hier eine kurze Erklärung. Viel Spass beim Bloggen!
MehrWie lege ich eine neue Person an?
Referat VI.5 Internetdienste Wie lege ich eine neue Person an? Legen Sie einen neuen Ordner an Klicken Sie im Ordner "Personen" die Kategorie an, in der Sie eine neue Person anlegen möchten. Legen Sie
MehrVorbereitung Termin 4
Vorbereitung Termin 4 Spezielle Links & Linkattribute 2 Ein Bild verlinken Das Ankerelement wird erst durch das Attribut href zum funktionierenden
MehrNavigationsmenü im Stil von Registern
Navigationsmenü im Stil von Registern Navigationsmenüs in Registeroptik erfreuen sich großer Beliebtheit. Wie man solche Menüs erstellt und welche Variationsmöglichkeiten es gibt, soll im Folgenden beschrieben
MehrWie lege ich eine neue Person an?
Referat VI.5 Internetdienste Wie lege ich eine neue Person an? Legen Sie einen neuen Ordner an Klicken Sie im Ordner "Personen" die Kategorie an, in der Sie eine neue Person anlegen möchten. Legen Sie
MehrDOKUMENTATION. CaptchaAd als Werbevariante. Einbindung in Ihrer Webseite. Die Schritte zur Integration des CaptchaAds im Einzelnen
CaptchaAd als Werbevariante Stand: 21. November 2016 Damit die Integration von CaptchaAd Ihnen noch leichter fällt, haben wir die notwendigen Schritte in diesem Leitfaden zusammen gefasst. Mit etwas Programmierkenntnissen
MehrAuf einer Seite werden maximal 10 Einträge angezeigt. Sind viele Einträge vorhanden, werden diese auf mehrere Seiten aufgeteilt.
Die Seitenverwaltung Mit einem Klick auf den Link Seitenverwaltung in der Navigationsleiste auf der linken Seite gelangen Sie zur Übersicht der Einträge in der Seitenverwaltung. Übersicht Auf einer Seite
MehrWie lege ich eine neue Person an?
Referat VI.5 Internetdienste Wie lege ich eine neue Person an? Legen Sie einen neuen Ordner an Klicken Sie im Ordner "Personen" die Kategorie an, in der Sie eine neue Person anlegen möchten. Legen Sie
MehrBenutzung der Browseranwendung für das Visualisieren und Erstellen von elektronischen Empfangsbekenntnissen
Benutzung der Browseranwendung für das Visualisieren und Erstellen von elektronischen Empfangsbekenntnissen Fassung vom 28. Dezember 2017 VERSION 1.0 Seite 1 Einführung Diese Anleitung enthält Hinweise
MehrDateimanagement Laden Sie die folgende ZIP-Datei auf Ihren Desktop herunter (Tippen Sie die Adresse genau wie untenstehend ab, ansonsten können Sie die ZIP-Datei nicht herunterladen: http://www.thinkabit.ch/content/1-kurse/4-kurs-ika/ecdl_m2_testdateien.zip
MehrInhalt. Vorwort 13. Einleitung 15. Für wen ist dieses Buch gedacht? 15 Zum Aufbau des Buchs Installation und erste Schritte 17
Inhalt Vorwort 13 Einleitung 15 Für wen ist dieses Buch gedacht? 15 Zum Aufbau des Buchs 16 1 Installation und erste Schritte 17 1.1 Die Installation von GoLive 5.0 17 Vor Beginn der Installation 17 Die
Mehr1 Einführung Die Sprachen HTML und XHTML Struktur einer HTML Seite Webseiten speichern... 2
HTML GRUNDLAGEN 1 Einführung.. 1 2 Die Sprachen HTML und XHTML. 1 3 Struktur einer HTML Seite 1 4 Webseiten speichern.. 2 5 Elemente für die Seitenstruktur 2 6 Seiten und Inhalte verlinken. 4 7 Sonderzeichen
MehrKennen, können, beherrschen lernen was gebraucht wird
Inhaltsverzeichnis Inhaltsverzeichnis... 1 Datei- und Ordnerverwaltung... 2 Eine Ordnerstruktur erstellen... 2 Regeln für die Vergabe von Namen... 2 So erstellen Sie Ordner... 2 Vorgehensweise beim Markieren
MehrInhaltsverzeichnis. myfiles Desktopanwendung Kurzanleitung
Inhaltsverzeichnis 1 Einführung zur myfiles Desktopoberfläche... 2 2 Installation des Desktopclients... 2 3 Ersteinrichtung des Desktopclients... 8 4 Funktionen des Desktopclients... 8 4.1 Funktionen über
MehrKEN, DTP, 07/ Produktion
KEN, DTP, 07/08 32 Produktion Siteverwaltung «Online» Siteverwaltung «Lokal» Sitestruktur Sämtliche Dateien einer (html, jpg, css), die am Ende der Produktion ins Internet gestellt werden, müssen in einem
MehrKurzanleitung MODx Raum für Wachstum GbR
Kurzanleitung MODx Raum für Wachstum GbR Inhaltsverzeichnis Anmeldung 1 Dokumentenbaum / Seitenstruktur 2 Seiten anlegen oder bearbeiten - Aktuelles Detailseite 3 Seiten anlegen oder bearbeiten - Aktuelles
MehrCSS - Cascading Stylesheets
CSS - Cascading Stylesheets Alfred Beringer HTBLVA für Textilindustrie und Datenverarbeitung Alfred Beringer 1 Überblick Kurze Einführung Deklarationen Selektoren Beispiele Alfred Beringer 2 CSS Formatierungssprache
MehrEinführung in die Benutzung der E-Learning-Plattform Stud.IP
https://studip.fb15.uni-dortmund.de/ Einführung in die Benutzung der E-Learning-Plattform Stud.IP Die Hauptseite... HS Phraseologie des Deutschen (Prof. Dr. A. Storrer, SS 2008) könnt ihr über https://studip.fb15.uni-dortmund.de
MehrDer FlashSiteBuilder
Der FlashSiteBuilder Version 1.1 1 Login Bitte geben Sie Ihren gültigen Usernamen und Ihr Passwort ein. Auf der Einführungsseite drücken Sie den WEITER Button Bitte haben Sie zunächst einen Moment Geduld
MehrWie in Bootstrap üblich, bestimmen vorgegebene Klassen die Gestaltung.
Bootstrap4 Layout Komponenten Teil 2 Inhalt: 1. Card 2. Accordion 1)cards In der Bootstrap Version 3 gab es die cards noch nicht. Dort wurden noch panels eingesetzt. In Bootstrap 4 wurde die Komponente
MehrKundenlogins: Einstellungen, s abrufen und verwalten, Rechnungen online
Kundenlogins: Einstellungen, E-Mails abrufen und verwalten, Rechnungen online Inhaltsverzeichnis 1. Kundenlogins... 2 1.1 E-Mails einrichten und verwalten im E-Mail-Portal... 3 1.1.1 Passwort ändern und
MehrGimp17. Neue Scripte einbinden und anwenden. Seite 1 von 16
Seite 1 von 16 Neue Scripte einbinden und anwenden Statt mühselig alles von Hand zu machen und selbst herauszufinden, was wie am besten funktioniert, kannst du auf Scripte zurückgreifen, die schlaue Leute
MehrMoodle Dateien hochladen organisieren in Ordnern und Unterordnern verlinken zu einer Datei verlinken zu einem Ordner
Moodle Dateien hochladen organisieren in Ordnern und Unterordnern verlinken zu einer Datei verlinken zu einem Ordner 1. Im Block Administration auf Dateien klicken 2. Im Ordner Dateien über den Button
MehrHTLM und CSS. Eine erste Einführung. Karlheinz Zeiner. Inhalt
HTLM und CSS Eine erste Einführung Karlheinz Zeiner Inhalt 1 Vorbereitung 1 1.1 HTML und CSS 1 1.2 Werkzeuge 1 1.3 Quellen 1 2 Erstes HTML-Dokument erstellen 2 2.1 Website, Webpage 2 2.2 Struktur einer
MehrDer Windows Explorer INITE 7e 2003 Joël François
Der Windows Explorer 1 Einleitung Was ist der Explorer? Der Windows Explorer (nicht zu verwechseln mit dem Internet Explorer) ist ein Programm welches zur Datei Verwaltung unter Microsoft Windows verwendet
MehrFachcurriculum ITG Albert-Schweitzer-Gemeinschaftsschule Klassenstufe 9/10 H. Bauer. Thema Inhalte/Umsetzung Programme Lehrplanbezug.
Fachcurriculum ITG Albert-Schweitzer-Gemeinschaftsschule Klassenstufe 9/10 H. Bauer Thema Grundlagen der Erstellung von Webseiten Maximalplan 1 Was man wissen sollten 2 Die erste Webseite mit HTML erstellen
Mehr