Kategorien
Blog

Webdesign Umsetzung – So gehts!

Erstklassige Umsetzung des Webdesigns mit hoher Barrierefreiheit und sehr guter Usability

Heute ist ein gutes Webdesign unverzichtbar um sich bei der Konkurenz durchzusetzen. Ihr fertiges Screendesign werde ich zu einem erstklassigen Webdesign umarbeiten.

psd zu (x)html und css

In der Regel erhallte ich die .tiff oder .psd Datei mit Anweisungen. Das .tiff oder .psd werde ich zu xhtml und css mit bildern umwandeln. Ich habe sehr gute Kenntnisse von CSS und liebe es wenn eine Website W3C gültiges CSS hat. Durch die Verwendung von CSS ist ihre Website barrierrefreier.

Barrierrefreiheit und Usability

Barrierrefreiheit und Usability sind heute sehr wichtig im Internet. Stellen sie sich vor sie haben einen Kunden auf ihrer Website, der nicht den neusten Rechner und ältere Browser hat und deshalb den Bestellenbutton nicht betätigen kann. Oder ein Kunde sieht nicht mal den Text auf ihrer Website, weil seine Augen eine Farbschwäche/-defekt haben. Es gibt auch Websitenbesucher die sich die Websiten vorlesen lassen, weil sie blind sind. Diese Programme müssen ggf. auch über ihr Webdesign angesprochen werden.

Webdesigndarstellung in Browsern unterschiedlich

Es gibt verschiedene Browser und es gibt mitunter gravierende Darstellungsunterschiede bis hin zu unbrauchbaren Websites.

Je nach ihren Wunsch, lege ich Wert darauf, dass das Webdesign in vielen verschiedenen Browsern funktioniert und wie gewünscht aussieht.

Webdesign als Produkt von verschiedenen CMS

Häufig sind Joomla! Templates gefragt, welche die Kunden als Template installieren wollen. Aber auch Plone und für andere CMS, erstelle ich gerne das Webdesign.

Wie bekomme ich das erstklassige Webdesign?

In der Praxis sieht es so aus, dass ich von dem Designer das fertige Screendesign erhalte. (Sie haben kein Screendesign? Dann lassen sie sich von den Screendesignern von Tian Fröhlich ein Screendesign erstellen.) Das Screendesign werde ich dann als fertiges Webdesign abliefern, entweder direkt online auf ihrem Projekt oder als Zipdatei.

Anfrage Webdesign

Senden sie mir einfach eine Bilddatei (z.B. .tiff) und erklären sie mir, welche Effekte sie wünschen. Daraufhin kann ich ihnen sagen in welchem Budget sich ihr Projekt bewegen wird.

Senden sie mir jetzt die Datei des Screendesigns unverbindlich und beschreiben mir die Effekte, oder fordern sie jetzt ein Rückruf an!

Sie suchen Arbeit als Webdesigner?

Sie sind ein erstklassiger Webdesigner und möchten für mich arbeiten? Dann bewerben sie sich bitte bei mir.

Kategorien
Blog

Suchmaschinenoptimierung (SEO) und Suchmaschinenmarketing (SEM)

In welchem Zustand befindet sich ihre Website?

 

Kontaktieren sie Tian Fröhlich, und planen sie mit ihm ihr weiteres Bemühen um den immer härteren Kampf um ein gutes Ranking in den Suchmaschinen.

 

Suchmaschinenoptimierung (SEO) für bestehende Websites

Tian Fröhlich analysiert ihre Seite nach Möglichkeiten um ihre Webseiten suchmaschinenfreundlicher zu gestalten. Mittlerweile ist es sehr komplex geworden, auf was Suchmaschinen alles achten.

SEO Analyse

Tian Fröhlich analysiert gezielt Seiten ihrer Präsenz, protokoliert ihren Stand und spricht Empfehlungen aus. Das mehrseitige Analyse-Protokoll ermöglicht ihrem Webmaster, Webdesignern usw. ihre Seite auf eigene Faust zu optimieren. Selbstverständlich würde sich Tian Fröhlich freuen, nicht nur die SEO-Analyse sondern auch die erfolgreiche Suchmaschinenoptimierung vorzunehmen.

Umsetzung der SEO Analyse

Nach einer intensiven Analyse ihres Webauftritts, wird Tian Fröhlich ihre Website für die Suchmaschinen optimieren. Sollten die Systeme auf Servern von Tian Fröhlich gehostet sein, ist sogar noch ein Kosten- und Zeitersparnis gegeben, weil keine Rück- und Absprachen mit anderen Hostern entstehen.

Onpage- und Offpageoptimierung

Je nach Auswertung des SEO-Protokolls, wird Tian Fröhlich dann die Optimierung sowohl an ihrem System, Webdesign, Usability, Barrierefreiheit, Content, Links u.v.m. auf ihrer Site vornehmen. Man spricht von der Onpage-Optimierung für Suchmaschinen. Dannach wird Tian Fröhlich die Offpage-Optimierung vornehmen. Diese beinhaltet die Links von anderen Seiten bishin zum Eintragen in Suchmaschinen (u.v.m.!).

Suchmaschinenmarketing

Bleiben sie am Ball und kaufen sie sich die Kunden! Tian Fröhlich passt mit ihnen ihre Werbung so an, dass die Kunden auf ihre Seite kommen und vor die Entscheidung gestellt werden ihr Produkt zu kaufen!

Genießen sie die Erfolge eines optimierten Webauftrittes und kontaktieren sie Tian Fröhlich als Suchmaschinenoptimierer jetzt!

SEO Webmaster Tian Fröhlich

Es gibt bereits einige Fragen, die ich ihnen gerne in einem Interview über meine Suchmaschinenoptimierung beantwortete. Wenn sie weitere Fragen haben, zögern sie bitte nicht mich anzuschreiben!

Kontaktieren sie jetzt Tian Fröhlich als ihren Suchmaschinenspeziallisten oder füllen sie einen Antrag zu SEO-Analyse aus und treten sie so mit mir in Verbindung.

 

Suchmaschinenoptimierung (SEO) von Anfang an dabei

Von der Planung (inkl der Berücksichtigung für die Suchmaschinenoptimierung) über die Umsetzung bis hin zur Wartung und Betreuung, so sieht das umfassende Paket von Tian Fröhlich aus. Es ist für sie am günstigsten und am zeitsparendsten, wenn sie bereits von Beginn der Planung ihren Suchmaschinenspeziallisten Tian Fröhlich dabei haben.

In Zeiten der Rezession, ist es sehr wichtig an zahlungskräftigen Kunden zu kommen. Von Anfang an sollten sie ihr Suchmaschinen-Marketing (SEM) und -Optimierung(SEO) so gestallten, dass sie gefunden werden. Suchmaschinen wählen nach immer feineren Methoden aus, welche von den Websites als erste aufgelistet werden. Tian Fröhlich beschäftigt sich ständig mit dieser Suchmaschinenoptimierung und ist somit auf Stand der Dinge.

Sogar ihr Webdesigner muss auf bestimmte Dinge achten. Wenn sie ihr Projekt erst in der Planungsphase haben, wäre es bereits ideal, Tian Fröhlich mit einzubinden. Er analysiert ihren Planungsstand und so können Kosten und Zeit gespart werden.

Ein Webpojekt (inkl. SEO) planen und umsetzen

Vertrauen sie Tian Fröhlich, ihrem Webmaster und SEO, ihr Projekt an und sie werden belohnt mit einer erstklassigen Webpräsenz. Verschaffen sie sich einen Überblick, welche Themen bei ihrem Webprojekt behandelt werden.

Kontaktieren sie jetzt Tian Fröhlich ihren Webmaster und planen sie eine suchmaschinenoptimierte Website!

Kategorien
Blog

Flash in valides xhtml einbinden

Der derzeitige (6/2009) Standard ist:

<object type=”application/x-shockwave-flash” data=”pfad/flashdatei.swf”
width=”550″ height=”450″>
<param name=”movie” value=”pfad/flashdatei.swf” />
<img src=”pfad/alternativbild.gif” width=”550″ height=”450″ alt=”bildchen” />
oder Alternativtext mit Link
</object>

Kategorien
Blog

Listenmenüs einzeilig horizontal zentrieren

Eine Liste aus ul li soll horizontal ausgerichtet und zentriert werden.

Getestet in: ff2; ie6,7 – Nov. 2008 – CSS2.1

ul {text-align:center;}
li {display:inline;}

Der Abstand wird durch padding erzeugt. Es folgen einige Anwendungsbeispiele:

Listenmenü mit Hintergrundbild und fester li-Breite:

ul {
    text-align:center; /* Standard wie oben */

}
li {
    display:inline; /* Standard wie oben */
    background-image:url(../images/bild.png); /* Hintergrundbild */
    padding:3px 65px; /* 3px = (Hintergrundbildhöhe – font-size)/2, 65px = Hintergrundbildbreite/2 */
    position:relative; /* um a zu positionieren */

}
li a {
    position:absolute; /* um a zu positionieren */
    left:0;
    top:3px; /* muss der selbe Abstand wie bei ‘#footer li padding-top’ sein */
    height:15px; /* Größe des Hintergrundbildes bzw der Fläche, die der Link verwenden darf */
    width:130px;
}

Listenmenü mit Hintergrundbild und Rahmen um das Li Menü (funzt nicht ganz in ie und ff2)

#current {
    font-weight:bold;
}
ul {
    margin:0;
    padding:0;
    text-align:center;
}
li {
    display:inline;
    padding:6px 66px 4px;
    position:relative;
    text-align:center;
    background-image:url(../images/tab_unten.jpg);
    background-repeat:no-repeat;
    background-position:right;
}
li:first-child {
    background-position:left;
}
li a {
    position:absolute;
    left:5px;
    top:0;
    background-image:url(../images/tab_unten_re.jpg);
    background-repeat:no-repeat;
    background-position:right;
    height:13px;
    width:130px;
    padding-top:9px;
}
li a span {
    position:absolute;
    left:0px;
    top:7px;
    height:11px;
    width:122px;
}
a:link, #footer a:visited, #footer a:hover, #footer a:active {
    color:#FFFFFF;
    font-size:10px;
    text-decoration:none;
}
a:hover {
    font-weight:bold;
}

Ein zentriertes kurzes Menü: Problem: Es entsteht bei zu langen Menüs ein horizontaler Scrollbalken. Es ist also nur für Menüs geeignet, die weniger als 50% des Screens einnehmen werden.

<div id=”navigation”><ul><li>…

.navigation {
    float:left;
    position:relative;
    left:50%;
    text-align:center;
    width:50%; /*sonst gibt es evtl einen horizontalen Scrollbalken – geht aber nur wenn das menü nur max die Hälfte breit ist*/
}
ul {
    position:relative;
    float:left;
    left:-50%;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
}
li {
    margin:0;
    padding:0;
    float:left;
}