Montag, 3. November 2014

17. Tag HTML 03.11.2014




HTML/CSS
Ralf Herbst



website bauen

Im Projekt Avatar die Unterseiten:
- cast_crew.html
- kontakt.html
anhand vom Autohaus Luigi nachbauen


Im HTML-Editor im Ordner Seiten die Unterseiten anlegen:
- impressum.html
die Datei kontakt.html  speichern unter - Ordner Seiten und Namen impressum.html
im body-Bereich den Pfad abändern:
<ul>   <li><a href="../index.html">Home</a></li>
           <li><a href="angebote.html">Angebote</a></li>
           <li><a href="gebrauchtwagen.html">Gebrauchtwagen</a></li>
           <li><a href="hit.html">Hit des Monats</a></li>
           <li><a href="galerie.html">Galerie</a></li>
           <li><a href="service.html">Service</a></li>
           <li><a href="kontakt.html">Kontakt</a></li>
           <li class="selected"><a href="#nogo">Impressum</a></li>
im maincontent-Bereich aus dem Ordner "work" aus der Datei "impressum.txt" die Angaben kopieren und einsetzen und bearbeiten:
<h1>Impressum</h1>  <!--Begin Impressum-->
<p>Autohaus Luigi GmbH & Co KG<br>
Jülicher Landstraße 91<br>
41464 Neuss<br>
Fon: 02131 - 45533<br>
Fax: 02131 - 42120<br>
Email: Autohaus-Luigi@luigi.com</p>
<p>Haftungshinweis:
Trotz sorgfältiger inhaltlicher Kontrolle übernehmen wir keine Haftung für die Inhalte externer Links. Für den Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich.</p>
<p>Inhaber der Domain<br>
Michael Giesen<br>
Luigi GmbH & Co KG<br>
Jülicher Landstraße 91<br>
41464 Neuss</p> <!--End of Impressum-->

- agb.html 
die Datei impressum.html  speichern unter - Ordner Seiten und Namen agb.html
im head-Bereich den Pfad zur agb.css-Datei anlegen:
       <link rel="stylesheet" href="../css/main.css" type="text/css">
       <link rel="stylesheet" href="../css/agb.css" type="text/css">
in der agb.css die Attribute der Gestaltung geben
im body-Bereich den Pfad abändern:
<ul>   <li><a href="../index.html">Home</a></li>
           <li><a href="angebote.html">Angebote</a></li>
           <li><a href="gebrauchtwagen.html">Gebrauchtwagen</a></li>
           <li><a href="hit.html">Hit des Monats</a></li>
           <li><a href="galerie.html">Galerie</a></li>
           <li><a href="service.html">Service</a></li>
           <li><a href="kontakt.html">Kontakt</a></li>
           <li><a href="impressum.html">Impressum</a></li>
           <li class="selected"><a href="#nogo">AGB</a></li>
im maincontent-Bereich aus dem Ordner "work" aus der Datei "agb.txt" die Angaben kopieren und einsetzen und bearbeiten:
<h1>AGB</h1>  <!--Begin AGB-->
<h2>Inhaltsverzeichnis</h2>
<h3>Allgemeine Geschäftsbedingungen</h3>
für die Überschriften legen wir eine Liste in einem div-container an mit einer Ankerverlinkung:
<div id="interneNavi">
<ol> <li><a href="#Geltungsbereich">Geltungsbereich</a></li>
         <li><a href="#Vertragsabschluss">Vertragsschluss</a></li>
         <li><a href="#Ruecksendekosten">Rücksendekosten ...</a></li>
         <li<a href="#Preise">>Preise und Zahlungsbedingungen</a></li>
         <li><a href="#Versandbedingungen">Liefer- und Versandbedingungen</a></li>
         <li><a href="#Maengelhaftung">Mängelhaftung</a></li>
         <li><a href="#Anwendbares_Recht">Anwendbares Recht</a></li>
         <li><a href="#Info">Info Verkäufer</a></li>
</ol> </div>
= Benannter Anker name orginal Methode
<h3><a name="Geltungsbereich"></a>1 Geltungsbereich</h3>
<p>1.1 Diese Geschäftsbedingungen von "Ralf Herbst" (nachfolgend "Verkäufer"), gelten für alle Verträge, die ein Verbraucher oder Unternehmer (nachfolgend "Kunde") mit dem Verkäufer hinsichtlich der vom Verkäufer in seinem Online-Shop dargestellten Waren und/oder Leistungen abschließt. Hiermit wird der Einbeziehung von eigenen Bedingungen des Kunden widersprochen, es sei denn, es ist etwas anderes vereinbart.</p>
<p>1.2 Ein Verbraucher im Sinne dieser Allgemeinen Geschäftsbedingungen ist jede natürliche Person, die ein Rechtsgeschäft zu einem Zweck abschließt, der weder ihrer gewerblichen noch ihrer selbstständigen beruflichen Tätigkeit zugerechnet werden kann. Ein Unternehmer im Sinne dieser Allgemeinen Geschäftsbedingungen ist jede natürliche oder juristische Person oder eine rechtsfähige Personengesellschaft, die bei Abschluss eines Rechtsgeschäfts in Ausübung ihrer selbstständigen beruflichen oder gewerblichen Tätigkeit handelt.</p>
=  Benannter Anker id Dreamweaver
<h3><a id="Vertragsabschluss"></a>2 Vertragsschluss</h3>
<p>2.1 Die im Online-Shop des Verkäufers enthaltenen Produktdarstellungen stellen keine verbindlichen Angebote seitens des Verkäufers dar, sondern dienen zur Abgabe eines verbindlichen Angebots durch den Kunden.</p>
<p>2.2 Der Kunde kann das Angebot über das im Online-Shop des Verkäufers integrierte Online-Bestellformular abgeben. Bei einer Bestellung über das Online-Bestellformular gibt der Kunde nach Eingabe seiner persönlichen Daten und durch Klicken des Buttons "GEBEN SIE BITTE EINEN BESTELL-BUTTON TEXT IM RECHTSTEXTKONFIGURATOR AN!" im abschließenden Schritt des Bestellprozesses ein rechtlich verbindliches Vertragsangebot in Bezug auf die im Warenkorb enthaltenen Waren ab.</p>
usw. usw.   <!--End of AGB-->


Im Projekt Avatar die Unterseiten:
- impressum.html mit einbindung der AGBs, denn die agb.html gibt es nicht!
anhand vom Autohaus Luigi nachbauen


SEO - Suchmaschinenoptimierung
dazu Gedanken machen vor der Erstellung der Website
google PageRanking
unter die Top 10 zu kommen kostet viel Geld und Zeit,
Dienstleistung= €6.000/Monat - bringt aber auch Umsatzsteigerung
Keywords - Suchbegriffe
entscheidend: wie häufig ein Linkvon einer fremden Website zu meiner Website führt!
wichtig: guter Ruf! - jetzt die Möglichkeit bestimmte Bereiche lösen zu lassen! (Facebook etc.)
Cache: website offline
youtube webmaster
Meta-tags
mit Meta-Tags können Webmaster problemlos Infos über meine Websites für Suchmaschinen bereitstellen. Meta-Tags können verwendet werden, um die verschiedensten Clients mit Infos zu versorgen. Jedes System verarbeitet nur die jeweils bekannten Meta-Tags und ignoriert die unbekannten Tags. Meta-Tags werden dem Abschnitt <head> im index.html hinzugefügt.

Metagenerator
Seitwert
Webmasters

Mit der  Metatags   Seite den Mega-Tag erstellen

Beschreibung: Autohaus Luigi ist der größte Lambo Händler Europas von Lamboghinis, Autos, Sportwagen, Gebrauchtwagen und Cars
Schlüsselwörter: Lamborghinis, Autos, Sportwagen, Gebrauchtwagen, Cars
Kategorie:  Branche & Produkt
Typ: Anzeige, Kleinanzeige
Zielgruppe: alle
Wie Suchmaschine website durchsuchen: Website aufnehmen, alle Links verfolgen
Dublin Core Angaben: Haken setzen
= Meta-Tag erstellen - erscheint der Meta-Tag-Code

Meta-Tag-code kopieren und in der index.html-Datei im head-bereich einfügen
<html lang="de">   = w3c Standard für HTML5
    <head>
       <meta charset="utf-8">
       <!-- Ein Service vom Meta-Tag-Generator auf http://www.metaner.de/ -->
         <meta name="author" content="Salvatore Luigi">
         <meta name="publisher" content="Salvatore Luigi">
         <meta name="copyright" content="Birgit Murmann">
         <meta name="description" content="Autohaus Luigi ist der größte Lamob Händler Europas von Lamborhinis, Autos, Sportwagen, Gebrauchtwagen und Cars">
         <meta name="keywords" content="Lamborghini, Autos, Sportwagen, Gebrauchtwagen, Cars">
         <meta name="page-topic" content="Branche Produkt">
         <meta name="page-type" content="Anzeige Kleinanzeige">
         <meta name="audience" content="Alle">
diese Zeilen in Kommentar setzen und dafür im head lang="de" einfügen        
<!-- <meta http-equiv="content-language" content="de"> -->
         <meta name="robots" content="index, follow">
         <meta name="DC.Creator" content="Salvatore Luigi">
         <meta name="DC.Publisher" content="Salvatore Luigi">
         <meta name="DC.Rights" content="Birgit Murmann">
         <meta name="DC.Description" content="Autohaus Luigi ist der größte Lamob Händler Europas von Lamborhinis, Autos, Sportwagen, Gebrauchtwagen und Cars">
         <meta name="DC.Language" content="de">

Tools zur Keywordsuche:
google AdWords  Keywordplaner 
Sistrix
Searchmetrics
KwMap: Lamborghini
austesten von Keywords und die entsprechenden Keywordsergebnisse in eine Liste (Mindmap) eintragen und dann die Keywords ranken

die Stufung erfolgt:
URL: Autohaus Luigi
Unterseiten: Autos, Angebote, Gebrauchtwagen, Lamborghini usw.
h1: Überschrift

wichtig: Backlinks
dh. von anderen Websiten Links auf meine Website (Linktausch)

Domaintools
searchmetrics Backlinkanalyse
Affiliate Marketing Zanox


Keine Kommentare:

Kommentar veröffentlichen