OT : Tipps für eine Homepage (Allgemein)
Hallo,
ich brauche einen Tipp, wo ich einfache Anleitungen für das Basteln einer Homepage finde.
Bin leider nicht fit in HTML und anderem.
LG muecke
Vielen Dank für die Tipps
ich werde mir alles ansehen, und das einfachste raussuchen.
Frohe Feiertage
LG muecke
Das einfachste ist nicht das einfachste ;-)
ich werde mir alles ansehen, und das einfachste raussuchen.
Das einfachste ist nicht das einfachste ![[image]](http://bilder.parsimony.net/smilies/zwinker.gif alt=zwinker)
Ein Bekannter war auch von der Zahl meiner Links abgeschreckt und kaufte sich Freitags das von Odille empfohlene Buch. Mittwochs stellte er es bei ebay rein.
Wenn du eines dieser "Profi"-Programme mit Vorlagen benutzt, bist du exakt daran gebunden es so zu machen wie die Vorlage es dir vorschreibt, es wird nicht Deine Website, sondern der zehntausendste Aufguss der Vorlage. Manuelle Änderungen stören den Editor, wenn du später was ändern willst.
Aus dem Grund würde ich dir Handarbeit empfehlen, da lernst du mehr bei statt "Du machen das" und bist frei in der Gestaltung.
Was brauchst du an Programmen?
Minimal einen Texteditor, wie z.B. Notepad, ich würde aber Programmer's Notepad empfehlen, der ist bequemer, wenn du da ein Anfangstag schließt, schreibt der gleich automatisch das Schlußtag. Tags sind die HTML-Befehle in eckigen Klammern, zu jedem Anfangstag gehört ein Schluß-Tag, was den Befehl wieder aufhebt.
Noch bequemer wären echte HTML-Editoren wie nView oder der im Seamonkey-Browser eingebaute Composer. Bei denen kannst du sowohl im Textmodus wie im HTML-Modus editieren, und das Ergebnis gleich per FTP hochladen auf die Website.
Ich benutze sowohl PN als auch Seamonkey. Weiterhin brauchst du ein einfaches Bildbearbeitungsprogramm wie z.b. irfanview oder das mächtigere GIMP. Grund: Du wirst nicht megabyte-grosse Bilder unbearbeitet auf die Website stellen wollen, sondern die vielleicht im Format etwas beschneiden wollen, vergrößern oder verkleinern, und sie komprimieren um Ladezeit zu sparen, nicht jeder deiner Besucher hat DSL. Nebeneffekt: Du hast auch weniger Traffic. Bei billigen Hostern ist der Traffic meist limitiert, und jedes Gigabyte mehr kostet ein paar Euro, oder Kilobyte ein paar Cent. Bei anderen kostet das Gigabyte 19ct
Natürlich kannst du auch z.B. bei Opera bloggen, da kriegst du ein Gigabyte gratis, solltest aber fairnishalber den ebenfalls kostenlosen Opera-Browser verwenden.
Zum Entwickeln von Websites solltest du sowieso mehrere Browser auf dem Rechner haben, und nicht mit InternetExplorer entwickeln. Es ist nämlich einfacher, eine standard-konforme Website die auf allen Browsern läuft ein bißchen umzuändern daß sie auch auf IE läuft, als andersrum.
Kostenloses Opera Blog
Kostenlos Bloggen kannst du zwar auch bei Google, aber da kriegt google auch alles über dich und deine Besucher mit
http://www.pnotepad.org/
Download Programmer’s Notepad 2.0.8 Installer
Die Programmer’s Notepad 2.0.8 Portable Zip kannst du auch auf einem USB-Stick benutzen, und überall mit hinschleppen, d.h. die wird nicht auf einem Rechner installiert, sondern läuft auf jedem Windows-rechner vom USB-Stick aus, ohne Dateien auf dem Rechner zu hinterlassen.
Auf der Online-Hilfe solltest du dir mal anschauen, wie das mit Projekten geht, d.h. wenn du ein abgespeichertes projekt-File lädst, kannst du verschiedene Dateien gleichzeitig bearbeiten. Das geht allerdings auch ohne Projekt-File, nur musst du sie dann manuell laden.
Bildbearbeitung:
irfanview
irfanview bei GDS
Die aktuellen deutschen Versionen sind iview420g_setup.exe bzw. iview420g.zip
plugins
Benötigt werden passend zur 4.20-Version von irfanview irfanview_plugins_420_setup.exe oder irfanview_plugins_420.zip
Die Exes sind Installerversionen, die Zips werden nicht installiert, sondern einfach in einen Ordner ausgepackt.
Exes muß man deinstallieren, bei den zip-Versionen wird einfach der Ordner gelöscht.
Ein etwas veraltetes Tutorial: http://gd.tuwien.ac.at/graphics/irfantut/
GIMP ist zwar eigentlich ein Linux-Programm, es gibt aber auch eine Windows-Version, immer etwas später
Es kann wesentlich mehr als Irfanview, aber für einfache Aufgaben langt irfanview.
http://www.gimp.org/windows/ Nur die INstaller-Version verwenden!
http://www.gimp.org/tutorials/
Zur Bildbearbeitung: Das Laden eines 64kB großen Bildchens dauert auf ISDN etwa 8 sek, auf Modem mindestens 1 sec länger, wiebviele Bilder hast du auf der Website?
Der Browser verkleinert größere Bilder auf die im HTML angegebene Größe, oder so, daß es paßt.
Es lohnt sich also nicht, ein Megabyte-großes Bild (Ladezeit ISDN 2 min, DSL 0,5 sec bis 8 sec) zur Ansicht auf die Website zu stellen, wenn es im Text so verkleinert wird, daß ein 100kb-großes Bild auch langen würde. Zum Download kannst du die große Version ja anbieten, sollte es nötig sein.
HTML-Info:
HTML-Referenz http://de.selfhtml.org/
Das Portal http://selfhtml.org/, wenn du mehr wissen willst über Selfhtml, comunity etc.
nur teilweise sehr fortgeschritten:
Einzelartikel: Web Standards Curriculum
Online-Validatoren dienen dazu festzustellen, ob eine Website oder ein File standardkonform sind.
Ich schreibe üblicherweise File, der deutsche Ausdruck lautet Datei. Ich will mich aber nicht ständig korrigieren
http://validator.de.selfhtml.org/
http://validator.w3.org/
Gebe mal die Adresse (URL) einer Website dort ein, du wirst dich wundern wieviel Fehler da angezeigt werden. Normalerweise stört das die Browser wenig, aber manchmal zeigt der eine oder andere dann doch kräftige Fehler im Layout.
Ich schreibe noch einen separaten Beitrag über Browser & HTML-Editoren, und warum der HTML-Editor im Browser vorteilhaft ist.
Frohe Feiertage
LG Rumpel
Re: Das einfachste ist nicht das einfachste ;-)
Hey Rumpel,
vielen lieben Dank für die Linksammlung (da hab ich das jetzt auch nochmal schön beisammen und muss nich suchen). Stimme Dir, was die Technik angeht absolut zu, aber ich habe eben die Erfahrung gemacht, dass es für manche Leutz, die halt schnell und "selber" "einfach nur ne Seite" im Netz haben wollen, nicht auf unsere Massstäbe ankommt. Da soll das schnell und rel. einfach bedienbar sein ohne Quellcode verstehen zu müssen. Es haben ja manche schon damit Probleme einfachste Tags zu kapieren - was ich aber nachvollziehen kann, wenn man mit Programmierung noch nie was am Hut hatte.
Die sind dann wirklich froh, wenn sie ein nettes Vorlagenprogrämmle haben und megastolz auf das "selbst gemachte" Ergebnis.
LG, Odille (wohn jetzt übrigens auch wieder in der gleichen Stadt wie Du) ![[image]](http://bilder23.parsimony.net/forum46830/smiley5.gif alt=winke)
Re: Das einfachste ist nicht das einfachste ;-)
Hey Rumpel,
vielen lieben Dank für die Linksammlung (da hab ich das jetzt auch nochmal schön beisammen und muss nich suchen).
Als Softwarequellen kann ich heise empfehlen, da kannst du nach Betrübssystem und Kategorien getrennt suchen:
http://www.heise.de/software/
Oben gibt es zwei Zeilen, in denen du durch Anklicken die Auswahl beschränken kannst:
Alle Programme | Getestet in c't | Neuzugänge | Updates | Top-Downloads | Bestbewertet | Beobachtet | Vollversionen | Specials
Alle Systeme | Windows | Mac OS | Linux | Palm | Pocket PC | Symbian OS | andere
Falls du Windows gewählt hast kannst du in der dritten Zeile auch noch die Version einschränken.
In der linken Spalte kannst du Kategorien wählen, aufs Plus-Zeichen klicken um die Unterkategorien zu sehen
Auch schön sind die Portable Apps, normale Programme, die vom USB-Stick gestartet werden, ohne auf dem Rechner Spuren zu hinterlassen. Gibts einzeln, odere als komplette Suite:
http://portableapps.com/apps Einzelprogramme
http://portableapps.com/apps/office/openoffice_portable Open Office Portable
http://portableapps.com/suite Suite
HTML-Editor Kompozer:
http://portableapps.com/apps/development/nvu_portable
<a href="">[/link]
Stimme Dir, was die Technik angeht absolut zu, aber ich habe eben die Erfahrung gemacht, dass es für manche Leutz, die halt schnell und "selber" "einfach nur ne Seite" im Netz haben wollen, nicht auf unsere Massstäbe ankommt. Da soll das schnell und rel. einfach bedienbar sein ohne Quellcode verstehen zu müssen. Es haben ja manche schon damit Probleme einfachste Tags zu kapieren - was ich aber nachvollziehen kann, wenn man mit Programmierung noch nie was am Hut hatte.
Der Kumpel, der das von dir empfohlene Buch schnellstens entsorgt hat und auf Handarbeit zurückging, hat von Programmieren keine Ahnung, als Elektroingenieur ist er im Bereich der Analogtechnik kreativ. Ab und zu kauft er sich ne Computerbild, wenn er meint davon bräuchte er was für seinen PC (den er auch nicht selbst geschraubt hat/kann).
Auch bei den "Frameworks" und "Homepagebuildern" musst du einen Haufen lernen, ohne aber die Chance zu haben eigene Wege zu gehen. Er hat es übers Wochenende mit dem DataBecker-Buch probiert, und nahm dann doch Kompozer 0.77 weil er da mehr Bodenhaftung hatte oder so, das verwirklichen konnte was er machen wollte. Er hat damit eine schlichte Website gebastelt, mir gefällt sie. Sie funktioniert ohne Javascript, ohne Werbung, ohne Flash. Sie hat kurze Ladezeiten, wer die Bilder größer sehen will muß halt draufklicken. Das schlimmste was ich mal gesehen habe war eine Website die eine 4-Megabyte-Grafik als Startseite hatte. Da mußt du mit einem Modem oder ISDN mindestens eine Viertelstunde warten bis die Seite geladen ist
Die sind dann wirklich froh, wenn sie ein nettes Vorlagenprogrämmle haben und megastolz auf das "selbst gemachte" Ergebnis.
Kann sein, muß aber nicht sein. Kommt halt drauf an ob sie "eine" Website haben wollen, oder "ihre" Website.
LG, Odille (wohn jetzt übrigens auch wieder in der gleichen Stadt wie Du)
Gruß vom Woog
Rumpel
@Mücke: Browser & HTML-Editoren
Browser & HTML-Editoren
Bei einem HTML-Editor kannst du zwischen mehreren Ansichten umschalten, Quelltext mit Quelltext-Eingabe, HTML-Eingabe mit graphischer Anzeige der Tags und der Struktur, und HTML-Ansicht. Das nennt man WYSIWYG-Editor, What You See Is What You Get. Ein reiner HTML-Editor, basierend auf Mozilla 1.7, ist nVu, mit deutlich sichtbarer Verwandschaft zum Firefox. Da der nicht weiterentwickelt wurde gibt es einen inoffiziellen Nachfolger, Kompozer. Für dein Windows müsstest du den win32 tarball runterladen, das ist eine Zip-datei. Mußt du in ein leeres Verzeichnis entzippen, und einen Link auf Kompozer.exe machen Oder du lädst dir die portable-Version, die ist zwar dafür gedacht auf einem USB-Stick zu laufen, man kann sie aber auch auf dem Rechner laufen lassen.
Und jetzt sehe ich gerade, daß ich garnicht mehr die Links dadrauf suchen muß, das ganze gibts auf DVD:
Ich such aber trotzdem mal:
http://www.nvu-composer.de/ Kompozer 7.10
http://portableapps.com/apps/development/nvu_portable Kompozer 7.10
[Schleichwerbung]
c't hat gerade ein Sonderheft Webdesign rausgebracht, mit DVD. Kostet 8.50 portofrei vom Verlag, oder am gutsortierten (Bahnhofs-)Kiosk.
Das wird in vielem zu hoch für dich sein, CMS, Blog & Wiki-Software brauchst du nicht, aber das Heft bietet dir vielleicht einen Überblick worum es geht, falls dz das willst. Nötig ist es nicht für einfache Sachen.
Die drei Kapitel Hosting, Webgestaltung und Recht und eine kleine Auswahl aus den Programmen könnten vielleicht den Kauf lohnen:
# Jo Bager, Gehostete Website-Generatoren, Hosting-Dienste mit integrierten Website-Generatoren S. 18 .. 23
Herbert Braun, Babylon byteweise, Zeichensatz-Grundlagen für Webdesigner S. 58
Herbert Braun, Neu bebildert, Tipps und Tricks mit Webgrafiken S. 62 ist für sehr Fortgeschrittene
Herbert Braun, Jens Piske, Stilspaltereien, Mehrspaltige Webseiten-Layouts mit CSS S. 66 ist interessant, und schöne Beispiele was du mit CSS erreichen kannst findest du im Zengarden oder bei Meyer:
http://www.mezzoblue.com/zengarden/alldesigns/
Beim CSS-Spezialisten Eric Meyer gibts bei
css/edge scöne beispiele was man mit CSS machen kann. Passend zur Jahreszeit: slantastic/holiday.html Das ist kein Bild, das ist nur Text, mit HTML und CSS ausgezeichnet.
Mir gefallen die Spielarten der complexspiral am besten, das ist ein Hin´tergrundbild und CSS. Den Effekt sieht man, wenn man die Seite hoch und runterscrollt.
Zurück zum Heft: weiter für dich vielleicht zum Teil interessant:
Jo Bager, Handwebszeug, Freeware und Online-Tools für das Debuggen von Websites S. 70
Jonas Westphal, Entwicklungshilfe, Webanwendungen programmieren und gestalten mit Visual Web Developer S. 130 Die Software dazu ist nicht auf der DVD, die mußt du bei Microsoft runterladen, ein paar hundert Megabyte
Jonas Westphal, Entwicklungshilfe, Webanwendungen programmieren und gestalten mit Visual Web Developer S. 130
In der Linkliste findest du die Artikelübersicht, und wenn du auf die Links draufklickst
die im Artikel besprochenen Links, z.B. Microsoft Visual Web Developer 2008 Express Edition gibts bei M$ gratis.
Wichtig ist das Kapitel über Juristerei, einige Blutsauger haben sich darauf spezialisiert unbedarfte Website-Betreiber gebührenpflichtig abzumahnen. Dem kann man vorbeugen, und entgegentreten.
Software:
Zum Beispiel <a href=http://www.heise.de/software/download/easywebsitepro/38390"">EasyWebsitePro 4.0[/link] kannst du als Demo downloaden, aber auf der Heft-DVD ist es als Spezialversion drauf.
[/Schleichwerbung]
Was ich verwende:
Seamonkey ist der Nachfolger von Netscape7 und Mozilla Suite. Es ist ein Browser, mit Mailprogramm, HTML-Editor und noch weiteren Goodies, wie DOM-Inspector, Page-Info, etc.
Wenn du eine Website anschaust, kannst du sie mit Strg+E im Editor laden, und ändern.
Mit Strg+I kannst du Seiteninformationen aufrufen, Page Info. Das zeigt dir alle Links auf der Seite, Medien, etc.
Mit Strg+U kannst du dir den HTML-Quelltext der Seite anschauen.
Mit Strg+Shift+I kannst du im DOM-Inspector die Struktur erkunden, die Eigenschaften bestimmter Elemente.
Die Hilfe zeigt dir auch wie du eine Website basteln kannst.
Normalerweise ist ja das gesündeste, sich eine verdächtige Website nicht anzuschauen, aber mich interessiert schon welche Trojaner mir per Mail untergejubelt werden sollen. Wenn ich annehme das http:\\trojan.com mir was unterjubeln will, gehe ich nicht direkt auf die Seite, sondern schau mir über view-source:http:\\trojan.com den Quelltext an, ohne daß vorher die Datei als HTML angezeigt (und das Schadprogramm ausgeführt) wurde.
Die deutsche Version des Netscape bzw. Mozilla Suite-Nachfolgers Seamonkey wird von einem Österreicher hergestellt Fragen zu Seamonkey beantworte ich gerne auch im Chat.
Seamonkey ist durch die Integration des Composers und des DOM-Inspectors interessant, andere gute Browser sind Opera, der auch Mail hat, und Firefox, für den es einige Erweiterungen bezgl. Webseitenentwicklung gibt.
http://seamonkey.at/
http://www.seamonkey-project.org/
Es gibt Seamonkey für verschiedene Sprachen und Betriebssysteme es lassen sich auch mehrere Sprachpakete installieren sodaß der Schweizer in jede seiner Landessprachen umschalten kann (wenn noch einer daß Sprachpaket in Rätoromanisch übersetzt)
Download-Link für Sprachversionen:
http://www.seamonkey-project.org/releases/#l10n
Download-Link für die deutschen Windows-Versionen:
http://releases.mozilla.org/pub/mozilla.org/seamonkey/releases/1.1.14/contrib-localized/seamonkey-1.1.14.de-AT.win32.installer.exe Windows-Installer, deutsch
http://releases.mozilla.org/pub/mozilla.org/seamonkey/releases/1.1.14/contrib-localized/seamonkey-1.1.14.de-AT.win32.zip Zip-Version, deutsch
<a href="">[/link]
Installer-Versionen werden installiert und deinstalliert, die Zip-Version muß man nur auspacken und eine Verknüpfung auf seamonkey.exe machen. Wenn man den Kram loswerden will, löscht man einfach den Ordner mitsamt seiner Unterordner.
http://de.opera.com/ Browser+Mail
http://opera-info.de/ inoffizielles Forum
http://www.mozilla-europe.org/de/firefox/
<a href="">[/link]
Total veraltet, aber vielleicht noch hilfreich falls du ein bißchen Englisch kannst:
Review of the WYSIWYG Web Editor: Mozilla Composer (a.k.a. Netscape Composer) mit ein paar nützlichen Links zu anderen Website-Themen
Netscape Composer: An Introduction
Da ich nicht weiß ob ich vor Jahresende noch was schreib:
Frohes Fest und guten Beschluß
Rumpel