Html-Anfänger braucht dringend:) Hilfe...

S

squashmichi

Semiprofi
Thread Starter
Mitglied seit
12.04.2005
Beiträge
2.117
Hi,
da ich mich in der letzten Zeit mehr und mehr für Programmiersprachen intressiere wollte ich vor einer Woche einfach mal anfangen...
Gesagt getan ich hab mich für die Html-"Sprache" entschieden...

Gleich mal gegoogelt und im Forum gesucht...
Hab auch schon einige solche Schrit für Schrit tourials gemacht komm aber immer noch nicht da hin...

In Moment weis ich wie ich ein Html "Dokument" aufbaue wie ich kursiv, fett und unterstrichen schreibe, und die Hintergrundfarbe ändere....

Mein Problem liegt liegt jetzt eignetlich darin ein Menü zu machen und das dann einfügen...
Was ich auch noch nicht weis wie bekomme ich alles in Farbe wie z.B. das Hardwareluxx-Menü?
Wie ihr schon merkt kenn ich mich nicht wirklich damit aus bin aber lernfähig:)
Als Editor benutze ich im Moment EditPAd Pro damit komm ich auch so einigermasen zu recht...

Wenn ihr mir da vielleicht Helfen könnt oder einen guten Link habt dann wäre ich euch dankbar...
Aber bitte nicht sagen googeln weil das hab ich schon gute 5Stunden hinter mir-.-

Danke schon mal im voraus

mfg
Michael
 
Wenn Du diese Anzeige nicht sehen willst, registriere Dich und/oder logge Dich ein.
squashmichi schrieb:
Wenn ihr mir da vielleicht Helfen könnt oder einen guten Link habt dann wäre ich euch dankbar...
Aber bitte nicht sagen googeln weil das hab ich schon gute 5Stunden hinter mir-.-
Zum Vergrößern anklicken....

ja nee... hab ich dann mal für dich gemacht ...

http://de.selfhtml.org/

das ist ne echt super seite in der Sache, mit der habe ich vor 5 Jahren auch meine ersten "Gehversuche" gemacht... ich würd mich jetzt net als Profi im Bereich Webdesign einschätzen (andere behaupten das aber... strange :stupid: ) ... aber ich weiß was ich kann, un darüber bin ich stolz, dass ichs mir selbst angeeignet habe...

Wünsch dir weiterhin noch viel spaß beim Proggen...
 
IChe weis jetzt nicht genau was du mit menü meisnt aber google doch mal nach frameset damit kanst du seitlich eine seite öfnen und auf der anderenseite einee andere seite dan verlinkst du alles entsprehen auf den 2ten frame und du hast ein "menü"
zu den farben erstmal ne t abelle mit allen fraben
http://www.goodlink.de/edv/html_farbcode.htm
Code: 
<span style="color:heir der code"> TEXT </span>
 
Was dir sehr sehr helfen wird als anfänger ist ein WYSIWYG (WhatUSeeIsWhatUGet)-Editor benutzt ! Der beste ist imho (naja was heißt imho, eigentlich denken sehr sehr sehr viele leute so :d :fresse:) Macromedia Dreamweaver. Der ist aber halt net wirklich billig !

Das beste Tutorial was es für Html gibt, ist eigentlich Selfhtml (Url wurde oben schon genannt!)

MfG
h34d
 
hmmm... klar is 'n WYSIWYG-Editor nice, weil du dich um den ganzen Quelltext-Kram net kümmern brauchst... aber wenn du wirklich HTML lernen willst, dann find ichs ratsamer, 'n paar Nächte lang sich mit dem Code rumzuschlagen, weil das bleibt dann im kopp... und man ist dann net von so nem Editor abhängig... weil die können auch net immer alles 100% ... mittlerweile benutze ich auch so einen, weils die Arbeit erleichtert... trotzdem leg ich manchmal noch selbst Hand an am HTML-Code...
 
am anfang reicht eigentlcih der ganz normale text editor ohne ihrgendwelche zusetzliche funktionen und sit dan doch noch sehr überschaubar wenn man mal die grundlagen beherscht kann man sich natürlich die arbeit mti nem editor verenfachen
 
Hi,
also schon mal danke für eure Tipps und links..
Hab gleich mal angefangen und rausgekommen ist vollgendes bis jetzt:

<html>
<head>
<title>TEST</title>
</head>
<body bgcolor="#FFFFFF" link="#FFFF00" vlink="#FFCC00" alink="#FFFFFF" text="#000000">

<table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="00FF66 ">
<colgroup>
<col width="500">
<col>
</colgroup>
<tr>
<td colspan="2">
<table border="0" cellpadding="10" cellspacing="0">
<tr>
<td><h1 style="color:3333FF">Squashmichi's Hardware</h1></td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" width="160">
<table border="0" cellpadding="20" cellspacing="0">
<tr>
<td>
<h3 style="color:#FFFFFF">Navigation</h3>

<a href="datei.html">
<img src="button.gif" width="150" height="50" alt="Hardware" border="0">
</a>
<a href="datei.html">
<img src="button.gif" width="150" height="50" alt="Hardware" border="0">
</a>
<a href="datei.html">
<img src="button.gif" width="150" height="50" alt="Hardware" border="0">
</a>
</td>
</tr>
</table>
</td>
<td valign="top" bgcolor="#FFFFFF">
<table border="0" cellpadding="10" cellspacing="0">
<tr>
<td>
<h2>Der GPU Test</h2>
</td>
</tr>
</table>
</td>
</tr>

</table>

</body>
</html>


jetzt die Frage wie kann ich die "Buttons" verlinken und das wichtigste wie kann ich sie gestallten also wie kann ich die gestallteten Buttons einbinden?
 
Hmmm... wäre vllt cooler, wenn du 'n Link zu deiner Seite reinsetzen könntest, dann könnte man das grafisch gleich sehen un Quellcode kann man sich ja eh bei den Browsern anzeigen lassen...

Wegem "Verlinken" :

Code: 
<a href="datei.html">
<img src="button.gif" width="150" height="50" alt="Hardware" border="0">
</a>

das mit dem "<a></a>" ist jener Link... vermutlich meintest du deine Frage so, wie du Buttons machn kannst, die sich beim überfahren dann farblich ändern, also so 'n Hover-Effekt ... afaik brauchste dazu 'n bissel (Java-)Script.
Ich habe dir hierzu mal den Link zu SelfHTML rausgesucht:
http://de.selfhtml.org/javascript/beispiele/buttons.htm

hoffe mal, dass des da verständlich genug erklärt wird...
 
Hi,
leider weis ich noch nicht wo ich meine Hp rauf laden soll drum habe ich auch noch keinen link oder gibts da irgendwelche Möglichkeiten?

Da mit den Buttons hab ich inderekt so gemeint...
Ich meinte das so, das ich mit einen Buttos in PhotoShop cs erstelle und den dann irgendwie in den Quell Code mit einbinde...
Wisst ihr was ich mein?

Aber Danke schon mal für deine Hilfe bzw. den Link das Teste ich gleich mal :)

mfg
Michael
 
also hockladen kaste deine seit beispielsweise bei funpic.de
Code: 
<a href="http://www.html-seminar.de/" target="_blank">
 <img src="http://www.html-seminar.de/bilder/html-seminar.jpg"
 width="474" height="66" border="1"
 alt="text der angezeigt wird wenn das bild nciht geladen werden kann" />
 </a>
 
Ich weiß nicht, ob dir das bei Kcirtas Post klargeworden ist, aber wenn du eine Grafik verlinken willst (was ja deine Absicht ist), läuft es darauf hinaus, ein Bild per <img>-Tag einzufügen und dieses Bild dann durch einen <a>-Tag zu umschließen.

Code: 
[COLOR="#ffa500"]<a href="http://www.html-seminar.de/" target="_blank">[/COLOR]
 [COLOR="LightBlue"]<img src="http://www.html-seminar.de/bilder/html-seminar.jpg"
 width="474" height="66" border="1"
 alt="text der angezeigt wird wenn das bild nciht geladen werden kann" />[/COLOR]
 [COLOR="Orange"]</a>[/COLOR]
Blau ist das Bild und orange ist der Link.
 
Hi,
das ist super erklärt nur weis ich nicht so genau was ich da anstatt dem eingeben soll???
Hier steht: img src="http://www.html-seminar.de/bilder/html-seminar.jpg
was soll ich da bei mir eingeben?
und woher weis ich die maße?
idth="474" height="66" border="1"

danke schon mal im voraus
 
squashmichi schrieb:
Hi,
das ist super erklärt nur weis ich nicht so genau was ich da anstatt dem eingeben soll???
Hier steht: img src="http://www.html-seminar.de/bilder/html-seminar.jpg
was soll ich da bei mir eingeben?
und woher weis ich die maße?
idth="474" height="66" border="1"

danke schon mal im voraus
Zum Vergrößern anklicken....
alos das rote ersetzt dudurch den pfad zu dienen bild

und die gröse bekosmte ganz einfach raus geh mal peint dein button öfnen dan oben bild und dort atribute da stehen die dan
 
DEYS schrieb:
Code: 
[COLOR="#ffa500"]<a href="http://www.html-seminar.de/" target="_blank">[/COLOR]
 [COLOR="LightBlue"]<img src="http://www.html-seminar.de/bilder/html-seminar.jpg"
 width="474" height="66" border="1"
 alt="text der angezeigt wird wenn das bild nciht geladen werden kann" />[/COLOR]
 [COLOR="Orange"]</a>[/COLOR]
Zum Vergrößern anklicken....

src = 'Quelle' deines Bildes - also die Pfadangabe
width = 'breite' - Angabe der breite des Bildes in Pixel
height = 'höhe' - Angabe der höhe des Bildes in Pixel
border = 'rahmen' - soll ein Rahmen um das Bild gemacht werden ? Wenn nein, dann "0"
alt = 'alternative' - gibt einen alternativen Text zum Bild an (wenn das Bild nicht geladen wird)

MfG TrOuble
 
Anmelden, um zu antworten.
Hardwareluxx setzt keine externen Werbe- und Tracking-Cookies ein. Auf unserer Webseite finden Sie nur noch Cookies nach berechtigtem Interesse (Art. 6 Abs. 1 Satz 1 lit. f DSGVO) oder eigene funktionelle Cookies. Durch die Nutzung unserer Webseite erklären Sie sich damit einverstanden, dass wir diese Cookies setzen. Mehr Informationen und Möglichkeiten zur Einstellung unserer Cookies finden Sie in unserer Datenschutzerklärung.


Zurück
Oben Unten refresh