Html

timivido · 24.09.2010, 13:44

Ich habe mal wieder eine frage gefunden....

wie kann man hientergründe per html machen? oder schrifft? gibt es da ein pogramm ( Kostenlos ) ?

danke schonmal in vorraus

mfg:Tim

Anzeige

Schau dir mal diesen Bereich an. Dort ist für jeden was dabei!

DD64 · 24.09.2010, 13:52

Lern die Grundlagen:
erste HTML-Seite erstellen - HTML lernen - HTML Kurs / Seminar

Ein gutes Programm ist meiner Meinung nach die Netbeans IDE, kostenfrei.
http://netbeans.org/downloads/index.html

Eclipse eignet sich auch gut:
Eclipse.org home

Lad die die "PHP" Version herunter (Direkter Download hier)

Angel Beats · 24.09.2010, 13:56

Versteh nicht ganz was du willst.

"Hintergrund" "per HTML"

hast du den Ahnung von den Tags und sowas?

Also wenn ich <bgcolor color="black"> poste, das du auch weißt, was das heißt?

i PoTTii xX · 24.09.2010, 14:22

Sahne

WTF? Lern du erstmal HTML ^^

@TS: Lern erstmal HTML.

Das ist mMn die Beste HTML und CSS Seite: HTML- und CSS-Tutorials - Erstellen Sie Ihre eigene Webseite - HTML.net
Als Syntax Editor empfehle ich Weaverslave

Angel Beats · 24.09.2010, 16:06

oh xD garnicht draufgeachtet ist ja voll falsch

<body bgcolor="Hexcoe" link="Hexcoe" alink="Hexcoe" vlink="Hexcode"> (In HEAD Zeile, normalerweise. Geht auch ohne natürlich.)

Mit Tutorials kann man oft nicht genug mit anfangen, da ist es hilfreich, wenn man Leute da hat die einen helfen

DD64 · 24.09.2010, 16:42

Ich bevorzuge es, wenn man alles mit CSS macht.
So kann man alles, was mit dem Design zu tun hat, in eine separate Datei auslagern.

So fügt man in den Head-Bereich folgendes ein:

PHP-Code:


<link rel="stylesheet" href="style.css" />

Dann kann man anschließend in der verlinkten style.css komfortabel z.B die Hintergrundfarbe von <body> ändern

PHP-Code:


body {



        background-color:#FFFFFF;

        font-family:Arial, Helvetica, sans-serif;



}

i PoTTii xX · 24.09.2010, 17:03

Bevorzuge ich auch. Trotzdem wenn er kein HTML kann kann er wohl auch kein CSS^^

Jan · 25.09.2010, 09:00

Jedoch sind HTML und CSS beinahe untrennbar miteinander verknüpft.
SELFHTML ist imho die beste Seite zum lernen, für CSS einfach "CSS Tutorial" googlen. Ich habe damals von diesem hier gelernt

ysglnd · 07.05.2011, 22:43

hi, eine Frage, wie kann über meine Buttons Schrift legen? also so ne Art zweite ebene drüberlegen.

das ist meine seite http://ysglnd.ys.funpic.de/videos.html

ich hab zwar erkläreungen mit div boxen gelesen, aber wurde daraus nicht schlau, ich denke ich würde es verstehen wenn jemand es anhand meiner seite mir zeigen könnte

indexdatei

<html>

<head>
<title> </title>
<link type="text/css" href="style.css" rel="stylesheet" />
</head>

<body>

<div id="main">

<div id="header">
<center>
<img src="Bilder/headertest.jpg" alt="Header" height="170px" width="998px" />
</center>

</div>

<div id="headermenu">
<center>
<a href="index.html"><img src="Bilder/headertest.jpg" alt="Startseite" height="50px" width="197px" /></a>
<a href="news.html"><img src="Bilder/headertest.jpg" alt="News" height="50px" width="196px" /></a>
<a href="bilder.html"><img src="Bilder/headertest.jpg" alt="Bilder" height="50px" width="196px" /></a>
<a href="videos.html"><img src="Bilder/headertest.jpg" alt="Videos" height="50px" width="196px" /></a>
<a href=""><img src="Bilder/headertest.jpg" alt="Forum" height="50px" width="196px" /></a>
</center>
</div>

<div id="body">
<div id="links">
<p align="center">
<br>
<br>
<br><br><br><br><br>
<img src="Bilder/headertest.jpg" alt="Header" height="30px" width="160px" />
<br><br><br>
<img src="Bilder/headertest.jpg" alt="Header" height="30px" width="160px" />
<br><br><br>
<img src="Bilder/headertest.jpg" alt="Header" height="30px" width="160px" />
<br><br><br>
<img src="Bilder/headertest.jpg" alt="Header" height="30px" width="160px" />
<br><br><br>
<img src="Bilder/headertest.jpg" alt="Header" height="30px" width="160px" />
</p>
</div>

<div id="mitte">
<br>
<br>
<center>
Startseite
</div>

<div id="rechts">

</div>

<div id="clear">
</div>

</div>

<div id="footer">
</div>

</div>

</body>

</html>

css datei

body
{
background-color: #FFFFFF
font-family:verdana;
font-size:12px;
color:#660000
margin:0;
}

#main
{
width: 1000px;
margin: 0 auto;
}

#header
{

background-color: #000000
height: 200px;

}

#headermenu
{
background-color: #000022

height: 50px;
}

#body
{
background-color: #000000
height: 1000px;
}

#links
{
background-color: #220000
padding: 5px;
width: 200px;
float:left;

}

#rechts
{
background-color: #220000
padding: 5px;
width: 200px;
float:left;
}

#mitte
{
background-color: #220000
padding: 5px;
width: 600px;
float:left;
}

#clear
{

}

#footer
{
background-color: #222222
height: 20px;
}

Angel Beats · 07.05.2011, 22:47

Ich würd sagen, in die Boxen mit Paint, Photoshop oder Konsorten die Schrift hinschreiben.

Dann noch mit einem Mouseover Befehl, vielleicht das ganze noch ändern. Also, dass da im Beispiel normal in rot steht "Home" und wenn die Maus darüber ist das dann das "Home" in blau steht.

ysglnd · 07.05.2011, 22:52

genau die variante mit paint wollte ich verhindern, da ich so 10 grafiken hochladen muß anstatt nur einer

Angel Beats · 07.05.2011, 22:54

Kann ich gut nachvollziehen. Musst dann aber warten, bis jemand anderes was posted.

Jan · 08.05.2011, 10:51

Zunächst mal eine andere Frage:
Wieso benutzt du für einen 50 x 196 Pixel großen Button ein 8.333 x 1.250 Pixel großes Bild?

ysglnd · 08.05.2011, 11:18

was is daran so schlimm?

Jan · 08.05.2011, 13:22

ysglnd

was is daran so schlimm?

Unnötig lange Ladezeiten? Es muss, egal was du im HTML-Code angibst, das komplette Bild geladen werden. Es würde die Ladezeit deiner Seite erheblich beshcleunigen, würdest du eine zugeschnittene/verkleinerte Version des Bildes benutzen.

ysglnd · 08.05.2011, 17:20

ach das meinst du, es ist nur eine Testpage und da sind solche Sachen unwichtig, außerdem gibts nur ein Bild, was Ursprünglich für den Header war, soll ich das Bild also für die Buttons kleiner machen dafür einen vollkommen verpixelten Header haben?

ich hab das Gefühl man will mir hier nicht meine Frage beantworten, sondern sich einfach nur mitteilen, schließlich ist bisher noch niemand auf meine ursprüngliche Frage eingegangen...

pra · 08.05.2011, 17:40

ysglnd

ach das meinst du, es ist nur eine Testpage und da sind solche Sachen unwichtig, außerdem gibts nur ein Bild, was Ursprünglich für den Header war, soll ich das Bild also für die Buttons kleiner machen dafür einen vollkommen verpixelten Header haben?

ich hab das Gefühl man will mir hier nicht meine Frage beantworten, sondern sich einfach nur mitteilen, schließlich ist bisher noch niemand auf meine ursprüngliche Frage eingegangen...

Ich denke, du solltest dich zunächst mal genauer mit HTML und CSS befassen.
Ich hab mal kurz mit Firebug über deine Seite geschaut, und... ich sag lieber nichts

Du solltest dir auf jeden Fall mal css4you anschauen:
CSS 4 You - The Finest in Stylesheets: Workshop CSS: Allgemeines
ansonsten wäre es schwierig, Sachen zu erklären.

Dein Ansatz, einen <img>-tag an stelle des Buttons zu machen wird dich nirgendwohin bringen. Was du machen solltest, ist <div>s (oder ein <ul> mit <li>s da drin) erstellen, in denen dein Text enthalten ist (<div>blah</div>), und denen dann per CSS ein passendes Hintergrundbild geben (und auch passende Größe usw).

Das mit den tausenden von <br>s ist auch kein allzu guter Stil. Stattdessen solltest du die CSS-Eigenschaft Margin benutzen, um Abstand zwischen Elementen zu erzeugen.

edit: dein episches Multimonitorwallpaper solltest du aber schon verkleinern. Zumal du nicht mehr einfach die Größe angeben kannst, wenn du es per CSS als Hintergrund einrichtest...

Thema: Html

Html

Html

AW: Html

AW: Html

AW: Html

AW: Html

AW: Html

AW: Html

AW: Html

AW: Html

AW: Html

AW: Html

AW: Html

AW: Html

AW: Html

AW: Html

AW: Html

AW: Html

Ähnliche Themen