Webseiten erstellen für Einsteiger

Größe: px
Ab Seite anzeigen:

Download "Webseiten erstellen für Einsteiger"

Transkript

1 Daniel Mies Webseiten erstellen für Einsteiger Schritt für Schritt zur eigenen Website

2 Auf einen Blick 1 Vor dem Start TEIL I Grundlagen 2 Welche Aufgaben hat HTML? Wie gestalten wir unsere Webseite mit CSS? TEIL II Praxis 4 Einer Webseite mit HTML Struktur verleihen Webseiten mit CSS gestalten jquery mehr Usability und Animation Suchmaschinenoptimierung Der letzte Schliff TEIL III Referenz A HTML B CSS C jquery

3 Inhalt Vorbemerkungen Vor dem Start Wie kommt die Seite aus dem Internet auf meinen Computer? Webspace Unser Handwerkszeug Editor FTP-Programm Browser Firebug Eine Seite ins Internet stellen Eine Verbindung mit dem Server herstellen Ordnerstrukturen Eine Datei ins Internet laden Unsere erste Seite im Internet Ausblick TEIL I Grundlagen 2 Welche Aufgaben hat HTML? Trennung von Inhalt, Layout und Animation Was ist HTML? Grundregeln für die Verwendung von HTML Tags und Elemente Tags Elemente Attribute Verschachtelung Block- und Inline-Elemente Kommentare Zusammenfassung »Hallo Welt«unsere erste Webseite Grundaufbau einer HTML-Seite Doctype <html>

4 Inhalt <head> <body> Dateibenennung und Pfadangaben in HTML Dateibenennung Verknüpfungen und Pfadangaben in HTML Absolute Pfadangaben Pfadangaben relativ zur Basis Relative Pfadangaben Beispiele Ausblick Wie gestalten wir unsere Webseite mit CSS? Was sind CSS? Wie ist eine CSS-Angabe aufgebaut? Was sind Eigenschaften? Was ist ein Selektor? Vererbung HTML mit CSS verknüpfen Ein Basis-Stylesheet Der HTML-Teil Unsere CSS-Grundlage Ausblick TEIL II Praxis 4 Einer Webseite mit HTML Struktur verleihen Mit»div«-Containern Bereiche festlegen Besonderheiten Anordnung mit CSS Was haben wir bisher getan? Inhalte einfügen Texte in eine HTML-Datei einfügen Zeilenumbrüche und Trennlinien Leerzeichen Text mit CSS formatieren Die Inhalte mit Überschriften strukturieren Webseitenkrankheiten:»Divitis«,»Classitis«und»IDitis« Unsere Webseite mit Links vernetzen Aufbau eines Links

5 Inhalt Links zu anderen Seiten Zielfenster festlegen Der Titel des Links Links innerhalb der eigenen Seite Anker Mit Listen die Seite gliedern Unsortierte Listen Sortierte Listen Definitionslisten Gestaltung von Listen mit CSS Die Texte auf unserer Webseite mit Bildern aufwerten Tabellen richtig einsetzen Beispiel: Layout mit Tabellen oder Layout mit»div« Sollen wir nun gar keine Tabellen verwenden? Eine einfache Tabelle Zellen verbinden Attribute für die Tabellengestaltung Weitere Möglichkeiten bei der Tabellengestaltung Tabellenbeschriftung Gestaltung der Tabelle mit CSS Interaktion und Kommunikation mit Formularen Formulare anlegen input Auswahllisten Elemente mit»label«gruppieren Eingabebereiche Buttons Weitere Möglichkeiten Unsere HTML-Datei die wichtigsten Elemente in einer Datei Der Rahmen Die Navigation Der Titel der Seite Das Banner Die Infoboxen Der Inhaltsbereich Die Seitenleiste Der Fußbereich: weitere Informationen übersichtlich gegliedert Was haben wir erreicht?

6 Inhalt 5 Webseiten mit CSS gestalten Einheiten, Farben und Hintergrundwissen Einheiten Prozentuale Angaben Farbangaben Das Box-Modell Aufbau des Stylesheets CSS-Eigenschaften mit mehreren Werten Überblick über die Möglichkeiten mit CSS Schrift und Textbild Schrift Text Listen Rahmen und Abstände Rahmen Außenabstände Innenabstände Hintergrundbilder und -farbe Positionieren Automatische Inhalte Pseudoelemente und -klassen In der Praxis: Gestaltung unserer Webseite Grundformatierungen Das Schriftbild Formatierung der HTML-Elemente Hilfsklassen Navigation Der Titel Banner Der Inhaltsbereich Die Seitenleiste Der Fußbereich Ausblick jquery mehr Usability und Animation Was ist JavaScript, und was sind Frameworks? JavaScript Frameworks: jquery statt JavaScript jquery-grundlagen

7 Inhalt 6.3 Möglichkeiten, die jquery uns bietet Selektoren Attribute auslesen, hinzufügen und entfernen Manipulation von Elementen Mit jquery CSS manipulieren Ereignisse mit jquery steuern Professionelle Effekte mit jquery einfügen Kommentare in jquery einfügen Weitere Möglichkeiten mit jquery Mit jquery unsere Seite aufwerten Infoboxen mit jquery Artikel ein- und ausblenden Kommentarfeld Das Zauberwort AJAX Dateien mit».load()«importieren Darstellung bei deaktiviertem JavaScript Alternative Inhalte einfügen und mit jquery wieder entfernen Ausblick Suchmaschinenoptimierung BMW & Google Optimierung der eigenen Internetseite für Suchmaschinen Warum Links so wichtig sind Standardkonformer Code Wichtige Angaben im <head> Vorgaben für den Webcrawler Ausblick Der letzte Schliff Eine Webseite für alle Browser optimieren MultipleIE die Webseite in allen Versionen des Internet Explorers betrachten CSS-Hacks im Stylesheet andere Browser ausschließen Sinnvoller Einsatz von Kommentaren Conditional Comments ein eigenes Stylesheet für den Internet Explorer Unsere Seite für den Internet Explorer optimieren Transparente PNGs im Internet Explorer

8 Inhalt 8.3 Barrierefreiheit Webseiten»einfach für alle« Wie sehen andere meine Seite? Zusätzliche Navigationselemente einbinden Tabindex und Accesskeys Navigation mit der Tastatur Ausblick TEIL III Referenz A HTML A.1 Struktur Ihrer Webseite A.2 Angaben im head A.3 Text A.4 Links A.5 Präsentation A.6 Listen A.7 Bilder und Objekte A.8 Tabellen A.9 Formulare A.10 Scripteinbindung A.11 Weitere Informationen B CSS B.1 Selektoren, Pseudoelemente und -klassen B.1.1 Selektoren B.1.2 Selektieren mit Attributen B.1.3 Kombinationen von Selektoren B.1.4 Pseudoelemente B.1.5 Pseudoklassen B.2 Schrift und Text B.3 Rahmen B.4 Abstände B.5 Listen B.6 Farben und Hintergrundbilder B.7 Positionierung B.8 Bereiche ein- und ausblenden B.9 Höhe und Breite B.10 Automatische Inhalte B.11 Druck

9 Inhalt C jquery C.1 Einleitende Hinweise C.2 Selektoren C.3 Filter C.4 Attribute C.5 Filtern und Finden C.6 Manipulation C.7 CSS C.8 Ereignisse C.9 Effekte Index

10 Bevor wir loslegen können, müssen vorab zwei Schritte erfolgen: Wir benötigen zum einen das grundlegende Handwerkszeug und müssen uns zum anderen Gedanken darüber machen, wie wir unsere Seite ins Internet stellen. 1 Vor dem Start Machen Sie es sich gemütlich, und schalten Sie ruhig schon mal Ihren Rechner an. Im Rahmen dieses Kapitels möchte ich Ihnen das eine oder andere Programm vorstellen, mit dem Sie Ihre Webseite erstellen können. Zunächst interessiert Sie sicherlich, wie das alles mit dem Internet und einer Webseite grundsätzlich funktioniert, wo Sie selbst Ihre Seite ins Internet stellen können und was Sie dabei beachten müssen. Daher möchte ich zuerst das Thema»Webspace«mit Ihnen besprechen. Danach stelle ich Ihnen ein paar Programme vor, die Ihnen die Arbeit bei der Erstellung von Webseiten erleichtern. Am Ende des Kapitels zeige ich Ihnen schließlich, wie Sie eine Seite ins Internet stellen können. 1.1 Wie kommt die Seite aus dem Internet auf meinen Computer? Wenn Sie Ihren Browser starten und eine URL Ihrer Wahl eingeben, erscheint dort in der Regel nach einigen Sekunden die Seite, die Sie sehen möchten. Was für Sie als Benutzer relativ einfach ist, bedeutet für Ihren Computer und den Server, auf dem die gewünschte Seite liegt, erst einmal Arbeit. Ihr Computer bekommt von Ihnen zunächst eine URL wie zum Beispiel genannt, und diese übersetzt er dann in eine IP-Adresse. Eine IP-Adresse (oft auch nur»ip«genannt) ist so etwas wie eine Hausnummer im Internet, mit der der richtige Server ausgewählt wird. Dieser Server wird daraufhin»beauftragt«, eine bestimmte Webseite zu liefern. Wenn der angesprochene Server eine Webseite liefern kann, wird Ihrem Computer zunächst ein Paket mit allerlei Daten zugesendet. Der Browser arbeitet die gelieferten Daten anschließend ab: Zunächst wird eine HTML-Datei genommen und vom Browser ausgewertet. 21

11 1 Vor dem Start In der HTML-Datei (diese lernen Sie in Kapitel 2,»Welche Aufgaben hat HTML?«, richtig kennen) stehen jede Menge Informationen und Inhalte, die auf der Webseite dargestellt werden sollen, wie zum Beispiel die Texte oder auch Bilder und Links. Moderne Webseiten beinhalten zudem noch Gestaltungsanweisungen in Form einer CSS-Datei. Die Information, ob es eine CSS-Datei zu der HTML-Datei gibt, steht in eben dieser HTML-Datei. Mit dem sogenannten Stylesheet (CSS steht für Cascading Style Sheets) wird dem Browser gesagt, wie die Webseite aussehen soll, welche Farbe welcher Teil der Webseite haben und wo was stehen soll. Der Browser interpretiert, was in der CSS-Datei steht, und wandelt die HTML-Elemente dementsprechend um. Eine weitere Komponente sind dynamische Elemente, die mit JavaScript eingebunden werden. Mit diesen Elementen können beispielsweise Bereiche ein- und ausgeblendet oder auch andere Inhalte in eine Seite geladen werden (mehr dazu erfahren Sie in Kapitel 6,»jQuery mehr Usability und Animation«). Das hört sich zunächst sehr umfangreich an, aber Sie werden in diesem Buch Schritt für Schritt den Umgang mit HTML, CSS und jquery erlernen. Sie werden sehen, dass alle drei Sprachen sehr einfach sind und aufeinander aufbauen. Damit die fertige Seite schließlich von anderen Benutzern im Internet besucht werden kann, benötigen wir außerdem Speicherplatz, sogenannten Webspace. 22

12 Unser Handwerkszeug Webspace Webspace liegt auf speziell ausgestatteten Rechnern, die ans Internet angeschlossen sind, den Webservern. Hier gibt es sehr viele Anbieter mit unterschiedlichen Angeboten und natürlich auch Preisen. Daher möchte ich Ihnen einige Ratschläge mit auf den Weg geben, damit Sie wissen, was Sie wirklich benötigen. Für die Themen, die wir im Buch besprechen, brauchen Sie noch keinen eigenen Webspace. Sie können alle Beispiele ganz normal auf Ihrer Festplatte speichern und dann in Ihrem Browser betrachten. Anforderungen an den Provider Für eine einfache Webseite reichen meistens schon 10 MB aus. Sie werden aber wahrscheinlich keinen Provider finden, der Ihnen genau die Menge an Speicherplatz vermietet, die Sie brauchen, und daher können Sie in der Regel eines der kleinsten Pakete nehmen. Ich rate Ihnen, kein Visitenkartenpaket zu nehmen, da dieses in der Regel nur eine Domain und zudem kaum oder sogar überhaupt keinen Speicherplatz enthält. Ausreichende Pakete bekommen Sie bei manchen Anbietern schon ab ca. 2 im Monat. Sie sollten aber hier nicht nur auf den Preis achten, sondern auch Testberichte und Meinungen anderer Kunden berücksichtigen. Halten Sie auch ein Auge auf die Vertragslaufzeit, denn wenn Sie später Ihre Webseite vergrößern oder zu einem anderen Provider umziehen möchten, sollten Sie möglichst flexibel sein. 1.3 Unser Handwerkszeug Drei Dinge brauchen wir, um unsere Webseite zu erstellen: einen Editor, in dem die Webseitenerstellung erfolgt, ein FTP-Programm, mit dem wir die Dateien ins Internet laden, und einen Browser, mit dem wir unsere Seite betrachten können und der uns im optimalen Fall auch bei der Erstellung der Webseite hilfreich sein kann. Ich stelle Ihnen auf den folgenden Seiten Software für Windows, Linux und Mac OS X vor. Es gibt sowohl bei den Editoren als auch bei den FTP-Programmen und Browsern sehr viele weitere Programme, und wenn Sie schon Erfahrung mit einem dieser Programme haben, spricht nichts gegen die Verwendung eines solchen Programms. 23

13 1 Vor dem Start Die einzige Ausnahme in diesem Buch ist jedoch der Browser: Die Beispiele in den ersten Kapiteln sind für den Firefox von Mozilla optimiert, und erst am Ende des Buchs zeige ich Ihnen, wie Sie die Seiten für alle weiteren Browser optimieren. Dies hat den Grund, dass der Firefox einerseits sehr weit verbreitet und zudem grundsätzlich ein sehr guter Browser ist und dass er andererseits wesentlich korrekter Webseiten darstellt als der Internet Explorer von Microsoft. Wenn Sie also bisher den Internet Explorer 6 verwendet haben, sollten Sie für die Beispiele in diesem Buch den Firefox einsetzen. Wenn Sie einen modernen Browser wie Konqueror, OmniWeb, Opera, Safari, Google Chrome oder den Internet Explorer (Version 7, oder besser 8) verwenden, sollten die Beispiele in Ihrem Browser richtig dargestellt werden Editor Als Erstes brauchen wir ein Programm, in dem wir unsere Webseite erstellen können. Das Schöne an HTML, CSS und JavaScript ist, dass wir hier keine spezielle Software kaufen müssen, sondern die Software schon auf unserem Rechner vorinstalliert haben. Jedes Betriebssystem verfügt über einen einfachen Texteditor. So können Sie bei Windows beispielsweise auf den einfachen»editor«zurückgreifen, und die Linux-Benutzer unter Ihnen haben gleich mehrere Editoren zur Auswahl. Wenn Sie einen Editor im Internet suchen, sollten Sie darauf achten, dass dieser Syntax-Highlighting beherrscht. Das bedeutet, dass er HTML, CSS und JavaScript farbig hervorhebt, was die Fehlersuche oftmals ziemlich erleichtert und vor allem die Arbeit einfacher macht. Probieren Sie ruhig mehrere Editoren aus, und betrachten Sie die vorgeschlagenen Programme als einfache Empfehlungen. Windows Unter Windows möchte ich Ihnen den Editor Notepad++ empfehlen. Er bietet neben dem wichtigen Syntax-Highlighting viele nützliche Funktionen, die Ihnen die Arbeit erleichtern. Sie finden die Version auf der CD zum Buch oder unter notepad-plus.sourceforge.net. Mir persönlich gefallen an diesem Editor drei Aspekte besonders: Er ist sehr einfach gestaltet, er ermöglicht es Ihnen, mit Tabs mehrere Dateien parallel zu bearbeiten, und er besitzt einen integrierten Dateibrowser. Sie können also selbst zwischen den Ordnern und Dateien im Programm hin- und herwechseln. Eine besondere Funktion rundet Notepad++ ab: Sie können Arbeitsabläufe mit Makros aufnehmen und diese zu jeder Zeit ausführen lassen. So könnten Sie beispielsweise Vorlagen als Makro speichern, die von Notepad++ automatisch erstellt werden, wenn Sie diese benötigen. 24

14 Unser Handwerkszeug 1.3 Abbildung 1.1 Fenster.»Notepad++«mehrere Tabs erlauben das Bearbeiten der Dateien in einem Abbildung 1.2 So lassen sich Dateien leichter bearbeiten die HTML-Elemente (mehr dazu in Kapitel 2,»Welche Aufgaben hat HTML?«) werden farblich hervorgehoben. Linux Für die unterschiedlichen Linux-Distributionen gibt es unzählige Editoren, die sich für die Erstellung von Webseiten eignen. Auch wenn ich davon ausgehe, dass die meisten Linux-Benutzer bereits einen Editor haben, mit dem sie arbeiten, möchte ich Ihnen mit BlueFish kurz einen weiteren Editor vorstellen, den ich für geeignet halte. BlueFish hat ähnliche Funktionen, die ich schon bei Notepad++ für Windows dargestellt habe. Hinzu kommt, dass BlueFish ein sehr kleines Programm ist, das zudem sehr schnell arbeitet und Dateien lädt. Darüber hinaus können Sie FTP-Funktionalitäten integrieren. Sie erhalten BlueFish unter bluefish.openoffice.nl, wo Sie auch die wichtigsten Informationen für den Download finden. 25

15 1 Vor dem Start Abbildung 1.3 Der Editor»BlueFish«Mac OS X Für das Betriebssystem Mac OS X möchte ich Ihnen den Editor Smultron ans Herz legen. Sie finden den Editor auf der CD zum Buch oder im Internet unter smultron.sourceforge.net. Ein besonders nettes Feature bei Smultron sind Snippets: Mit diesen können Sie Codebausteine, die Sie häufig verwenden, speichern und wiederverwenden. WYSIWYG Die Abkürzung WYSIWYG steht für»what you see is what you get«und beschreibt Programme, die während der Erstellung einer Datei anzeigen, wie diese Datei im fertigen Zustand aussieht. Textverarbeitungsprogramme wie Microsoft Word arbeiten nach diesem Prinzip. Solche Programme gibt es auch zum Erstellen von Webseiten, und trotzdem möchte ich Ihnen davon grundsätzlich abraten. WYSIWYG-Editoren produzieren sehr viel Code, den Sie im Endeffekt gar nicht benötigen, und sie tun sich mit der Einbindung von CSS für die Gestaltung und von JavaScript für die Animation zudem oft sehr schwer. Sie werden es im Verlauf dieses Buchs sicherlich immer mehr zu schätzen lernen, Webseiten selbst zu schreiben FTP-Programm Mit einem FTP-Programm können Sie alle Dateien auf Ihren Webspace laden. Sie sind dabei natürlich nicht nur auf Ihre Homepage beschränkt, sondern können 26

16 Unser Handwerkszeug 1.3 auch Dateien auf Ihren Webspace laden, die Sie anderen zur Verfügung stellen möchten (wenn Sie beispielsweise im Team an einer Präsentation arbeiten). ASCII- und Binärmodus Wenn Sie Dateien ins Internet stellen, sollten Sie darauf achten, in welchem Modus Sie die Dateien auf den Server hochladen. Es gibt hier den ASCII-Modus, der für Textdateien (wie Ihre HTML-, CSS- und JavaScript-Dateien es sind) geeignet ist und dafür genutzt werden sollte, und den Binärmodus, der beispielsweise für Bilddateien oder Word-Dokumente eingesetzt werden sollte. FileZilla Das Besondere an dem FTP-Programm FileZilla, das ich Ihnen hier vorstellen möchte, ist, dass es eine Version für jedes verbreitete Betriebssystem gibt. Dies erleichtert Ihnen die Arbeit natürlich enorm, wenn Sie mit mehreren Betriebssystemen arbeiten, und macht selbstverständlich auch die Beschreibung hier im Buch wesentlich einfacher. Sie finden FileZilla im Internet unter oder auf der CD zum Buch unter Tools/FileZilla. Abbildung 1.4 FileZilla mit diesem FTP-Programm können Sie Dateien ins Internet laden. 27

17 1 Vor dem Start Wie Sie FileZilla benutzen können, erkläre ich Ihnen im weiteren Verlauf dieses Kapitels. Wir werden dann auch unsere erste Seite ins Internet stellen, bevor wir uns anschließend dem Thema»HTML«zuwenden Browser Browser gibt es wie Sand am Meer. Jedes Betriebssystem hat eigene Browser (Windows hat den Internet Explorer, Linux unter anderem den Konqueror und Mac wiederum den Safari), die natürlich vollkommen ausreichend sind, um im Internet zu surfen. Das Problem, auf das wir in diesem Buch noch öfter zu sprechen kommen werden, ist allerdings, dass eine Seite nicht immer von allen Browsern gleich dargestellt wird. Manche orientieren sich dabei an Standards, andere (wie leider sehr häufig der Internet Explorer) schaffen dagegen eigene Standards. Wir werden uns in diesem Buch daher zunächst auf die Erstellung von Webseiten für den Firefox konzentrieren. Dieser Browser ist weit verbreitet, ist für jedes Betriebssystem verfügbar und orientiert sich sehr stark an den Webstandards. Nachdem wir unsere Seite für den Firefox erstellt haben, schauen wir uns die Seite in anderen Browsern an und optimieren diese dementsprechend. So haben wir eine gemeinsame Basis, auf der wir arbeiten können Firebug Gerade wenn Sie anfangen, mit CSS zu arbeiten, werden Sie Firebug zu schätzen lernen. Firebug ist eine kostenlose Erweiterung für Firefox, die Ihnen einige interessante Funktionen bietet, auf die ich hier, zumindest auszugsweise, eingehen möchte. Auf den ersten Blick können Sie sich mit Firebug»nur«den Quellcode Ihrer HTML-, CSS- und JavaScript-Dateien ansehen. Dies ist bei eigenen Projekten in der Regel nicht besonders wichtig, da Sie ja die Originaldateien auf Ihrem Rechner haben sollten. Wirklich interessant ist die Möglichkeit, Ihre HTML- und Ihre CSS-Dateien live zu editieren. Das heißt, dass Sie, während Sie den Code in Firebug ändern, im Browser sehen, was diese Veränderungen bewirken. Installation von Firebug Sie können Firebug in Ihrem Firefox installieren, indem Sie auf Extras Add-ons klicken und in dem sich dann öffnenden Fenster Erweiterungen wählen (wenn dies nicht bereits vorausgewählt ist). Unten rechts finden Sie dann einen Link Erweiterungen herunterladen. Dieser führt Sie zur Seite mozilla.org. 28

18 Unser Handwerkszeug 1.3 Abbildung 1.5 Firebug Dateien»live«in Firefox bearbeiten Abbildung 1.6 Das Add-ons-Menü im Firefox. Unten rechts finden Sie den Link, um weitere Add-ons (Erweiterungen) zu installieren. Der schnellste Weg zu Firebug führt über das Benutzen der Suche. Geben Sie einfach in das Suchfenster auf der Mozilla-Seite»Firebug«ein. Auf der Seite mit den Suchergebnissen sollte Firebug an erster Stelle stehen. Klicken Sie einfach auf den Namen Firebug. Der Link führt Sie daraufhin automatisch zur Installationsseite. 29

19 1 Vor dem Start Abbildung 1.7 Firebug auf»addons.mozilla.com«auf der Installationsseite müssen Sie nur noch auf Installieren klicken, und schon wird Firebug (nach Ihrer Bestätigung, dass Sie die Erweiterung installieren möchten) installiert. Sie müssen dann lediglich den Browser einmal neu starten, und schon stehen Ihnen Firebug und seine Möglichkeiten zur Verfügung. 1.4 Eine Seite ins Internet stellen Bevor Sie eine Datei ins Internet laden können, benötigen Sie zunächst entsprechende FTP-Zugangsdaten. Diese werden Ihnen entweder bereits mitgeteilt, wenn Sie Ihren Webspace vom Provider erhalten, oder sind auf der Administrationsoberfläche Ihres Webspace-Anbieters zu finden. Die Zugangsdaten bestehen mindestens aus einer Serveradresse (die häufig mit ftp:// beginnt), einem Benutzernamen und einem Passwort Eine Verbindung mit dem Server herstellen Damit wir überhaupt Dateien ins Internet laden können, müssen wir eine Verbindung zwischen dem Server, auf dem unser Webspace liegt, und unserem Com- 30

20 Eine Seite ins Internet stellen 1.4 puter herstellen. Der Server muss schließlich die Dateien, die dort abrufbar sein sollen, erst einmal bekommen. Wir öffnen dafür unser FTP-Programm (FileZilla) und stellen eine Verbindung zu unserem Server her. Hierfür gibt es zwei Möglichkeiten: eine schnelle Verbindung und alternativ den Servermanager. Schnelle Verbindung Ganz schnell geht es, wenn Sie die Zugangsdaten für Ihren Webspace oben in die Leiste eingeben. Dort wird nach Server, Benutzername, Passwort und Port gefragt. In den meisten Fällen müssen Sie den Port nicht angeben, ansonsten weist Ihr Webspace-Anbieter Sie sicherlich darauf hin. Abbildung 1.8 Eine schnelle Serververbindung mit FileZilla einrichten Wenn Sie nun Ihre Daten eingegeben haben, klicken Sie auf Verbinden. Im oberen Fenster Ihres FTP-Programms stehen die»arbeitsschritte«ihres FTP-Programms, die uns aber nicht weiter interessieren. Nur wenn die Verbindung nicht zustande kommt, sollten Sie Ihre Zugangsdaten kontrollieren und prüfen, ob Sie alles richtig eingegeben haben. Abbildung 1.9 Erfolgreiche Verbindung zu einem Server Servermanager Die Alternative zur schnellen Verbindung ist der Servermanager, den Sie unter dem Menüpunkt Datei finden. Wenn Sie diesen öffnen, können Sie mehrere Serververbindungen verwalten, was besonders praktisch ist, wenn man mehrere Seiten betreut. Um unsere Verbindung im Servermanager einzurichten, klicken wir zunächst auf Neuer Server und füllen dann die Eingabemaske auf der rechten Seite aus. Dort 31

21 1 Vor dem Start werden die gleichen Daten benötigt wie auch schon bei der schnellen Verbindung. Neu ist die Möglichkeit, die Verbindungsart anzugeben. Wenn Sie Ihr Passwort nicht ständig neu eingeben möchten, wählen Sie unter Verbindungsart die Option Normal aus. Wenn Sie sicherstellen möchten, dass kein Unbefugter mit Ihrem Rechner auf Ihren Webspace zugreifen kann, sollten Sie hier die Option Nach Passwort fragen auswählen. Abbildung 1.10 Der Servermanager in FileZilla Neben den erweiterten Einstellungen, die Sie in der Leiste über den Eingabefeldern festlegen können, können Sie auch den Servertyp bestimmen. Dieser sollte, wenn Ihr Webspace-Anbieter nichts anderes angibt, FTP File Transfer Protocol sein. Alle weiteren Einstellungsmöglichkeiten benötigen Sie am Anfang nicht. Abbildung 1.11 Der Servermanager mit den Zugangsdaten für unseren Server 32

22 Eine Seite ins Internet stellen 1.4 Wenn Sie sich nun mit dem Server verbinden möchten, wählen Sie einfach Verbinden aus, und schon können Sie, sobald die Verbindung zustande gekommen ist, Dateien ins Internet laden Ordnerstrukturen Jetzt, da wir mit unserem FTP-Programm auf unseren Webspace zugreifen können, schauen wir uns die Möglichkeiten genauer an, die FileZilla uns bietet. Den größten Raum in dem Programm nehmen vier Fenster ein, die, wenn Sie mit dem Server verbunden sind, Ordner und Dateien anzeigen. Auf der linken Seite finden Sie die Ordner, die bei Ihnen auf der Festplatte liegen, und rechts die Dateien auf dem Server. Oben sehen Sie eine Ordnerübersicht und darunter den Inhalt des jeweils ausgewählten Ordners. Abbildung 1.12 Links die Dateien auf unserem Rechner, rechts die Dateien auf dem Server Eine Datei ins Internet laden Natürlich möchten wir auch unsere Dateien und Ordner auf den Server kopieren. Wir haben hier mit FileZilla zwei Möglichkeiten: Wir können entweder eine oder mehrere Dateien direkt übertragen oder diese zu einer Warteschlange hinzufügen und später, wenn wir alle Dateien in der Warteschlange haben, komplett hochladen. Dateien direkt hochladen Wenn Sie eine oder mehrere Dateien direkt hochladen möchten, wählen Sie diese auf der linken Seite aus, klicken dann mit der rechten Maustaste auf die ausgewählten Dateien und Ordner und wählen Hochladen aus. Dies hat den Vorteil, dass Sie sich Ihre Veränderungen direkt online ansehen können. Gerade wenn Sie mehrere Dateien in einem Ordner oder den kompletten Inhalt eines Ordners hochladen möchten, ist diese Variante natürlich praktisch. 33

23 1 Vor dem Start Dateien zur Warteschlange hinzufügen und dann hochladen Wenn Sie an mehreren Stellen in unterschiedlichen Ordnern Änderungen vorgenommen haben, die Sie aber gemeinsam hochladen möchten, sollten Sie diese mit der Funktion Zur Warteschlange hinzufügen hochladen, die Sie ebenfalls über die rechte Maustaste auswählen können. Dies hat den Vorteil, dass Sie nicht alle Ordner und Dateien zusammen hochladen müssen, sondern einzelne Dateien aus unterschiedlichen Ordnern auswählen und diese dann gemeinsam hochladen können. Wenn Sie Ihre Auswahl getroffen haben, sehen Sie unter den Fenstern mit den Ordneransichten ein Fenster, in dem die entsprechenden Dateien aufgelistet sind. Wenn Sie mit der rechten Maustaste in dieses Fenster klicken, können Sie mit Warteschlange abarbeiten alle Dateien gemeinsam hochladen. Abbildung 1.13 Unsere Warteschlange im unteren Fenster von FileZilla Sie können natürlich auch über die Fenster auf der rechten Seite bequem Dateien vom Server auf Ihren PC laden, wenn Sie beispielsweise von einem anderen PC aus Ihre Webseite aktualisiert haben und den aktuellen Stand auch auf Ihrem Rechner haben wollen. Wann lade ich Dateien hoch? Im Rahmen dieses Buchs überlasse ich es vollkommen Ihnen, wann Sie die Webseite, die wir gemeinsam erstellen werden, auf Ihren Webspace laden. Sie können für sich selbst entscheiden, ob Sie Ihre Besucher an den»bauarbeiten«teilhaben lassen oder ob Sie ausschließlich die finale Version ins Internet stellen möchten. Wir haben in diesem Buch den Vorteil, dass wir auf keinen Server angewiesen sind, um unsere Webseite zu testen, und daher auch alle Dateien ganz normal auf der Festplatte speichern und anschließend im Browser ansehen können Unsere erste Seite im Internet Wenn Sie schon Webspace besitzen und dort noch keine Seite online ist, sollten Sie diesen Zustand bereits jetzt ändern und eine Visitenkarte ins Internet laden. Dies hat den Vorteil, dass Sie daraufhin im Internet präsent sind und vielleicht das Glück haben, dass eine Suchmaschine wie Google Ihre Seite bereits findet. 34

24 Eine Seite ins Internet stellen 1.4 Damit Sie eine Seite ins Internet stellen können, bevor Sie überhaupt wissen, was Sie genau machen müssen, habe ich auf der CD zum Buch eine kleine Webseite erstellt, die als erste Visitenkarte im Internet ausreichen sollte. Damit Sie diese auch online verwenden können, befolgen Sie bitte folgende Schritte: 1. Kopieren Sie den Ordner Visitenkarte, den Sie auf der CD unter Code/Kapitel 1 finden, an eine Stelle auf Ihrer Festplatte, die Sie anschließend wiederfinden können. Wenn Sie sich in Ihrem Dateisystem nicht auskennen, kopieren Sie den Ordner einfach in das Basisverzeichnis (bei Windows: C:\, bei allen anderen Betriebssystemen: /). 2. Öffnen Sie im Ordner Visitenkarte die Datei index.htm, und passen Sie die beiden folgenden Zeilen an, indem Sie das fett Markierte durch Ihren Namen ersetzen: <title>max Mustermann online</title>... <h1>max Mustermann online</h1> 3. Öffnen Sie FileZilla, und wählen Sie im linken Fenster den Ordner aus. 4. Stellen Sie eine Verbindung zu Ihrem Webserver her. 5. Laden Sie die Dateien hoch, aber nicht den Ordner Visitenkarte, sondern nur seinen Inhalt. 6. Öffnen Sie Ihre Seite in Ihrem Browser. Abbildung 1.14 Eine Übergangsseite 35

25 1 Vor dem Start 1.5 Ausblick Jetzt, da wir zumindest schon einmal einen Platzhalter für unsere zukünftige Seite im Internet haben, wenden wir uns den Themen»HTML«,»CSS«,»jQuery«und»Suchmaschinenoptimierung«zu. Ausgestattet mit den notwendigen Programmen, können Sie sich getrost den Grundlagen zuwenden, bevor Sie anschließend Ihre Kenntnisse vertiefen. 36

26 Index :active 206, 211, 327 :after 204, 327 :before 204, 327 :first-child 328 :first-letter 204, 327 :first-line 204, 327 :focus 206, 211, 300, 328 :hover 206, 328 :link 206, 211, 328 :visited 206, 211, 74 A a 312 abbr 308 Abstand margin 334 margin-richtung 334 padding 334 padding-richtung 334 acronym 309 active 206, 211, 327 address 309 after 204, 327 area 316 Artikel 155 Attribut accept 132 accesskey 301 action 129 alt 113 border 120 cellpadding 121 cellspacing 121 checked 131 class 65 cols 136 colspan 119 content 280 disabled 138 for 135 height 113 href 73, 103 Attribut (Forts.) http-equiv 280 ID 66 maxlength 130 media 74 method 129 multiple 134 name 130, 281 onclick 241 readonly 138 rel 73 rows 136 rowspan 119 rules 120 size 130 src 113, 137 style 71 tabindex 162, 300 target 103, 104 title 104 type 73, 130 value 131 width 113 Attribute 120 Außenabstand 190 B b 312 background 127, 193, 230, 336 background-attachment 192, 335 background-color 191, 335 background-image 191, 336 background-position 193, 336 background-repeat 192, 336 Barrierefreiheit 296 base 307 Basis-Stylesheet 76 before 204, 327 Beispiel 118, 122 big 313 Bild 112 Alternativtext 113 Attribute 113 Gestaltung

27 Index Bilder und Objekte area 316 img 315 map 315 object 316 param 317 Bildformat 114 GIF 114 JPG 114 PNG 114 Bildgröße 114 Blockelement 44, 228 blockquote 158, 215, 309 body 55, 306 border 189, 333 border-bottom 126 border-color 126, 188, 331 border-richtung 333 border-richtung-color 332 border-richtung-style 332 border-richtung-width 332 border-style 188, 332 border-width 188, 332 bottom 337 Box-Modell 174 Beispiel 174 im Internet Explorer 175 br 95, 311 button 137, 321 C caption 126, 318 cite 102, 158, 215, 309 Classitis 100, 101 clear 152, 337 clip 203, 338 code 310 col 319 colgroup 319 color 106, 127, 184, 335 Conditional Comments 292 content 203, 340 CSS Aufbau 63 Eigenschaften (Definition) 64 Eigenschaften überschreiben 212 Grundlagen 62 ID 66 CSS (Forts.) Kaskade 216, 220 Klasse 65 Kommentar 64 mehrere Werte pro Eigenschaft 177 Pseudoklassen 106 Schrift und Textbild 178 Selektor (Definition) 64 Text formatieren 95 Vererbung background 127, 193, 230, 336 background-attachment 192, 335 background-color 191, 335 background-image 191, 336 background-position 193, 336 background-repeat 192, 336 border 189, 333 border-bottom 126 border-color 126, 188, 331 border-style 188, 332 border-width 188, 332 bottom 337 clear 152, 337 clip 203, 338 color 106, 127, 184, 335 content 203, 340 direction 330 display 144, 196, 228, 298, 338 float 197, 337 font 183, 329 font-family 179, 328 font-size 96, 181, 329 font-style 181, 329 font-variant 182, 329 font-weight 99, 183, 329 height 199, 339 left 337 letter-spacing 330 line-height 96, 184, 329 list-style 187, 335 list-style-image 187, 334 list-style-position 185, 334 list-style-type 111, 186, 335 margin 190, 334 max-height 199, 339 max-width 199,

28 Index CSS-Eigenschaft (Forts.) min-height 199, 339 min-width 199, 339 orphans 340 overflow 201, 217, 338 padding 111, 127, 190, 334 padding-left 166 page-break-after 340 page-break-before 340 page-break-inside 340 position 147, 194, 222, 298, 337 right 337 text-align 121, 184, 330 text-decoration 108, 151, 185 text-direction 330 text-indent 330 text-transform 185, 331 top 337 vertical-align 127, 331 visibility 203, 338 white-space 331 widows 341 width 167, 199, 339 word-spacing 331 z-index 200, 337 CSS-Hack 290!important-Hack 290 Attribut-Selektor-Hack 291 Kind-Selektor-Hack 290 Stern-HTML-Hack 291 Tan-Hack 292 D Dateibenennung 55 dd 110, 315 del 310 dfn 310 direction 330 display 144, 196, 228, 298, 338 div 306 Divitis 100 dl 110, 314 Dokumenttyp 48 Frameset 51 Strict 49 Transitional 50 Varianten 49 Doorway-Seiten 276 Druck orphans 340 page-break-after 340 page-break-before 340 page-break-inside 340 widows 341 dt 110, 315 E Ein-/Ausblenden clip 338 display 338 overflow 338 visibility 338 Elternelement 264 em 94, 308 F Farbangaben 169, 171 Farbnamen 173 RGB-Farbmodell 171 Farbe/Hintergrundbild background 336 background-attachment 335 background-color 335 background-image 336 background-position 336 background-repeat 336 color 335 Filtern/Finden 348 first-child 328 first-letter 204, 327 first-line 204, 327 float 197, 337 float beenden 152 focus 206, 211, 300, 328 font 183, 329 font-family 179, 328 font-size 96, 181, 329 font-style 181, 329 font-variant 182, 329 font-weight 99, 183, 329 form 128, 160, 319 Formular 128 Attribute 128, 138 Auswahlliste 133 Beispiel

29 Index Formular (Forts.) Beschriftung 135 Button 136, 321 Checkbox 130 Datei-Upload 132 Eingabebereich 135 form 319 gestalten 228 Größe des Eingabefelds 130 input 320 label 321 legend 321 option 320 Radio-Button 130 select 320 Sendebutton 162 textarea 320 vorselektieren 131 Frames 51 Framework 239 G Generische Schriftart 180 Gestaltung 126 Google-Bomben 276 Grundformatierung 207 H h1 97, 150, 308 h2 97, 308 h3 97, 308 h4 97, 308 h5 97, 308 h6 97, 308 head 52, 305 base 307 link 307 meta 307 style 307 title 306 height 199, 339 Hilfsklasse 215 Hintergrund mit %-Angabe platzieren 229 transparent 220 wiederholen 217 Hintergrundbild 191 Hintergrundfarbe 191 Höhe/Breite height 339 max-height 339 max-width 339 min-height 339 min-width 339 width 339 hover 206, 328 Hover-Effekt 206 hr 95, 314 HTML Attribut 42 CSS einbinden 71 Definition 39 Element 41 Kommentare 45 Leerzeichen 95 Tag 41 Text einfügen 94 Überschrift 97 Verschachtelung 43 html 305, 317 HTML-Elemente a 312 abbr 308 acronym 309 address 309 area 316 b 312 base 307 big 313 blockquote 158, 215, 309 body 55, 306 br 95, 311 button 137, 321 caption 126, 318 cite 102, 158, 215, 309 code 310 col 319 colgroup 319 dd 110, 315 del 310 dfn 310 div 306 dl 110, 314 dt 110, 315 em 94, 308 form 128, 160,

30 Index HTML-Elemente (Forts.) h1 97, 150, 308 h2 97, 308 h3 97, 308 h4 97, 308 h5 97, 308 h6 97, 308 head 52, 305 hr 95, 314 html 305, 317 i 312 img 112, 315 input 129, 160, 320 input (button) 137 input (checkbox) 132 input (file) 132 input (image) 137 input (radio) 131 input (reset) 137 input (submit) 137 input (text) 130 ins 310 kbd 310 label 135, 228, 321 legend 321 li 110, 314 link 73, 307 map 315 meta 307 noscript 321 object 316 ol 110, 314 option 134, 320 p 94, 308 pre 311 q 158, 309 samp 311 script 238, 321 select 134, 320 small 313 span 102, 306 strong 94, 308 style 72, 307 sub 313 sup 313 table 118, 317 tbody 123, 318 td 118, 318 textarea 135, 161, 229, 320 HTML-Elemente (Forts.) tfoot 123, 318 th 122, 318 thead 122, 318 title 282, 306 tr 118, 317 tt 313 ul 109, 314 var 311 Hypertext 40 I i 312 Icon 226 Iditis 100 img 112, 315 Informationsboxen 222 Inline-Element 44 Innenabstand 190 input 129, 160, 320 input (button) 137 input (checkbox) 132 input (file) 132 input (image) 137 input (radio) 131 input (reset) 137 input (submit) 137 input (text) 130 ins 310 J JavaScript 237 jquery 241 Artikel ein- und ausblenden 266 Attribute 251 Attribute entfernen 253 Attribute hinzufügen 252 Attribute manipulieren 347 Attributfilter 346 Aufbau 243 CSS 351 CSS manipulieren 256 Dateien mit.load() importieren 271 Effekte 352 Element ausblenden 268 Elemente ausblenden 263 Ereignisse

31 Index jquery (Forts.) Filter 344 Funktionen abwechseln lassen 263 Geschwindigkeit von Effekten 259 HTML manipulieren 347 Klasse hinzufügen 245 Klassen manipulieren 347 Manipulation 253, 350 Objekt 244, 247 Script einbinden 242 Selektor 248 Selektoren 343 Sichtbarkeitsfilter 346 Text manipulieren 348 Text verändern 245, 265 jquery-funktion.hover() 258 add() 349 addclass() 245, 347 after() 255, 350 andself() 349 append() 253, 350 appendto() 253, 350 attr() 252, 347 before() 255, 350 children() 349 click() 243, 257, 352 css() 246, 256, 267, 351 dblclick() 352 empty() 351 end() 247, 349 fadein() 352 fadeout() 352 filter() 247, 348 find() 259, 349 focus() 268, 352 hasclass() 348 height() 351 hide() 244, 260, 352 hover() 351 html() 245, 253, 347 insertafter() 255, 350 insertbefore() 350 load() 272 next() 264, 349 nextall() 349 not() 348 parent() 349 parents() 264 jquery-funktion (Forts.) prepend() 255, 350 prependto() 255, 350 prev() 349 prevall() 349 ready() 243, 351 remove() 259 removeattr() 267, 347 removeclass() 347 replaceall() 351 replacewidth() 350 select() 352 show() 261, 352 slidedown() 352 slidetoggle() 352 slideup() 352 submit() 352 text() 253, 265, 348 toggle() 261, 351, 352 toggleclass() 347 width() 351 wrap() 255, 350 wrapall() 256, 350 wrapinner() 256, 350 jqueryfunktion insertbefore() 255 jquery-selektor > 249 ~ 250 Element 248 Kaskade 249 Klasse 248 kombinieren 248 this 245 K kbd 310 Kommentar CSS 64 HTML 45 jquery 261 L label 135, 228, 321 left 337 legend

32 Index letter-spacing 330 li 110, 314 line-height 96, 184, 329 Link 103 andere Seiten verlinken 103 Anker 105 Aufbau 103 Gestaltung 106 Hovereffekt 106 Titel 104 Unterstreichung entfernen 151 Zielfenster 104 link 73, 206, 211, 307, 328 Links a 312 Liste 108 Definitionsliste 110 Gestaltung 111, 152 Listensymbol ändern 186 Listensymbole 111 Navigation 141 sortiert 109 unsortiert 109 Listen 185 dd 315 dl 314 dt 315 li 314 ol 314 ul 314 Listenformatierung list-style 335 list-style-image 334 list-style-position 334 list-style-type 335 Listensymbol entfernen 218 list-style 187, 335 list-style-image 187, 334 list-style-position 185, 334 list-style-type 111, 186, 335 M map 315 margin 190, 334 Markup 40 Maßeinheiten 169 Absolute Angaben 170 cm 171 Maßeinheiten (Forts.) em 170 ex 170 Inch 171 mm 171 Pica 171 Pixel 170 Point 171 Prozentuale Angaben 171 Relative Angaben 170 max-height 199, 339 max-width 199, 339 Medientyp 74, 322 meta 307 Meta-Angabe author 281 copyright keywords 276, 281 robots 281, 282 Meta-Angaben 52 min-height 199, 339 min-width 199, 339 N Navigation 105, 141, 216 eine Ebene 141 horizontal 143 mehrere Ebenen 145 verschachtelte Listen 146 vertikal 147 noscript 321 O object 316 ol 110, 314 option 134, 320 orphans 340 overflow 201, 217, 338 P p 94, 308 padding 111, 127, 190, 334 padding-left 166 page-break-after 340 page-break-before

33 Index page-break-inside 340 Pfadangaben 55 absolut 56 Beispiele 58 relativ 57 relativ zur Basis 57 position 147, 194, 222, 298, 337 Positionieren Mitte 233 nebeneinander 224 Positionierung mit CSS 194 bottom 337 clear 337 float 337 left 337 position 337 right 337 top 337 z-index 337 Präsentation b 312 big 313 hr 314 i 312 small 313 sub 313 sup 313 tt 313 pre 311 Pseudoelement 204, 327 :after 204, 327 :before 204, 327 :first-letter 204, 327 :first-line 204, 327 Pseudoklasse 204, 327 :active 206, 211, 327 :first-child 328 :focus 206, 211, 300, 328 :hover 206, 328 :link 206, 211, 328 :visited 206, 211, 328 Reihenfolge 207 Q q 158, 309 R Rahmen border 333 border-color 331 border-richtung 333 border-richtung-color 332 border-richtung-style 332 border-richtung-width 332 border-style 332 border-width 332 Rahmenfarbe 188 Reihenfolge 207 right 337 S samp 311 Schlüsselwörter 276 Schrift 179 Schriftbild 208 direction 330 font 329 font-family 328 font-size 329 font-style 329 font-variant 329 font-weight 329 letter-spacing 330 line-height 329 text-align 330 text-decoration 330 text-indent 330 text-transform 331 vertical-align 331 white-space 331 word-spacing 331 Schriftgröße 181 Script noscript 321 script 321 script 238, 321 Seitentitel 220 select 134,

34 Index Selektor * 323 > 209 Attributselektor 324 ID-Selektor 324 Klassen-Selektor 323 kombinieren 67 Selektorkombinationen 325 Typ-Selektor 323 Typselektor 65 Universalselektor * 64, 207 Semantik 153 small 313 Sonderzeichen 54 span 102, 306 strong 94, 308 Struktur body 306 div 306 head 305 html 305 span 306 style 72, 307 sub 313 Suchmaschinenmanipulation 275 Suchmaschinenoptimierung 97, 275 Indexierung 279 robots.txt 284 Standardkonformer Code 279 Verlinkung 278 sup 313 T Tabelle 115 Attribute 120 Beispiel 118, 122 caption 318 col 319 colgroup 319 Gestaltung 126 Tabellenbeschriftung 126 Tabellenfußzeile 123 Tabellenkopf 122 Tabellenkörper 123 table 317 tbody 318 td 318 tfoot 318 Tabelle (Forts.) th 318 thead 318 tr 317 Überschriftenzelle 122 Zellen verbinden 119 Tabellenbeschriftung 126 Tabellenfußzeile 123 Tabellenkopf 122 Tabellenkörper 123 Tabellenlayout 115 table 118, 317 tbody 123, 318 td 118, 318 Text abbr 308 acronym 309 address 309 blockquote 309 br 311 cite 309 code 310 del 310 dfn 310 em 308 ins 310 kbd 310 p 308 pre 311 q 309 samp 311 strong 308 Überschriften 308 var 311 Text ausrichten 184 text-align 121, 184, 330 textarea 135, 161, 229, 320 text-decoration 108, 151, 185, 330 text-direction 330 Texthervorhebung 158 text-indent 330 text-transform 185, 331 tfoot 123, 318 th 122, 318 thead 122, 318 title 282, 306 Tool Firebug 72 Lynx

35 Index Tool (Forts.) MultipleIE 288 Web Accessibility Toolbar 297 top 337 tr 118, 317 Trennlinie 95 tt 313 U Überschrift Gestaltung 99 positionieren 150 richtige Reihenfolge 97 Überschriftenhierarchie 97 Überschriftenzelle 122 ul 109, 314 Unterstreichung bei Links 185 V var 311 Variablen in JavaScript 251 vertical-align 127, 331 visibility 203, 338 visited 206, 211, 328 W Webcrawler 278, 282 white-space 331 widows 341 width 167, 199, 339 word-spacing 331 X XHTML 51 Z Zahlenbereiche 170 Zeichensatz 53 Zeilenhöhe 96, 184 Zeilenumbruch 95 Zellen verbinden 119 z-index 200, 337 Zitat 158, 309 formatieren

Webseiten erstellen für Einsteiger

Webseiten erstellen für Einsteiger Daniel Mies Webseiten erstellen für Einsteiger Schritt für Schritt zur eigenen Website Galileo Press Vorbemerkungen 15 1 Vordem Start 21 1.1 Wie kommt die Seite aus dem Internet auf meinen Computer? 21

Mehr

Webseiten erstellen für Einsteiger

Webseiten erstellen für Einsteiger Daniel Mies Webseiten erstellen für Einsteiger Einführung in HTML, CSS, Suchmaschinenoptimierung und jquery Auf einen Blick 1 Vor dem Start... 19 TEIL I Grundlagen 2 Welche Aufgaben hat HTML?... 37 3 Wie

Mehr

Webseiten erstellen für Einsteiger

Webseiten erstellen für Einsteiger Daniel Mies Webseiten erstellen für Einsteiger Einführung in HTML, CSS, Suchmaschinenoptimierung und jquery Inhalt Vorbemerkungen... 15 1 Vor dem Start... 19 1.1 Wie kommt die Seite aus dem Internet auf

Mehr

Handbuch für Redakteure

Handbuch für Redakteure Handbuch für Redakteure Erste Schritte... 1 Artikel erstellen... 2 Artikelinhalt bearbeiten... 3 Artikel bearbeiten... 3 Grunddaten ändern... 5 Weitere Artikeleigenschaften... 5 Der WYSIWYG-Editor... 6

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

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

Funktionsbeschreibung Website-Generator

Funktionsbeschreibung Website-Generator Funktionsbeschreibung Website-Generator Website-Generator In Ihrem Privatbereich steht Ihnen ein eigener Websitegenerator zur Verfügung. Mit wenigen Klicks können Sie so eine eigene Website erstellen.

Mehr

Handbuch für Redakteure

Handbuch für Redakteure Handbuch für Redakteure Erste Schritte... 1 Artikel erstellen... 2 Artikelinhalt bearbeiten... 3 Artikel bearbeiten... 3 Grunddaten ändern... 5 Weitere Artikeleigenschaften... 5 Der WYSIWYG-Editor... 6

Mehr

Java Script für die Nutzung unseres Online-Bestellsystems

Java Script für die Nutzung unseres Online-Bestellsystems Es erreichen uns immer wieder Anfragen bzgl. Java Script in Bezug auf unser Online-Bestell-System und unser Homepage. Mit dieser Anleitung möchten wir Ihnen einige Informationen, und Erklärungen geben,

Mehr

Format- oder Stilvorlagen

Format- 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

Mehr

Schrittweise Anleitung zur Erstellung einer Angebotseite 1. In Ihrem Dashboard klicken Sie auf Neu anlegen, um eine neue Seite zu erstellen.

Schrittweise Anleitung zur Erstellung einer Angebotseite 1. In Ihrem Dashboard klicken Sie auf Neu anlegen, um eine neue Seite zu erstellen. Schrittweise Anleitung zur Erstellung einer Angebotseite 1. In Ihrem Dashboard klicken Sie auf Neu anlegen, um eine neue Seite zu erstellen. Klicken Sie auf Neu anlegen, um Ihre neue Angebotseite zu erstellen..

Mehr

Handbuch für Redakteure

Handbuch für Redakteure Handbuch für Redakteure Erste Schritte... 1 Artikel erstellen... 2 Artikelinhalt bearbeiten... 3 Artikel bearbeiten... 3 Trennen der Druck- und der Online-Version.. 4 Grunddaten ändern... 5 Weitere Artikel-eigenschaften...

Mehr

Anleitung. Datum: 28. Oktober 2013 Version: 1.2. Bildupload per FTP. FTP-Upload / Datei-Manager FTP. Glarotech GmbH

Anleitung. Datum: 28. Oktober 2013 Version: 1.2. Bildupload per FTP. FTP-Upload / Datei-Manager FTP. Glarotech GmbH Anleitung Datum: 28. Oktober 2013 Version: 1.2 Bildupload per FTP FTP-Upload / Datei-Manager FTP Glarotech GmbH Inhaltsverzeichnis Bilder per FTP hochladen...3 1. Installation FileZilla...3 2. FileZilla

Mehr

Robert R. Agular Thomas Kobert. 5. Auflage HTML. Inklusive CD-ROM

Robert R. Agular Thomas Kobert. 5. Auflage HTML. Inklusive CD-ROM Robert R. Agular Thomas Kobert 5. Auflage HTML Inklusive CD-ROM Vorwort 13 Einleitung 14 Arbeitsschritte 14 Wichtige Stellen im Buch 14 Buffi-Infokästen 14 Aufgaben 15 Wohin mit den Übungen? 15 HTML-Ordner

Mehr

podcast TUTORIAL Zugriff auf das Bildarchiv der Bergischen Universität Wuppertal über den BSCW-Server

podcast TUTORIAL Zugriff auf das Bildarchiv der Bergischen Universität Wuppertal über den BSCW-Server Das folgende Tutorial erläutert die grundlegenden Schritte für den Zugriff auf das Bildarchiv der Bergischen Universität Wuppertal. Als Nutzer für das Bildarchiv freischalten lassen Der Zugriff auf das

Mehr

http://bitschmiede.com post@bitschmiede.com Drucken von Webseiten Eine Anleitung, Version 1.0

http://bitschmiede.com post@bitschmiede.com Drucken von Webseiten Eine Anleitung, Version 1.0 http://bitschmiede.com post@bitschmiede.com Drucken von Webseiten Eine Anleitung, Version 1.0 Drucken von Webseiten Autor: Christian Heisch Technischer Verantwortlicher für die Webseitenumsetzung bei

Mehr

Microsoft Access 2010 Navigationsformular (Musterlösung)

Microsoft Access 2010 Navigationsformular (Musterlösung) Hochschulrechenzentrum Justus-Liebig-Universität Gießen Microsoft Access 2010 Navigationsformular (Musterlösung) Musterlösung zum Navigationsformular (Access 2010) Seite 1 von 5 Inhaltsverzeichnis Vorbemerkung...

Mehr

QTTabBar Einrichtung, ein Tutorial

QTTabBar Einrichtung, ein Tutorial QTTabBar Einrichtung, ein Tutorial Von Heiko Schulze Eines der ganz entscheidenden Dinge, das im Explorer fehlt ist das tabunterstützte Navigieren. Dafür gibt es bereits seit Jahren die QTTabBar. Sie wurde

Mehr

Es gibt zahlreiche Web-Programmiersprachen: HTML, CSS, JavaScript, PHP, Perl, Python, HTTP, XML und viele weitere.

Es gibt zahlreiche Web-Programmiersprachen: HTML, CSS, JavaScript, PHP, Perl, Python, HTTP, XML und viele weitere. 1.0.0 Allgemeine Informationen Es gibt zahlreiche Web-Programmiersprachen: HTML, CSS, JavaScript, PHP, Perl, Python, HTTP, XML und viele weitere. Wir werden uns hauptsächlich mit HTML beschäftigen, weil

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

Da die Bedienung des Editors viele Möglichkeiten aufweist, aber auch etwas Übung voraussetzt, haben wir ihm ein eigenes Unterkapitel gewidmet.

Da die Bedienung des Editors viele Möglichkeiten aufweist, aber auch etwas Übung voraussetzt, haben wir ihm ein eigenes Unterkapitel gewidmet. 5.6. Der HTML-Editor Da die Bedienung des Editors viele Möglichkeiten aufweist, aber auch etwas Übung voraussetzt, haben wir ihm ein eigenes Unterkapitel gewidmet. Bild 33: Der Editor 5.6.1. Allgemeine

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

CASCADING STYLE SHEETS WEBSEITEN-GESTALTUNG MIT CSS

CASCADING STYLE SHEETS WEBSEITEN-GESTALTUNG MIT CSS CASCADING STYLE SHEETS WEBSEITEN-GESTALTUNG MIT CSS Sören Elvers, Julia Polner, Max Weller, Moritz Willig T-Doku, Werner-von-Siemens-Schule, Wetzlar 2010-2011 INHALT DIESES VORTRAGS 1. Kurze Einführung

Mehr

FuxMedia Programm im Netzwerk einrichten am Beispiel von Windows 7

FuxMedia Programm im Netzwerk einrichten am Beispiel von Windows 7 FuxMedia Programm im Netzwerk einrichten am Beispiel von Windows 7 Die Installation der FuxMedia Software erfolgt erst NACH Einrichtung des Netzlaufwerks! Menüleiste einblenden, falls nicht vorhanden Die

Mehr

WordPress installieren mit Webhosting

WordPress installieren mit Webhosting Seite 1 von 8 webgipfel.de WordPress installieren mit Webhosting Um WordPress zu nutzen, muss man es zunächst installieren. Die Installation ist im Vergleich zu anderen Systemen sehr einfach. In dieser

Mehr

1 Vor dem Start... 21. TEIL I Grundlagen 2 Welche Aufgaben hat HTML?... 39. 3 Wie gestalten wir unsere Webseite mit CSS?... 61

1 Vor dem Start... 21. TEIL I Grundlagen 2 Welche Aufgaben hat HTML?... 39. 3 Wie gestalten wir unsere Webseite mit CSS?... 61 Auf einen Blick 1 Vor dem Start... 21 TEIL I Grundlagen 2 Welche Aufgaben hat HTML?... 39 3 Wie gestalten wir unsere Webseite mit CSS?... 61 TEIL II Praxis 4 Einer Webseite mit HTML Struktur verleihen...

Mehr

Kurzanleitung fu r Clubbeauftragte zur Pflege der Mitgliederdaten im Mitgliederbereich

Kurzanleitung fu r Clubbeauftragte zur Pflege der Mitgliederdaten im Mitgliederbereich Kurzanleitung fu r Clubbeauftragte zur Pflege der Mitgliederdaten im Mitgliederbereich Mitgliederbereich (Version 1.0) Bitte loggen Sie sich in den Mitgliederbereich mit den Ihnen bekannten Zugangsdaten

Mehr

Bedienung des Web-Portales der Sportbergbetriebe

Bedienung des Web-Portales der Sportbergbetriebe Bedienung des Web-Portales der Sportbergbetriebe Allgemein Über dieses Web-Portal, können sich Tourismusbetriebe via Internet präsentieren, wobei jeder Betrieb seine Daten zu 100% selbst warten kann. Anfragen

Mehr

4.1 Wie bediene ich das Webportal?

4.1 Wie bediene ich das Webportal? 4.1 Wie bediene ich das Webportal? Die Bedienung ist durch ein Redaktionssystem sehr einfach möglich. Das Tutorial zeigt Ihnen wie Sie SMS-News und Top-News erstellen und veröffentlichen können. Schritt

Mehr

CSS-Grundlagen. Etwas über Browser. Kapitel. Die Vorbereitung

CSS-Grundlagen. Etwas über Browser. Kapitel. Die Vorbereitung Kapitel 1 Die Vorbereitung Vorgängerversionen. Bald darauf folgte dann schon die Version 4, die mit einer kleinen Bearbeitung bis vor Kurzem 15 Jahre unverändert gültig war. All das, was du die letzten

Mehr

CompuMaus-Brühl-Computerschulung Anleitung CMS-Joomla Version 2.5

CompuMaus-Brühl-Computerschulung Anleitung CMS-Joomla Version 2.5 Inhalt CompuMaus-Brühl-Computerschulung Als Administrator im Backend anmelden 1 Installation eines komfortablen Editor JCE 2 Stellen Sie den neuen Editor für den Administrator ein: 2 Schalten Sie nicht

Mehr

Flash Videos einbinden

Flash Videos einbinden Flash Videos einbinden Im Kapitel Videos einbinden ( - ) haben Sie gesehen, wie man einfach und ohne Zusatzprogramme kleine Videoclips auf seiner einbinden kann. Ich persönlich würde jedem dieses Verfahren

Mehr

Webdesign-Multimedia HTML und CSS

Webdesign-Multimedia HTML und CSS Webdesign-Multimedia HTML und CSS Thomas Mohr HTML Definition ˆ HTML (Hypertext Markup Language) ist eine textbasierte Auszeichnungssprache (engl. markup language) zur Strukturierung digitaler Dokumente

Mehr

TeamSpeak3 Einrichten

TeamSpeak3 Einrichten TeamSpeak3 Einrichten Version 1.0.3 24. April 2012 StreamPlus UG Es ist untersagt dieses Dokument ohne eine schriftliche Genehmigung der StreamPlus UG vollständig oder auszugsweise zu reproduzieren, vervielfältigen

Mehr

Wordpress: Blogbeiträge richtig löschen, archivieren und weiterleiten

Wordpress: Blogbeiträge richtig löschen, archivieren und weiterleiten Wordpress: Blogbeiträge richtig löschen, archivieren und weiterleiten Version 1.0 Wordpress: Blogbeiträge richtig löschen, archivieren und weiterleiten In unserer Anleitung zeigen wir Dir, wie Du Blogbeiträge

Mehr

Ein Leitfaden für Anfänger unter Zuhilfenahme frei verfügbarer Software! (bei z.b. Google Microsoft Powertoys suchen, oder diesen Link verwenden )

Ein Leitfaden für Anfänger unter Zuhilfenahme frei verfügbarer Software! (bei z.b. Google Microsoft Powertoys suchen, oder diesen Link verwenden ) Wie erstelle ich Fotogalerien? Wie kann ich die auf meiner Homepage präsentieren? Ein Leitfaden für Anfänger unter Zuhilfenahme frei verfügbarer Software! Die ist eine Lösung für Windows XP Diese Lösung

Mehr

FTP-Server einrichten mit automatischem Datenupload für SolarView@Fritzbox

FTP-Server einrichten mit automatischem Datenupload für SolarView@Fritzbox FTP-Server einrichten mit automatischem Datenupload für SolarView@Fritzbox Bitte beachten: Der im folgenden beschriebene Provider "www.cwcity.de" dient lediglich als Beispiel. Cwcity.de blendet recht häufig

Mehr

ArenaSchweiz AG. CMS Concrete5.7 Erste Schritte

ArenaSchweiz AG. CMS Concrete5.7 Erste Schritte CMS Concrete5.7 Erste Schritte Anmelden Öffnen Sie Ihren Browser und geben Sie Ihre Website-Adresse ein, dazu «/login» Beispiel: http://www.domainname.ch/login Geben Sie Benutzername und Passwort ein und

Mehr

WEBSEITEN ENTWICKELN MIT ASP.NET

WEBSEITEN ENTWICKELN MIT ASP.NET jamal BAYDAOUI WEBSEITEN ENTWICKELN MIT ASP.NET EINE EINFÜHRUNG MIT UMFANGREICHEM BEISPIELPROJEKT ALLE CODES IN VISUAL BASIC UND C# 3.2 Installation 11 Bild 3.2 Der Webplattform-Installer Bild 3.3 IDE-Startbildschirm

Mehr

Mozilla Firefox - Zeit für den Wechsel

Mozilla Firefox - Zeit für den Wechsel Browser Alternative: Mozilla Firefox 2.0 Mozilla Firefox - Zeit für den Wechsel Klaus Herzberg-Moser / November,Dezember 2007 1. Webseite in Tabs öffnen Seite 2 2. Sitzungswiederherstellung Seite 3 3.

Mehr

4 Aufzählungen und Listen erstellen

4 Aufzählungen und Listen erstellen 4 4 Aufzählungen und Listen erstellen Beim Strukturieren von Dokumenten und Inhalten stellen Listen und Aufzählungen wichtige Werkzeuge dar. Mit ihnen lässt sich so ziemlich alles sortieren, was auf einer

Mehr

Seite 1 von 14. Cookie-Einstellungen verschiedener Browser

Seite 1 von 14. Cookie-Einstellungen verschiedener Browser Seite 1 von 14 Cookie-Einstellungen verschiedener Browser Cookie-Einstellungen verschiedener Browser, 7. Dezember 2015 Inhaltsverzeichnis 1.Aktivierung von Cookies... 3 2.Cookies... 3 2.1.Wofu r braucht

Mehr

Textgestaltung mit dem Editor TinyMCE Schritt für Schritt

Textgestaltung mit dem Editor TinyMCE Schritt für Schritt Textgestaltung mit dem Editor TinyMCE Schritt für Schritt Folgender Artikel soll veröffentlicht und mit dem Editor TinyMCE gestaltet werden: Eine große Überschrift Ein Foto Hier kommt viel Text. Hier kommt

Mehr

CodeSaver. Vorwort. Seite 1 von 6

CodeSaver. Vorwort. Seite 1 von 6 CodeSaver Vorwort Die Flut der Passwörter nimmt immer mehr zu. Kontopasswörter, Passwörter für Homepages, Shellzugriffe, Registrierungscodes für Programme und und und. Da ich aber nicht sonderlich viel

Mehr

Sobald Sie in Moodle einen Textbeitrag verfassen möchten, erhalten Sie Zugang zu folgendem HTML- Texteditor:

Sobald Sie in Moodle einen Textbeitrag verfassen möchten, erhalten Sie Zugang zu folgendem HTML- Texteditor: Texteditor Sobald Sie in Moodle einen Textbeitrag verfassen möchten, erhalten Sie Zugang zu folgendem HTML- Texteditor: Anmerkung für Mac-User: Da der Safari-Browser evtl. Probleme mit dem Editor von Moodle

Mehr

Wie richten Sie Ihr Web Paket bei Netpage24 ein

Wie richten Sie Ihr Web Paket bei Netpage24 ein Wie richten Sie Ihr Web Paket bei Netpage24 ein Eine kostenlose ebook Anleitung von Netpage24 - Webseite Information 1 E-Mail Bestätigung... 3 2 Ticketsystem... 3 3 FTP Konto anlegen... 4 4 Datenbank anlegen...

Mehr

NOXON Connect Bedienungsanleitung Manual

NOXON Connect Bedienungsanleitung Manual Software NOXON Connect Bedienungsanleitung Manual Version 1.0-03/2011 1 NOXON Connect 2 Inhalt Einführung... 4 Die Installation... 5 Der erste Start.... 7 Account anlegen...7 Hinzufügen eines Gerätes...8

Mehr

Schulung Marketing Engine Thema : Einrichtung der App

Schulung Marketing Engine Thema : Einrichtung der App Schulung Marketing Engine Thema : Einrichtung der App Videoanleitung : http://www.edge-cdn.net/video_885168?playerskin=48100 Marketing Engine Tool : App Paket : Basis / Premium Version 2.0-03.11.2015 1

Mehr

Anleitung Homepage TAfIE

Anleitung Homepage TAfIE Anleitung Homepage TAfIE Wichtig: Die HP kann nur mit Mozilla Firefox korrekt bearbeitet werden. Wer den Browser noch nicht am Computer hat, muss ihn herunterladen und installieren. Freigabe von Veröffentlichungen:

Mehr

Webdesign mit (X)HTML und CSS

Webdesign mit (X)HTML und CSS Webdesign mit (X)HTML und CSS Das Praxisbuch zum Einsteigen, Auffrischen und Vertiefen Deutsche Ausgabe der 3. englischen Auflage Jennifer Niederst Robbins Übersetzung von Kathrin Lichtenberg O'REILLY*

Mehr

Windows. Workshop Internet-Explorer: Arbeiten mit Favoriten, Teil 1

Windows. Workshop Internet-Explorer: Arbeiten mit Favoriten, Teil 1 Workshop Internet-Explorer: Arbeiten mit Favoriten, Teil 1 Wenn der Name nicht gerade www.buch.de oder www.bmw.de heißt, sind Internetadressen oft schwer zu merken Deshalb ist es sinnvoll, die Adressen

Mehr

Datei Erweiterungen Anzeigen!

Datei Erweiterungen Anzeigen! Einleitung Beim Kauf eines PCs werden die Dateierweiterungen sowie einige Dateien nicht angezeigt. Grund: Es gibt sehr viele Dateien die für das System ganz wichtig sind. Diese Dateien und auch Ordner

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

Gruppenrichtlinien und Softwareverteilung

Gruppenrichtlinien und Softwareverteilung Gruppenrichtlinien und Softwareverteilung Ergänzungen zur Musterlösung Bitte lesen Sie zuerst die gesamte Anleitung durch! Vorbemerkung: Die Begriffe OU (Organizational Unit) und Raum werden in der folgenden

Mehr

Anleitungen zum Publizieren Ihrer Homepage

Anleitungen zum Publizieren Ihrer Homepage Anleitungen zum Publizieren Ihrer Homepage Einrichtung und Konfiguration zum Veröffentlichen Ihrer Homepage mit einem Programm Ihrer Wahl Stand Februar 2015 Die Anleitungen gelten für die Homepage-Produkte:

Mehr

Wordpress installieren

Wordpress installieren Wordpress installieren auf Ihrem Webhosting 2016 Jörg Rothhardt, Schrakauer Str.22, 03205 Calau 1. Ausgabe - internetmarketingstart.de WordPress installieren... 3 Die einfache Installation von WordPress...

Mehr

Jederzeit Ordnung halten

Jederzeit Ordnung halten Kapitel Jederzeit Ordnung halten 6 auf Ihrem Mac In diesem Buch war bereits einige Male vom Finder die Rede. Dieses Kapitel wird sich nun ausführlich diesem so wichtigen Programm widmen. Sie werden das

Mehr

Daten-Synchronisation zwischen dem ZDV-Webmailer und Outlook (2002-2007) Zentrum für Datenverarbeitung der Universität Tübingen

Daten-Synchronisation zwischen dem ZDV-Webmailer und Outlook (2002-2007) Zentrum für Datenverarbeitung der Universität Tübingen Daten-Synchronisation zwischen dem ZDV-Webmailer und Outlook (2002-2007) Zentrum für Datenverarbeitung der Universität Tübingen Inhalt 1. Die Funambol Software... 3 2. Download und Installation... 3 3.

Mehr

Um über FTP Dateien auf Ihren Public Space Server - Zugang laden zu können benötigen Sie folgende Angaben:

Um über FTP Dateien auf Ihren Public Space Server - Zugang laden zu können benötigen Sie folgende Angaben: FTP-Upload auf den Public Space Server mit FileZilla 1. Was wird benötigt? Um über FTP Dateien auf Ihren Public Space Server - Zugang laden zu können benötigen Sie folgende Angaben: Benutzername: Ihr Webuser

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

Wonneberger Homepage

Wonneberger Homepage Berichte online erfassen für die Wonneberger Homepage (http://www.wonneberg.de) 26.08.2015 Gemeinde Wonneberg - Peter Wolff Version 1.4 Inhaltsverzeichnis Einleitung... 2 1. Anmeldung... 3 2. Neuen Artikel

Mehr

Wenn nicht alle alles mitbekommen sollen: Surfspuren vollständig beseitigen

Wenn nicht alle alles mitbekommen sollen: Surfspuren vollständig beseitigen Wenn nicht alle alles mitbekommen sollen: Surfspuren vollständig beseitigen 4 Wenn nicht alle alles mitbekommen sollen: Surfspuren vollständig beseitigen Ihre Frau möchte nachher im Internet surfen, und

Mehr

L10N-Manager 3. Netzwerktreffen der Hochschulübersetzer/i nnen Mannheim 10. Mai 2016

L10N-Manager 3. Netzwerktreffen der Hochschulübersetzer/i nnen Mannheim 10. Mai 2016 L10N-Manager 3. Netzwerktreffen der Hochschulübersetzer/i nnen Mannheim 10. Mai 2016 Referentin: Dr. Kelly Neudorfer Universität Hohenheim Was wir jetzt besprechen werden ist eine Frage, mit denen viele

Mehr

Um in das Administrationsmenü zu gelangen ruft Ihr Eure Seite auf mit dem Zusatz?mod=admin :

Um in das Administrationsmenü zu gelangen ruft Ihr Eure Seite auf mit dem Zusatz?mod=admin : WebsoziCMS 2.8.9 Kurzanleitung Stand: 10.04.2008 Andreas Kesting Diese Kurzanleitung zum WebsoziCMS 2.8.9 beschränkt beschränkt sich auf die häufigsten Tätigkeiten beim Administrieren Eurer Homepage: -

Mehr

Einrichtung des Cisco VPN Clients (IPSEC) in Windows7

Einrichtung des Cisco VPN Clients (IPSEC) in Windows7 Einrichtung des Cisco VPN Clients (IPSEC) in Windows7 Diese Verbindung muss einmalig eingerichtet werden und wird benötigt, um den Zugriff vom privaten Rechner oder der Workstation im Home Office über

Mehr

1. Anmeldung in das Content Management System WEBMIN CMS

1. Anmeldung in das Content Management System WEBMIN CMS Anleitung 1. Anmeldung in das Content Management System WEBMIN CMS A. Öffnen Sie Ihre Internetseite und schreiben Sie hinter der Domain noch /webmin/. Die Adresse (URL) wird wie folgt aussehen: http://www.ihre-domain.de/webmin/

Mehr

Einführungskurs MOODLE Themen:

Einführungskurs MOODLE Themen: Einführungskurs MOODLE Themen: Grundlegende Einstellungen Teilnehmer in einen Kurs einschreiben Konfiguration der Arbeitsunterlagen Konfiguration der Lernaktivitäten Die Einstellungen für einen Kurs erreichst

Mehr

Webseiten anlegen, verwalten, verändern. Alles im Browser. Am besten Firefox.

Webseiten anlegen, verwalten, verändern. Alles im Browser. Am besten Firefox. WEB CMS HELP Webseiten anlegen, verwalten, verändern. Alles im Browser. Am besten Firefox. Die von Dir entworfene Seite wird auf dem WEB_CMS-Server gespeichert und kann so immer wieder verändert werden.

Mehr

BILDER TEILEN MIT DROPBOX

BILDER TEILEN MIT DROPBOX Bilder teilen mit Dropbox für registrierte User Mit Dropbox schiebt man Daten in einen virtuellen Ordner im Internet, auf den Freunde von jedem PC aus zugreifen können. 1. Bilder anschauen Beschreibung

Mehr

Anleitung für Autoren auf sv-bofsheim.de

Anleitung für Autoren auf sv-bofsheim.de Anleitung für Autoren auf sv-bofsheim.de http://www.sv-bofsheim.de 1 Registrieren als Benutzer sv-bofsheim.de basiert auf der Software Wordpress, die mit einer Erweiterung für ein Forum ausgestattet wurde.

Mehr

Einfügen von Bildern innerhalb eines Beitrages

Einfügen von Bildern innerhalb eines Beitrages Version 1.2 Einfügen von Bildern innerhalb eines Beitrages Um eigene Bilder ins Forum einzufügen, gibt es zwei Möglichkeiten. 1.) Ein Bild vom eigenem PC wird auf den Webspace von Baue-die-Bismarck.de

Mehr

Favoriten sichern. Sichern der eigenen Favoriten aus dem Webbrowser. zur Verfügung gestellt durch: ZID Dezentrale Systeme.

Favoriten sichern. Sichern der eigenen Favoriten aus dem Webbrowser. zur Verfügung gestellt durch: ZID Dezentrale Systeme. Favoriten sichern Sichern der eigenen Favoriten aus dem Webbrowser zur Verfügung gestellt durch: ZID Dezentrale Systeme Februar 2015 Seite 2 von 20 Inhaltsverzeichnis Einleitung... 3 Mozilla Firefox...

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

Tipps und Tricks zu den Updates

Tipps und Tricks zu den Updates Tipps und Tricks zu den Updates Grundsätzlich können Sie Updates immer auf 2 Wegen herunterladen, zum einen direkt über unsere Internetseite, zum anderen aus unserer email zu einem aktuellen Update. Wenn

Mehr

Der transparente Look. Die Struktur, die oben angegeben wurde, ist im Anwendungsdesigner, wie in der nächsten Grafik ersichtlich, abgebildet.

Der transparente Look. Die Struktur, die oben angegeben wurde, ist im Anwendungsdesigner, wie in der nächsten Grafik ersichtlich, abgebildet. Intrapact Layout Allgemeines Das Layout einer Firma wird im Intrapact Manager, und dort im Layout Designer erstellt. Alle Eingaben im Layout Designer dienen dazu um die CSS/ASP Dateien zu generieren, die

Mehr

Mediator 9 - Lernprogramm

Mediator 9 - Lernprogramm Mediator 9 - Lernprogramm Ein Lernprogramm mit Mediator erstellen Mediator 9 bietet viele Möglichkeiten, CBT-Module (Computer Based Training = Computerunterstütztes Lernen) zu erstellen, z. B. Drag & Drop

Mehr

Webgestaltung - Jimdo 2.7

Webgestaltung - Jimdo 2.7 4. Jimdo 4.1 Vorbereitung Jimdo ist ein Anbieter um Webseiten direkt im Internet zu erstellen. Grundfunktionen sind gratis, erweiterte Angebote sind kostenpflichtig. Wir werden mit der kostenlosen Variante

Mehr

Nicht kopieren. Der neue Report von: Stefan Ploberger. 1. Ausgabe 2003

Nicht kopieren. Der neue Report von: Stefan Ploberger. 1. Ausgabe 2003 Nicht kopieren Der neue Report von: Stefan Ploberger 1. Ausgabe 2003 Herausgeber: Verlag Ploberger & Partner 2003 by: Stefan Ploberger Verlag Ploberger & Partner, Postfach 11 46, D-82065 Baierbrunn Tel.

Mehr

Drucken aus der Anwendung

Drucken aus der Anwendung Drucken aus der Anwendung Drucken aus der Anwendung Nicht jeder Großformatdruck benötigt die volle Funktionsvielfalt von PosterJet - häufig sind es Standarddrucke wie Flussdiagramme und Organigramme die

Mehr

Erstellen eines Beitrags auf der Homepage Schachverband Schleswig-Holstein - Stand vom 01.06.2015

Erstellen eines Beitrags auf der Homepage Schachverband Schleswig-Holstein - Stand vom 01.06.2015 Erstellen eines Beitrags auf der Homepage Einleitung... 3 01 Startseite aufrufen... 4 02 Anmeldedaten eingeben... 5 03 Anmelden... 6 04 Anmeldung erfolgreich... 7 05 Neuen Beitrag anlegen... 8 06 Titel

Mehr

Nach der Installation des FolderShare-Satellits wird Ihr persönliches FolderShare -Konto erstellt.

Nach der Installation des FolderShare-Satellits wird Ihr persönliches FolderShare -Konto erstellt. FolderShare Installation & Konfiguration Installation Eine kostenlose Version von FolderShare kann unter http://www.foldershare.com/download/ heruntergeladen werden. Sollte die Installation nicht automatisch

Mehr

Text Formatierung in Excel

Text Formatierung in Excel Text Formatierung in Excel Das Aussehen des Textes einer oder mehrerer Zellen kann in Excel über verschiedene Knöpfe beeinflusst werden. Dazu zuerst die betroffenen Zelle(n) anwählen und danach den entsprechenden

Mehr

In dem unterem Feld können Sie Ihre E-Mail eintragen, wenn sie im System hinterlegt wurde. Dann wird Ihnen Ihr Passwort noch einmal zugeschickt.

In dem unterem Feld können Sie Ihre E-Mail eintragen, wenn sie im System hinterlegt wurde. Dann wird Ihnen Ihr Passwort noch einmal zugeschickt. Wyhdata Hilfe Login: www.n-21online.de (Login Formular) Ihr Login-Name: Hier tragen Sie Redak1 bis Redak6 ein, der Chefredakteur bekommt ein eigenes Login. Ihr Passwort: Eine Zahlenkombination, die vom

Mehr

[E-MAILS VERWALTEN MIT WINDOWS LVE MAIL]

[E-MAILS VERWALTEN MIT WINDOWS LVE MAIL] [E-MAILS VERWALTEN MIT WINDOWS LVE MAIL] Inhalt... 2 Einleitung... 3 Wo bekomme ich das Programm her... 4 Programm installieren... 4 E-Mailprogramm einrichten... 6 Menüzeile... 7 E-Mails verfassen... 7

Mehr

ecall sms & fax-portal

ecall sms & fax-portal ecall sms & fax-portal Beschreibung des Imports und Exports von Adressen Dateiname Beschreibung_-_eCall_Import_und_Export_von_Adressen_2015.10.20 Version 1.1 Datum 20.10.2015 Dolphin Systems AG Informieren

Mehr

FTP Tutorial. Das File Transfer Protocol dient dem Webmaster dazu eigene Dateien wie z.b. die geschriebene Webseite auf den Webserver zu laden.

FTP Tutorial. Das File Transfer Protocol dient dem Webmaster dazu eigene Dateien wie z.b. die geschriebene Webseite auf den Webserver zu laden. FTP Tutorial Das File Transfer Protocol dient dem Webmaster dazu eigene Dateien wie z.b. die geschriebene Webseite auf den Webserver zu laden. Um eine solche Verbindung aufzubauen werden einerseits die

Mehr

.htaccess HOWTO. zum Schutz von Dateien und Verzeichnissen mittels Passwortabfrage

.htaccess HOWTO. zum Schutz von Dateien und Verzeichnissen mittels Passwortabfrage .htaccess HOWTO zum Schutz von Dateien und Verzeichnissen mittels Passwortabfrage Stand: 21.06.2015 Inhaltsverzeichnis 1. Vorwort...3 2. Verwendung...4 2.1 Allgemeines...4 2.1 Das Aussehen der.htaccess

Mehr

Windows 98 / Windows NT mit NCP WAN Miniport-Treiber 23. Oktober 1998

Windows 98 / Windows NT mit NCP WAN Miniport-Treiber 23. Oktober 1998 Windows 98 / Windows NT mit NCP WAN Miniport-Treiber 23. Oktober 1998 XBMPD Windows 98 mit NCP WAN Miniport-Treiber 3 Benötigte Hard- und Software: 1. NCP ISDN ARROW Karte oder Box 2. Ihre CD-Rom mit dem

Mehr

Aktions-Tool. Online-Verwaltung für Einrichtungen & Unternehmen. Online-Verwaltung für Einrichtungen & Unternehmen

Aktions-Tool. Online-Verwaltung für Einrichtungen & Unternehmen. Online-Verwaltung für Einrichtungen & Unternehmen Aktions-Tool Online-Verwaltung für Einrichtungen & Unternehmen Inhaltsverzeichnis Kapitel 1 Willkommen beim Veranstaltungs-Tool des Boys Day Kapitel 2 Online-Verwaltung für Einrichtungen und Organisationen

Mehr

Handbuch Fischertechnik-Einzelteiltabelle V3.7.3

Handbuch Fischertechnik-Einzelteiltabelle V3.7.3 Handbuch Fischertechnik-Einzelteiltabelle V3.7.3 von Markus Mack Stand: Samstag, 17. April 2004 Inhaltsverzeichnis 1. Systemvorraussetzungen...3 2. Installation und Start...3 3. Anpassen der Tabelle...3

Mehr

HTML5. Wie funktioniert HTML5? Tags: Attribute:

HTML5. Wie funktioniert HTML5? Tags: Attribute: HTML5 HTML bedeutet Hypertext Markup Language und liegt aktuell in der fünften Fassung, also HTML5 vor. HTML5 ist eine Auszeichnungssprache mit der Webseiten geschrieben werden. In HTML5 wird festgelegt,

Mehr

Anleitung für den Euroweb-Newsletter

Anleitung für den Euroweb-Newsletter 1. Die Anmeldung Begeben Sie sich auf der Euroweb Homepage (www.euroweb.de) in den Support-Bereich und wählen dort den Punkt Newsletter aus. Im Folgenden öffnet sich in dem Browserfenster die Seite, auf

Mehr

Das sogenannte Beamen ist auch in EEP möglich ohne das Zusatzprogramm Beamer. Zwar etwas umständlicher aber es funktioniert

Das sogenannte Beamen ist auch in EEP möglich ohne das Zusatzprogramm Beamer. Zwar etwas umständlicher aber es funktioniert Beamen in EEP Das sogenannte Beamen ist auch in EEP möglich ohne das Zusatzprogramm Beamer. Zwar etwas umständlicher aber es funktioniert Zuerst musst du dir 2 Programme besorgen und zwar: Albert, das

Mehr

DRF-A3 IEEE 1394 FireWire Adapter Schnellinstallationsleitfaden

DRF-A3 IEEE 1394 FireWire Adapter Schnellinstallationsleitfaden DRF-A3 IEEE 1394 FireWire Adapter Schnellinstallationsleitfaden DRF-A3 Schnellinstallationsleitfaden Vielen Dank, dass Sie die D-Link DRF-A3 PCI FireWire Upgradekarte gekauft haben. Dieser Leitfaden zeigt

Mehr

Betriebssysteme Arbeiten mit dem Windows Explorer

Betriebssysteme Arbeiten mit dem Windows Explorer Frage: Betriebssysteme Arbeiten mit dem Windows Explorer Was ist der Windows Explorer und welche Funktionen bietet er? Antwort: Der Windows Explorer ist das primäre Windows-eigene Programm zum Kopieren,

Mehr

Diese Ansicht erhalten Sie nach der erfolgreichen Anmeldung bei Wordpress.

Diese Ansicht erhalten Sie nach der erfolgreichen Anmeldung bei Wordpress. Anmeldung http://www.ihredomain.de/wp-admin Dashboard Diese Ansicht erhalten Sie nach der erfolgreichen Anmeldung bei Wordpress. Das Dashboard gibt Ihnen eine kurze Übersicht, z.b. Anzahl der Beiträge,

Mehr

Password Depot für ios

Password Depot für ios Password Depot für ios Inhaltsverzeichnis Erste Schritte... 1 Kennwörterdatei erstellen... 1 Neue Einträge erstellen... 3 Einträge / Gruppen hinzufügen... 3 Einträge / Gruppen kopieren oder verschieben...

Mehr

Hinweise zum Übungsblatt Formatierung von Text:

Hinweise zum Übungsblatt Formatierung von Text: Hinweise zum Übungsblatt Formatierung von Text: Zu den Aufgaben 1 und 2: Als erstes markieren wir den Text den wir verändern wollen. Dazu benutzen wir die linke Maustaste. Wir positionieren den Mauszeiger

Mehr

mysql - Clients MySQL - Abfragen eine serverbasierenden Datenbank

mysql - Clients MySQL - Abfragen eine serverbasierenden Datenbank mysql - Clients MySQL - Abfragen eine serverbasierenden Datenbank In den ersten beiden Abschnitten (rbanken1.pdf und rbanken2.pdf) haben wir uns mit am Ende mysql beschäftigt und kennengelernt, wie man

Mehr

Warum Sie jetzt kein Onlinemarketing brauchen! Ab wann ist Onlinemarketing. So finden Sie heraus, wann Ihre Website bereit ist optimiert zu werden

Warum Sie jetzt kein Onlinemarketing brauchen! Ab wann ist Onlinemarketing. So finden Sie heraus, wann Ihre Website bereit ist optimiert zu werden CoachingBrief 02/2016 Warum Sie jetzt kein Onlinemarketing brauchen! Eine Frage gleich zu Anfang: Wie viele Mails haben Sie in dieser Woche erhalten, in denen behauptet wurde: Inhalt Ihre Webseite sei

Mehr