11
Web/Publishing (Subject) / Webdesign Grundlagen (Lesson)
Grundlagen, Konzeption
This lesson was created by maib.
This lesson is not released for learning.
Advertisement
- Anzahl Browser mit seinen Stärken Microsoft Internet Explorer (IE)am meisten genutzt, beste Druckvorschau Mozilla Firefoxeinfach aufgebaut, einfach bedienbar, stetige Verbesserungen betr. Sicherheit und Funktionalität Operabeste Funktionalität, höchste Sicherheit, seitenspezifische Einstellungen wie: Popups, Scripts, Cookies usw. ChromeEinfachsten zu bedienenden Browsern Safari von AppleGeschwindigkeit, spielerisch-modernes Design, wenig Sicherheit
- Internationale Suchmaschinen (5) google.chbind.comaltavista.ch (=> auf yahoo umgeleitet)ask.comduckduckgo.com
- Der Domain-Name Jeder Pc besitzt im Netzwerk oder Internet eine IP-Adresse. (Bsp: 192.168.178.135). Da man sich Nummern schlecht kann merken wurde das Name System entworfen = DNS Domain Name System. Der Domain Name Service ist der wichtigste Dienst im Netzerk und im Internet, da er für die Umwandlung der IP-Adresse in Domainnamen und umgekehrt zuständig ist.
- Aufbau der Domaine Name Internetdienst 3rd Level=Subdomain 2nd Level=Domainname Top Level Domainwww. filiale1. firma. ch www.chDomain NameSubdomain Name
- Benennungskonzept - Grundsätzliche Regeln zum Bennen von Datei - und Ordnernamen für die Website. selbstklärende, sinngerechte Datei- und Ordnernamen keine Umlaute (äöü) keine Leerzeichen keine Sonderzeichen ausser Unter_strich kleinschreibung, wobei die meisten Betriebssysteme zw. Gross- und Kleinschreibung unterscheiden können.
- Die logische Ablagestruktur eines Webprojekts auf der Festplatte: Die Ordnerstruktur eines Webprojektes muss nicht mit der Site-Struktur übereinstimmen. Bei grösseren Projekten kommen noch zusätzliche Bedürfnisse hinzu. (techn. Anforderungen, Lebensdauer von Inhalten z.B. Bildern, Wartungskonzept, einfaches Auffinden von Inhalten, Suchmaschinenoptimierung. Wichtig! detaillierte Ordnerstruktur von Anfang an planen. Projekt-Ordner (projekt_webpublisher)admin (offerten, Zugangsdaten f. Hostings etc,)assets (erhaltene Texte, Bilder etc.)output (bearbeitete Bilder, erstellte Grafiken etc.)web_ = Inhalt der ganzen Website (synchron wie auf dem Server!)
- Die Ablagestruktur: es empfiehlt sich, auf der Festplatte Ordner einzurichten. Unterschieden wird in Projekt-Ordner (assets, originaldateien,...) und Webordner. Struktur des Webordners? Struktur des Web-Ordners (innerhalb es Projekt-Ordners Projekt_webbublisher) Ordner web_publisher (Name der Website) = StammordnerOrdner imagesOrdner styles = css-Dateienindex.htmlagb.htmlimpressum.html....usw. .
- Die Lebensdauer von Inhalten. Die Website sollte nur Inhalte enthalten die gebraucht werden. Alte Inhalte benötigen unnötigen Speicherplatz und mehr Zeitaufwand beim Up- und Download. Methode für Ordner "bilder"? Der Ordner "bilder" (oder images) auf der obersten Ebene wird nur für Bilder gebraucht, die kein Verfallsdatum haben = banner, logo, website design...) Seiten die verfallen, werden so in Ordner abgelegt, dass nach Ablauf der Gültigkeit einer Seite der ganze entsprechende Ordner gelöscht werden kann. Die dazugehörenden Bilder wurden in einem Unterordner dieses Ordners abgelegt und so automatisch mit gelöscht.
- Das Auffinden von Inhalten in der Datei und Ordnerstruktur empfiehlt es sich, Daten nach ihrer Funktion abzulegen, das heisst...? Ordner anlegen: audio => Audiodateienvideo => Videodateiencss => CSS-Stylesheetsjavascript => JavaSript-Dateienpdf => PDF-Dokumente usw.
- Ordnerstruktur im Zusammenhang mit Suchmaschinenoptimierung (SEO) Das Durchsucheverhalten von Suchmaschinenrobotern bevorzugt eine relativ flache Ordnerstruktur. je geringer die Verzeichnistiefe desto besser die Erfassung der Inhalte durch Suchmaschinenroboter. Verwenden von aussagekräftige Ordnernamen kann hilfreich bei der Positionierung der Website sein.
- Advertisement
- Projektphasen Web-Konzeption Briefing > Kundenkontakt mit W-Fragen Offerte / Kalkulation > möglichst genaue Kalkulation schützt vor Überraschungen Grobkonzept > Rahmenbedingungen definiert d.h. Ziele und Zielpublikum Feinkonzept > Sammeln aller Inhalte, Bilder, etc. Design-Konzept > beschreibt zukünftige Website, erster Entwurf der Startseite und einer Inhaltsseite besprochen Realisierung > Website wird produziert Usability-Test > vor Veröffentlichung wird Site geprüft durch Testpersonen Launch > Bekannmachung durch Newsletter, Adresse in allen Dokumenten, Suchmaschinen anmelden