HTML Probleme / Programmierer kenntnisse /

[Gast23626]

Hallo liebe Forenuser!!!

Suchfunktion hat nichts ergeben. Auch weiss ich das wir hier im DJ Forum sind aber ich weiss nicht welches Forum ich sonst aufsuchen soll da ich neu hier bin.

Habe einige Programme
gefunden die für die erstellung von Html Dokumenten sind.

Nun wie funktioniert so ein Programm eigentlich? habe schon versucht irgendwas einzugeben aber ich werde daraus nicht schlau, wie man sowas auf einer Seite einbindet ( Ebay ) oder auch andere Seiten sprich die erstellung einer eigenen Hompage vieleicht.

Wäre gut wenn hier ein Profi ne anleitung hätte wie ich es halbwegs bedienen kann.
Oder nen Link wie es ausfürlich beschrieben wird.

Ich würde mich super freuen und wäre euch sehr dankbar,bis jetzt wurde mir hier immer geholfen.

Danke im vorraus!!!

 

[Flipsen]

selfhtml

Eine komplette Documentation von HTML und weiteren Web Technologien. Sind auch einige Artikel dabei, welche den Aufbau des Internets und z.B. einer Seite im speziellen betreffen. Les dich da mal durch. Damit meine ich nicht 2 sek. drüberschaun und sagen, "nix gerafft"!


Grüße

 

[GambaJo]

Selfhtml ist sehr gut.

BTW: HTML ist keine Programmiersprache.

 

[Chris R]

oder das hier:

http://de.html.net/tutorials/html/

wirklich sehr einfach für den anfang

 

[Took]

Programme zum erstellen von Homepages machen es einem anfangs zwar einfacher, aber du bist was die Möglichkeiten angeht doch beschränkt. Und wenn du dir ein solches Programm anlachst, dann nimm nicht Frontpage oder einen anderen Nachfolger aus dem Hause Microsoft. Es gibt deutlich bessere billigere Alternativen.

 

[Gast23626]

oder das hier:

http://de.html.net/tutorials/html/

wirklich sehr einfach für den anfang

Danke Criss!!


Der ganze Inhalt ist sehr informativ und es lässt sich sehr gut lesen und ist echt super beschrieben.
Also damit dürfte ich als anfänger sogar was hinbekommen.

 

[xam0r]

Warum probiers du nicht mal Microsoft Frontpage aus ?

das prog generirt zwar Codes die viel zu lang sind aber für anfänger ist das eigentlich ganz gut.

Falls vorhanden.

 

[lAt0r]

Wenn du dich richtig damit befassen willst schau dir lauter tuts an oder belege einen Kurs.

 

[Zen5656]

Selfhtml ist sehr gut.

War es einmal. Mittlerweile leider von den Texten her sehr veraltet. Inhaltlich ist es zwar noch korrekt, aber es werden die falschen Schwerpunkte gesetzt. Es kommt nicht raus was von dem ganzen Brei an Tags und Attributen überhaupt wichtig ist.

Wenn jmd. ernsthaft HTML und CSS lernen will empfehle ich dieses Buch hier (Band 1):

http://little-boxes.de/

Euch muss aber auch klar sein, dass man da schon etwas Zeit reinstecken muss.

Wenn du dich richtig damit befassen willst schau dir lauter tuts an oder belege einen Kurs.

Meine Erfahrung: Kurse bringen nichts. Dort wird dir der Stoff innerhalb eines Tages reingepresst und oft auch sehr viel gefährliches Halbwissen vermittelt. HTML heißt Hyper Text Markup Language und diese Sprache lernt man eben nicht von heut auf morgen mit all ihren Grammtikregeln

 

[plusquamperfekt]

Der Schwerpunkt von Selfhtml ist, dass jeder valide Html - Seiten erstellen kann!

Wie der ganze Content dann aussieht, wird mit Css definiert (Cascading Style Sheets).

Im Grunde lernst du mit Selfhtml den Aufbau, den Sinn und ein Konzept kennen. Wie dann alles barrierefrei gehalten wird, auf tabellenlayouts verzichtet wird, lernst du dann mittels dem angebotenen "little-boxes".

Aber soweit sind wir noch nicht. ;-)

Erst mal den Aufbau einer Seite verstehen und anwenden können. Dann fängt man an, Inhalt und Format zu trennen, dann beginnt die Optimierung.

Man sollte nicht direkt damit anfangen, wie man verschied. Browser dazu bringt, den Inhalt gleich aussehen zu lassen. Das kann man später "optimieren". Wenn die Html - Seite valid ist, ist es eh nur noch Kinderkram...

 

[Zen5656]

Im Grunde lernst du mit Selfhtml den Aufbau, den Sinn und ein Konzept kennen.

Naja Selfhtml ist mehr ein Lexikon in dem alle Begriffe der Sprache HTML und CSS erklärt sind. Über das Konzept habe ich dort noch nichts gelesen

Wie dann alles barrierefrei gehalten wird, auf tabellenlayouts verzichtet wird, lernst du dann mittels dem angebotenen "little-boxes".

Man sollte erst garnicht Tabellenlayouts lernen, sonst wird das "Richtige" zu schwer. Und das man barrierefrei baut ist eh eines der wichtigsten Gebote
Aus dem Kommentaren/Bewertungen bei Amazon kann man eig schon ersehen, dass es DAS Buch zum Thema ist:

http://www.amazon.de/Little-Boxes-W...bs_sr_1?ie=UTF8&s=books&qid=1200148007&sr=8-1

Wie auch immer, ich möchte jetzt nicht in eine Grundsatzdiskussion abscheifen oder großartig Werbung machen.

 

[Gast23626]

Die nachricht ist für alle.. Ich sage Danke und es hat mir wessentlich weiter geholfen als bisher und nun habe ich erstmal ein paar grundlagen und fachbücher als tip bekommen in denen ich mich mal durchlesen werde.


DANKE an alle für eure Hilfe!! und das obwohl wir hier im DJF sind. Echt einfach nur Super...

 

[zoeck]

Warum probiers du nicht mal Microsoft Frontpage aus ?

bitte bitte bitte nicht!
Das ist das schlechteste Prog dafür überhaupt...

Wenn es schon so n WYSIWYG Html Editor sein soll, dann entweder Dreamweaver (recht teuer) oder der Namo Web Editor (super Programm wo nicht viel kosten, guter Quelltext)

MfG

 

[Tobysun]

Soo hab auch mal ne frage:

bei den meisten Websites wird die Navigationsleiste doch meist immer über eine Grafik dargestellt, also die Links sind sozuagen in der Grafik

Wie machen die das, mit HTML kommt man da nicht weit oder?

HTML und CSS sind ja relativ einfache Programmiersprachen, ich denke da kommt man nicht weit

Danke schonmal im voraus

MFG

Toby

 

[Atom]

Ganz vereinfacht, also der simpelste Code:

<a href="[Ziel-Website]"> <img src="[Zieladresse der Grafik]"></a>

Also beispielsweise:

<a href="http://www.xyz.de/fotos.html"><img src="http://www.xyz.de/grafiken/fotolink.gif"></a>

 

[GambaJo]

HTML und CSS sind ja relativ einfache Programmiersprachen

Weder HTML noch CSS sind Programmiersprachen, wie ihr Name schon sagt.

 

[ReactiX]

Weder HTML noch CSS sind Programmiersprachen, wie ihr Name schon sagt.

Danke, das wollt ich auch grad sagen...

@Tobysun:
CSS mag simpel sein, aber mächtig!

 

[LosMintos]

<a href="http://www.xyz.de/fotos.html"><img src="http://www.xyz.de/grafiken/fotolink.gif"></a>

Bitte dann unbedingt ein alt-Attribut verwenden. Besser noch: CSS-Buttons erstellen bzw. so ungefähr (ungeprüft, aus dem Kopf hingetippt):

HTML:
<a href="deejayforum.de" title="Zum Forum">linktext</a>

CSS:
a {
background: url(image.jpg) repeat x;
}

Einfach suchen: http://www.google.com/search?q=css+...&rls=org.mozilla:de:official&client=firefox-a

 

[Atom]

Ganz vereinfacht, also der simpelste Code:

<a href...

 

[Tobysun]

Ganz vereinfacht, also der simpelste Code:

<a href="[Ziel-Website]"> <img src="[Zieladresse der Grafik]"></a>

Also beispielsweise:

<a href="http://www.xyz.de/fotos.html"><img src="http://www.xyz.de/grafiken/fotolink.gif"></a>

wie ich ein Button/Bild verlinke weiß ich ,

aber ich seh auf jede mengen anderen Websiten eine schrift, über einer Grafik

wird da einfach mit Tabellen gearbeitet, also :

...
<table>
<tr>
<td background="www.blabla.de/button.gif"> 1.Navigationspunkt </td>
</tr>
<tr>
<td background="www.blabla.de/button.gif"> 2.Navigationspunkt </td>
</tr>
</table>
...

oder geht das irgendwie einfacher?

 

[LosMintos]

oder geht das irgendwie einfacher?

Mit CSS geht das viel einfacher. Google: CSS, Menü, Liste etc. pp. Du findest es aber auch bei Selfhtml ;-)

(Oder schau den Quelltext meiner Seite an und suche nach <div id="nav">)


Atom, schon klar, nur leider ist diese ganz reduzierte Möglichkeit nicht valide und schon mal gar nicht barrierefrei

 

[zoeck]

dumdidum lalalala... hier mal n kurzer code

<div id="headermenue">
<ul>
<li><a href="seite1.htm">Start1</a></li><li><a href="seite2.htm">Start2</a></li><li><a href="seite3.htm">Start3</a></li>
</ul>
</div>

hier noch der passende css code dazu:

#headermenue ul {
list-style-type:none;
margin: 0px;
padding:0px;
}

#headermenue li {
display:inline;
padding:0px;
float:left;
}

#headermenue a {
background: url("hintergrundgrafik.gif");
}

schon hat man n schönes menü... hab das aber grad nicht getestet, sollte aber funktionieren

MfG Jens

 

[synth]

Wenn Du die ganze sache etwas ernster betreiben willst, dann zieh Dir SelfHtml rein und hol Dir einen anständigen HTML/CSS-Editor mit Syntaxhighlighting und Scripten (Für OSX: TextMate |*Windows: http://www.e-texteditor.com/). Kosten zwischen 35$ und 49€.
Kauf Dir KEINE WYSIWYG-Editoren, damit kommt man nicht weit – auch wenn sich das etwas paradox anhört.