FAQ & Nützliche Links und Programme

Status
Für weitere Antworten geschlossen.

Crizzo

Bekanntes Gesicht
Mitglied seit
21.08.2006
Beiträge
4.631
Reaktionspunkte
2
FAQ

Bitte lest euch vor dem Posten eines Themas diese FAQ durch, möglicherweise wird euere Fragen schon beanwortet. ;)

Allgemeine Foren-FAQ: klick

FAQ: Häufig gestellte Fragen und deren Antworten:


1. Frage: Was gibt es hier?
Antwort: In diesem Forum kann man sich über Webdesign d.h. XHTML, CSS, Barriefreiheit sowie PHP, Javescript unterhalten.
Zusätzlich kannst du hier deine Website testen lassen, dir Kritiken zur Menüführung, zum Code und zum Layout abholen.

2. F: Was gibt es hier nicht?
A: Dies ist kein Support-Forum für irgendwelche CMS Systeme oder Kostenlose Website-Baukästen.

3. F: Wie fange ich, wenn ich mir eine Website bauen möchte?
A: Bitte hier weiter lesen: Für alle Einsteiger und Anfänger

4. F: Was soll auf der Startseite stehen?
A: Der Besucher kommt meistens als erstes auf die Startseite. Er stellt sich zwei Fragen: "Wo bin ich hier?" & "Was kann ich hier machen?". Die Fragen sollten beantwortet werden.

5. F: Sollte ich mein Layout der Seite mit Tabellen realisieren?
A: Nein, diese sind ausschließlich für tabellarische Daten gedacht. Zu dem ist der Code bei einem "Tabellen-Design" unnötig aufgebläht und unübersichtlich. Link: http://seybold.jan-andresen.de/

6. F: Darf ich Tabellen für meine Navigation benutzen?
A: Nein, dort verwendet man Listen, da es sich um eine Aufzählung von Links handelt.

7. F: Sollte ich Framesets benutzen?
A: Nein, diese Technik ist völlig veraltet und die Nachteile wiegen die wenigen Vorteile komplett auf. Link: http://www.subotnik.net/html/frames.html

8. F: Welchen Browser sollte ich zum Testen meiner Website nehmen?
A: Den Mozilla Firefox 2.0, dieser ist sehr standard konform. Wird es dort korrekt angezeigt, kann man die Seite an den Internet Explorer anpassen.

9. F: Soll ich eine externe CSS-Datei verwenden?
A: Aufjedenfall, diese kann man in beliebig viele Dateien einbinden und muss bei Änderungen nicht die ganzen Dateien verändern.

10. F: Wie muss ich Dateiorte bestimmen?
A:
/datei.html = fängt im Root- (Haupt-)verzeichnis an
./datei.html = dieses Verzeichnis
../datei.html = voheriges Verzeichnis

11. F: Wieso sind die Abstände unterschiedlich?
A: Jeder Browser hat andere Standardabstände für verschiedene Elemente. Diese sollte man in der CSS Datei am Anfang auf null setzen.
Code:
* { margin:0; padding:0; }

12. F: Wieso stimmt es immer noch nicht?
A: Der Doctype muss stimmen, bei IE darf sich vor der Doctypedeklaration nichts befinden, sonst landet er im Quirks-Modus, dieser stellt das Boxmodell falsch dar.
Doctype: http://de.selfhtml.org/html/allgemein/grundgeruest.htm#dokumenttyp
Boxmodell: http://www.css4you.de/wsboxmodell/index.html

13. F: Welcher Doctype ist zu empfehlen:
A: Heute sollte man nach XHTML 1.0 Strict die Seite bauen:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

14. F: Welche Zeichencodierung sollte ich verwenden?
A: Am besten gleich UTF-8 benutzen, dieser Typ sehr viele Zeichen enthält. Neben einer passenden Zeichencodierung in den Meta-Angaben, muss die Dateien auch als UTF-8 ausgeben werden. Dies kann nicht jedes Notepad.
Meta-Angabe:
Code:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
(Notepad empfehlung: PSPad oder Notepad++)

16. F: Brauche ich ein Impressum ?
A: Ja, dort sollte dein Name, deine Vollständiganschrift sowie eine Email Adresse, unter der du zu erreichen bist, aufgeführt sein. Die Email darf nicht als Bild hinterlegt werden.

16. F: Brauche ich einen Disclaimer (Haftungsfreizeichnungsklausel)?
A: Diese Frage ist hier deutlich erläutert: Urteil des Landgerichts Hamburg und dort: Warum Disclaimer dem WWW schaden

17. F: Wie kann ein Favicon einbinden? (Die kleine Grafik neben dem Adresse im Broswer)
A: Dieser Code muss in den <head>-Bereich der Website einbunden werden:
Code:
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">

Wenn du ein komplexeres Problem und dazu eine ausführliche Lösung hast, dann schreib rotfuchs oder mir eine PN. Wir werden diese Lösung dann hier aufnehmen.
 
Zuletzt bearbeitet:
Nützliche Links und Programme

Für Einsteiger, Anfänger, Fortgeschritten und vielleicht auch Profis, habe ich hier eine paar nützliche Programme, Websiten, eine Liste von Tools und noch mehr zusammen gestellt.

Für alle Einsteiger und Anfänger:
1. Mach dir eine grobe Skizze von euerer zukünftigen Website.
2. Such dir einen Editor (siehe Liste)
3. Such dir ein Grafikprogramm (siehe Liste)
4. Such dir ein FTP-Programm (siehe Liste)
5. Besorge dir Webspace
6. Lies dir diese Artikel durch "Nützliche Websiten -->Für Anfänger & Einsteiger"
7. Fang mit einfachen Dingen an. (Struktur, Abstände usw.)
8. Nicht aufgeben, jeder hat mal einen Hänger und wenn man erstmal alles verstanden hat, geht es leicht von der Hand.

WYSIWYG-Editoren (What you see, is what you get) (Hierfür wird nicht viel Können im Code gebraucht. Für alle die sich nicht in die Materie einarbeiten möchten ideal. Dafür muss man mit schlechterem Code leben. Ein manuelle korrigieren bleibt nicht ganz aus.):
Dreamweaver (extrem teuer) http://www.adobe.com/de/products/dreamweaver/
GoLive http://www.adobe.com/de/products/golive/
NetObjects http://www.netobjects.de/
NVU http://www.nvu.com/download.php inoffizieller Nachfolger: http://kompozer.net/
Editoren:
WeBuilder 2008http://www.blumentals.net/webuilder/
Notepad2 http://www.flos-freeware.ch/notepad2.html
Notepad++ (mein Tipp) http://notepad-plus.sourceforge.net/de/site.htm
Phase5.42 http://www.zdnet.de/downloads/prg/9/7/de0D97-wc.html
UltraEdit klick
PSPad (mein Tipp) http://www.pspad.com/de/download.php
Title http://www.pcfreunde.de/download/detail-4054/title.html
Proton http://www.chip.de/downloads/c1_downloads_13007891.html
Maguma http://www.zdnet.de/downloads/prg/1/i/de0F1I-wc.html
Vim http://www.vim.org/download.php
Scriptly
http://scriptly.webocton.de/9/start.html

Grafikprogramme:
The Gimp (mein Tipp) http://www.gimp.org/downloads/
Photoshop (extrem teuer)
Fireworks (teuer) (mein Tipp)
Paint.NET http://www.getpaint.net/download.html
Paint Shop Pro
PhotoImpact http://www.ulead.de/pi/

FTP-Programme (irgendwie müssen die Daten auch auf einen Webspace.)
Filezilla (mein Tipp) http://www.filezilla.de/
Wise FTP http://www.wise-ftp.de/download.htm
Smart FTP http://www.smartftp.com/download/index.php?lang=de

Webspace:
Es gibt eine Menge Anbieter und man sollte seine Anbieter nach den persönlichen Anforderungen auswählen. Natürlich ist immer der kostenpflichtige besser. Da man dort eine schöne Toplevel-Domain bekommt und keine Werbung hat. Einen guten Überblick von allen kostenpflichtigen Webspace Anbietern erhält man auf Webhostlist.de. Für den Anfang reicht aber auch erstmal ein kostenloser mit ein bisschen Werbung z.B. ohost.de, http://www.pytal.de/ oder funpic.de.
Aufjedenfall sollte der Webspace PHP4/5 beherrschen sowie eine MySQL Datenbank besitzen, auch wenn man es am Anfang noch nicht braucht bzw. beherrscht.

Sobald man sich mit PHP-Anwendungen befassen will, ist es ratsam sich eine lokale Umgebung dafür einzurichten. Tools wie EasyPHP (Tipp) oder WAMP ermöglichen das Testen von PHP-Scripts ohne Internetanbindung, somit ist man auf fremde Webspace Anbieter nicht angewiesen.


Nützliche Websiten:
Für Anfänger & Einsteiger:
http://www.css4you.de/wscss/index.html + http://www.css4you.de/wslayout1/index.html
http://jendryschik.de/wsdev/einfuehrung/

weitere:
http://jendryschik.de/ Umfangreiche Einführung ins Webdesign
http://www.thestyleworks.de/ CSS Referenz, Grundlagen, Tutorials
http://www.css4you.de/ CSS Referenz
http://schneegans.de/web/xhtml/ XHTML Einmaleins:
http://css.maxdesign.com.au/listamatic/ Auflistung von sehr vielen Listen Navigationen:
http://css-technik.de/ CSS/PHP Tutorial
http://de.selfhtml.org/ HTML Referenz

Tipps und Tricks:
http://barrierefrei.e-workers.de/workshops/tricks/tips.php

PHP-Handbuch/Tutorial:
http://www.php.net/manual/de/
PHP Tutorial: http://tut.php-quake.net/


OpenSource-Webdesigns
http://www.opensourcetemplates.org/
http://www.oswd.org/
http://www.openwebdesign.org/
http://opendesigns.org/

Validatoren:
XHTML, HTML:
http://validator.w3.org/
http://schneegans.de/sv/
CSS:
http://jigsaw.w3.org/css-validator/
Nutzt diese Validatoren regelmäßig nach Änderungen und bevor ihr Fragen stellt, sollte der Code Valide sein.
CSS Optimierer:
http://cdburnerxp.se/cssparse/css_optimiser.php?lang=de


Wichtige Tools:

Mehrere Internet Explorer Versionen gleichzeit, obwohl man nur den IE6/7 berücksichtigen sollte: http://tredosoft.com/Multiple_IE

Webdeveloper für Firefox:
https://addons.mozilla.org/firefox/60/
Firebug für den Firefox: https://addons.mozilla.org/de/firefox/addon/1843


Buchtipps:

Anfänger (X)HTML & CSS:
Einführung in XHTML, CSS und Webdesign von Micheal Jendryschik
Little Boxes. Webseiten gestalten mit CSS. Grundlagen von Peter Müller
Little Boxes, Teil 2. Webseiten gestalten mit CSS. Navigation, Inhalte gestalten, YAML & mehr. von Peter Müller

CSS-Praxis. Browserübergreifende Lösungen von Kai Laborenz

Fortgeschrittene:
CSS Mastery von Andy Budd, Cameron Moll & Simon Collision
Transcending CSS - Neue kreative Spielräume im Webdesign von Andy Clarke
Professionelles Webdesign mit (X)HTML und CSS von Björn Seibert

PHP Einsteiger
Einstieg in PHP 5 & MySQL 5 von Thomas Theis





Ergänzungen bitte per PN an rotfuchs oder mich.
Viel Spaß und Erfolg beim Erstellen eurer Websites.
 
Zuletzt bearbeitet:
Status
Für weitere Antworten geschlossen.
Zurück