Suche einsteigerfreundiges und kostenloses Programm zum designen einer Webseite

was ich vorhabe: vor allem das optische designen soll halt gut möglich sein. die inhalte selbst sind aber statisch, also rein informative websites mit vlt. ein paar links drin. alle seiten der website sollen gleich aussehen, nur "in der mitte" is halt auf jeder seite ein anderer text und vlt. mal ein bild oder so.

Das bekommst du im Null komma nix im WordEditor hin.

Für alle die HTML lernen wollen, schreibe ich hier mal eben die grundlegensten Tags nieder, damit ihr einen Einstieg habt:

<html>
<head><title>Herb-Page</title></head> <!-- in <head> </head> kommen grundlegende Infos über deiner Homepage, z.B. der Titel, der open angezeigt wird oder durch <meta>-tags auch Dinge wie Weiterleitungen. -->
<bodybasefont="arial" color="black" size="3"> Die Standardschriftart deiner Website.
<body bgcolor="red" background="bla.bmp" visited="blue" link="black" hover="white"><!-- Hier bestimmst du grundlegende Eigenschaften wie Hintergrundfarbe/-bild, Farben von Links usw. -->
<br> Macht einen Zeilenumbruch.
<p>Text im Absatz.</p> <"-- Erzeugt einen Absatz welchen man z.B. mit CSS formatieren kann. -->
<a href="url..." target="_blanc">Test</a> Das erstellt einen link auf eine URL mit dem Anzeigetext "Test". Fast alle Tags müssen geschlossen werden mit deinem </...> Tag, so wie hier, da sonst dein gesamter Text ein Link wird.
<img src="xxx.bmp" alt="alternativer Text" width="..." height="..."> <!-- Erzeugt ein Bild, width und height legen die Größenangaben fest, möglich sind angaben in Pixeln oder in % (prozentualer Anteil der Gesamtgröße deiner Website). Dieser Tag wird nicht geschlossen. -->
<font color="blue" face="arial" size="5">Text</font> <!--damit formatierst du Textfarbe/-größe und Schriftart des Textes. -->
<b>fett</b>
<u>unterstrichen</u>
<i>kursiv</i>
<h1>Überschrift</h1> <!-- Erzeugt eine vorformatierte Überschrift. H1 ist glaub ich Fett und Schriftgröße 4. Es geht von h1 bis h6 glaub ich. Die Formatierung kannst du mittels CSS überschreiben. -->
<div align="center" id="Text1"> mittig zentrierter Text</div> <!--Der besagte Tag welcher für vieles verwendet werden kann. Z.B. um Text in die mitte zu rücken. Id ist dazu da um ihn durch CSS formatieren zu können, da du dann in deinem CSS code sowas eingibst wie "Text1:{color = blue}". Auch genutzt wird dies dazu um sogenannte Anker zu setzen. Wenn du auf einen Link klickst, scrollt dein Browser an diese Stelle. -->
<marquee scrollamount="7" scrollspeed="7" direction="right"> </marquee> <!-- Damit erzeugst du einen Lauftext wie du ihn aus Newstickern kennst. -->
<table></table> <!-- Erstellt eine Tabelle. Ich bin jetzt aber zu faul auf Einzelheiten einzugehen die du zusätzlich brauchst. :P -->
</body>
</html>


Kurzes Beispiel für einen Anker:
<a href="@unten">Gehe nach unten.</a>

<div id="unten">Hier ist unten.</div>




Ein Frameset funktioniert nun so, dass du eine Hauptseite hast welche das Browserfenster einteilt. In ihr befindet sich nichts weiter als Angaben über deine Frameaufteilung.

<html>
<head><title>Frames....</title></head>
<frameset cols="20,100,200,*">
<!-- Das Fenster wird in 4 vertikale Fenster unterteilt, das erste Fenster misst 20 Pixel, das zweite 100 Pixel, das dritte 200 Pixel und das vierte bekommt den kompletten restlichen Platz. Mittels anstelle von cols kannst du auch "rows" verwenden, was dann deine Seite in Wagerechte Fenster unterteilt. -->
<frame src="1.html" name = "links"> </frame> <!-- src (source) sagt, welche Seite im ersten Fenster erscheint. Name ist nützlich, wenn du ein Menü hast. Sie Beispiel unten. Zwischen <frame> und </frame> kommt in diesem Fall kein Text! -->
<frame src="seite2.html" name="bla"></frame>
<frame src="seite3.html" name = "yada"></frame>
<frame src="seite4.html" name = "Hauptseite"></frame>

</frameset>
</html>


Wenn du nun in einem Frame ein Menü mit mehreren Links hast, kannst du mittels "target" den Zielframe festlegen.

<a href="infos.html" target="Hauptseite">Infos</a>


Jetzt hast du alle grundlegenden Informationen die du für eine Seite wie von dir beschrieben benötigst. :) Ich hoffe, ich habe keine Fehler drin, habe nun schon seit Jahren nichts mehr mit html gemacht. Wie du siehst funktionieren manche Dinge wie der BB-Code hier im Forum.
Weitere Infos zu den Tags findest du bei selfhtml.

Edit: Einen wichtigen Tag hab ich vergessen:
<pre> Vorformatierter Text </pre>

Normalerweise ist das nämlich so, dass Text, den du einfach nur in deine Seite schreibst, ohne Zeilenumbruch hintereinander weg angezeigt wird, auch wenn du im Editor selbst immer eine neue Zeile beginnst. Davon ausgenommen ist Text in div-tags. Mit pre wird Text in der HTML-Seite so formatiert, wie du ihn hier eingibst.
 
Zuletzt bearbeitet:
An sich sehr gute Erklärung, wenn auch mit ein paar Lücken :D Aber Frames gehören einfach verboten! Die haben im Webdesign nichts, aber auch garnichts zu suchen.
Mit <pre>-Tags wäre ich auch sehr vorsichtig, die sind eigentlich nur für Entwicklungszwecke gedacht.

so far
 
naja, ich schau mal. ich hab jetzt mein net objects fusion dch wieder gefunden ;)

und frames: ich kenn viele user, die das toll finden, wenn man in der website "rumscrollen" kann :D
 
An sich sehr gute Erklärung, wenn auch mit ein paar Lücken :D Aber Frames gehören einfach verboten! Die haben im Webdesign nichts, aber auch garnichts zu suchen.
Mit <pre>-Tags wäre ich auch sehr vorsichtig, die sind eigentlich nur für Entwicklungszwecke gedacht.

so far
Ja sicherlich sind da nen paar Lücken (und nen haufen Tippfehler in den Erklärungen wie ich grade seh) aber an der Erklärung hab ich so schon ungefähr 30min gesessen. :ugly: Ich wollte jetzt nicht komplett alles was ich über HTML weiß niederschreiben, ein bissl sollen die Leute ja auch selbst was rausfinden. ;)
Was spricht denn gegen Frames? Ich fand die eigentlich immer ganz praktisch.:huh:

Eigentlich könnte man doch mal einen Thread aufmachen, indem User mit Ahnung eine kleine komplette Anleitung zu HTML verfassen. Quasi ein "selfhtml-light feat. PCGHX". Da könnten dann die mit mehr Ahnung auch was zu PHP, Perl, CGI und CSS schreiben.


Edit: Ich habe damals HTML mit HTML-Studio gelernt. Dort ist eine Autovervollständigung für HTML-Tags drin. Außerdem auch eine Referenz mit sämtlichen HTML-Tags.
http://elsdoerfer.name/=htmlstudio
 
Zuletzt bearbeitet:
divs sind die neuen frames! wieso hab ich nie verstanden ^^ das einzige was ich mal gehört hatte war, dass man früher frames nutzte, damit nich immer komplette seiten mit teils identischen inhalten neu geladen werden mussten (eben der typische banner und menu bereich), um die 28k modems zu sparen, und das heute mit dsl als standard eh sinnfrei geworden is. aber ich fand frames auch immer sehr praktisch un hab mit div's häufig mehr probleme wie lösungen ^^ aber man will ja mit der zeit gehen usw...

was mich an div's am meisten nervt im vergleich zu frames: frames kannste prozentual an den bildschirm anpassen, bei divs geht das einfach nich. wo is da der fortschritt >< oder diese schnucklige * angabe die einfach den rest-space beschrieben hat ^^ so konnte man % und absolut angaben mischen ohne probleme.
 
Natürlich kannst du die Divs so anpassen wie du willst, du brauchst nur ein großes div drumrum. Und frames sind einfach *******, weil das halt eigentlich mehrere Seiten sind. Die Navi ist fürn Po, verlinken kann man nicht und indexen schon garnicht...

so far
 
MMh könnte auch zu meinem Problem
passen
Ich organisier eine LAN Party um Infos zu verbreiten
wie server ip essens Bestellung:daumen:
bräuchte ich ein kleines Kostenloses programm was eine HP erstellt die schnell veränderbar ist und möglichst für andere erreichbar ist im internen netzwerk ;P

Am besten sollte das programm ne vorlage haben
mit vvlt 2-3 pulldown menues und das wars

Hoffe ist nicht zu Offtopic

Ich habe minimale HTML kenntnisse
so wie die am anfang der seite
bin aber zu Faul das selbst zu schreiben mit den Tags ;P Fehler suche dauert zu lang:daumen2:
 
Hmm schade in Schule hatten wir ein Programm mit dem das sehr einfach ging bloss name entfallen klang so ähnlich wie gdata man konnte da fast ohne html ein leicht hp erstellen ich glaub man konnte aber leider die seite dann nicht hosten:daumen2:
 
Dabei habt ihr wie ich sehe nur das klicken gelernt. Wir hatten auch mal nen Lehrer, der so ein Programm für die Programmierung gezeigt hat, damit auch die letzen Tränen das machen konnten.
 
Ebend und sowas bräucht was dann auch ohne Probleme vllt mit dem selben programm gehostet werden kann

Geht halt schnelller was zusammen klicken als selber schreiben ;P

War halt 6 Klasse und die Schule hat sehr wenig mit Computern am Hut

Ich kann schon ein bisschen HTML aber nur die grundlage aber das dauert um was halbwegs funktionierendes hinzubekommen
 
Naja also wenn du Bestellungen aufnehmen willst, dann brauchst du ne Datenbank. Wir hatten auf der einen Lan mal so ein Lan-Management-Tool oder so. Das konnte Turniere und alles sowas schon organisieren. Aber wie das nun hieß.

so far
 
Alterntiv registrierst du dich hier und erstellst ein eigenes Forum für deine LAN-Party, dann brauchst du gar nichts mehr selbst machen. Da kannst du dann auch gleich Turnierergebnisse und dergleichen bekanntgeben.
 
Du könntest ja auch einfach einen Thread hire im Forum unter Verkäufe/Kaufgesuche erstellen und dann sollen die, die ne Pizza wollen reinschreiben, welche se haben wollen. :lol:
 
Zurück