Womit und wie baue ich eine Homepage?

C

Claudy

Member
Registriert
September 2002
Hallo zusammen :)

Nach Absprache mit dem SF-Team ist nun der ultimative Homepage-Thread ins Leben gerufen worden ;)
Vorallem da in letzter Zeit die Fragen zu HTML (...) die erste Seite überfluteten, ist es besser das alles in einem Thread zu sammeln.
Ich habe mal ein paar FAQ's zusammen gestellt, die natürlich noch gern ergänzt werden können.

Updated: 26. April 2005

FAQ

GOOGLE.DE

1. Wo sind gute Tutorials um HTML zu lernen?
http://www.selfhtml.org
http://www.webmaster-resource.de/tutorials/html/html_tutorial.php
http://icedale.de/tutorialsframe.htm
www.informatiklernen.de
http://www.flashforum.de/ (Flash)

2. Wo gibt es gute kostenlose HTML-Editoren?
http://www.chip.de/downloads/c_downloads_8832767.html
http://www.superhtml.de/

2.1 Wo gibt es gute kostenlose WYSIWYG-Programme?
http://www.nvu.com/index.html


2.2 Nicht kostenlos:
http://www.macromedia.com/de/software/dreamweaver/

3. Kostenlose Layouts:
http://www.freelayouts.com/templates/display/templates
http://fairygfx.de/

4. Wo gibt es gute Scripte für Effekte?
http://www.dynamicdrive.com/
http://www.java-html.de/
http://www.drweb.de/javascript/index.shtml

5. Gästebücher:
http://www.multiguestbook.com
www.feedbook.de

6. Wo kann ich meine Seite kostenlos hochladen?
http://www.arcor.de (50MB Webspace, 1GB Traffic, keine Werbung)
http://www.piranho.com (unbegrenzt Webspace, unbegrenzt Traffic, keine Werbung) - Keine Downloads!
http://www.freenet.de/dienste/homepage/index.html (60MB, unbegrenzt Traffic, keine Werbung)
http://www.8ung.at (20MB)
http://www.ohost.de
www.funpic.de (Unbegrenzt Webspace (max. 1MB/Datei), PHP, 1 MySQL Datenbank, keine Werbung)
www.oyla2.de
http://www.g4.gs/index.php (100MB, Filesize max. 5 MB)


7.1 Nicht kostenlos:
http://www.domain-mania.de
http://www.all-inkl.com

7. Wo bekomme ich kostenlos eine kürzere Domain her?
http://www.dot.tk
http://www.nic.de.vu

8. Wo gibt es gute kostenlose FTP-Programme?
http://www.smartftp.com
http://filezilla.sourceforge.net/

9. Sonstiges
http://www.guppi.de/website-test.shtml
http://www.k-foren.de/showthread.php?s=&threadid=48611
http://www.hrz.uni-dortmund.de/computerPostille/Juni1997/urheberr.html
http://www.abc-recht.de/ratgeber/internet/faq/eigene_homepage.php
http://www.trafficklau.de/
www.m-e-h.com
www.homepage-d3sign.de
www.just-female.com

10. Kostenlose Grafikprogramme:
http://gimp-win.sourceforge.net/stable.html (The GIMP)
http://www.irfanview.de/


10.1 Nicht kostenlos:
http://de.jasc.com/ (Paint Shop Pro)
http://www.ulead.de/ (PhotoImpact)
www.adobe.de (Photo Shop)

11. Wo kann ich Bilder hochladen?
http://www.imageshack.us/




Claudy
 
Zuletzt bearbeitet:
Bei den kostenlosen Programmen zum Homepageerstellen bitte noch "Nvu" hinzufügen.
Bei FTP Programme noch "Filezilla" hinzufügen
 
Zuletzt bearbeitet:
KevinGeheim schrieb:
Ich habe mich bei http://www3.topsites24.de/pro/rotkehlchen/index.html angemeldet und da kann man ja ein Banner hineinstellen nun wollte ich Fragen wie? Die wollen ja eine URL wie mache ich das? Dann müsste ich bei Google das Bild reintun oder? :schnief:
Zum Vergrößern anklicken....
Nein, Google ist eine Suchmaschine. Bei Google wird überhaupt nix gespeichert, jediglich gesucht. Du musst den Banner auf einem Webspace speichern. Oben siehst du eine Reihe von Anbietern wo du Webspace kostenlos bekommst. Dann musst du deinen Banner mittels eines FTP-Programms (siehst du auch oben) auf den Webspace laden. Dann musst du die URL (Adresse wo das Bild zu finden ist, z.B. h**p://people.freenet.de/DEINEHOMEPAGE/files/banner.jpg (extra Sternchen hingemacht, da es diese Seite nicht gibt)) einfach auf der Seite wo du es haben willst eintragen. Fertig.
 
ich probiere es mal mit arcor.
 
FunnyEllie schrieb:
Vllt. sollte es noch Links geben wo man seine eigene Homepage macht.
Zum Vergrößern anklicken....
Was meinst du mit wo?
Die Homepage macht man mit einem Editor oder einem WYSIWYG-Programm und hochstellen tut man sei auf einen Webspace. Solche Sachen wie beepworld würde ich keinem empfehlen.
 
Downloader schrieb:
Wie kann ich einen nicht unterstrichenen Link erstellen?
Zum Vergrößern anklicken....
Code: 
  <html>
   <head>
   <style type="text/css">
   <!--
    a:link { text-decoration:none; }
    a:visited { text-decoration:none; }
    a:hover { text-decoration:none; }
    a:active { text-decoration:none; }
   -->
   </style>
   </head>
   <body>
   
   <a href="http://www.google.de/">Google</a>
   
   </body>
   </html>
So. Dann sind aber ALLE Links nicht unterstrichen. Wenn du CSS beherrscht kannst du die Links dann noch selbst weiter gestalten.
 
Downloader schrieb:
Ich hoffe ihr könnt mir helfen, habe nämlich eine Frage.
Wie kann ich einen nicht unterstrichenen Link erstellen?
Zum Vergrößern anklicken....

Die einfachste Methode führt über StyleSheets. Dazu bindest du in den Head-Bereich deiner HTML-Dateien folgende Zeilen ein:
Code: 
<style type="text/css">
<!--
A:LINK		{ text-decoration:none; }
A:VISITED	{ text-decoration:none; }
A:ACTIVE	{ text-decoration:none; }
A:HOVER	{ text-decoration:none; }
//-->
</style>

Kurze Erläuertung: <style type="text/css"> leitet den Style Sheet Bereich ein, <!-- dient zur Auskommentierung für ältere Browser, die keine Style Sheetes beherrschen. A:Link definiert nicht besuchte Links, A:Visited besuchte Links, A:Active den Link, dem man gerade gefolgt ist und der noch markiert ist und A:Hover einen Linktext, den man gerade mit der Maus berührt. text-decoration:none blendet bspw. die Unterstreichung aus. Die Farbe der einzelnen Linktypen kannst du verändern, wnen du hinter den Semikolon (;) noch ein font-color:#FFFFFF anhängst (Farbe kannst du natürlich verändern).

[edit: D4ni3L ist zu schnell für mich ;)]
 
@Tearsboy14

Das hat aber nichts mit Homepage zu tun. Wer selbst Webspace besitzt braucht im Grunde keine solchen Services mehr.
 
Cookie schrieb:
Unter http://fairygfx.de/ gibts noch Layouts ;)
Zum Vergrößern anklicken....

Soll ich noch en paar GFX Seiten aufzählen (hey ich versuch mich auch in gfx, einfach mir pn'en)? *lol* das wären zu viele... es gibt viele tolle GFX Seiten, aber es sind eben zu viele zum aufzählen (langsam hat doch wohl jeder zweite ne eigenen gfx-seite (ich bald auch *hehe*) :naja:)
 
Anfrage

hallo leute,
kann mir jemand behilflich sein und zwar ich habe das prog. NVU runtergeladen, leider ist mein englisch nicht so gut. Eine bebilderte Ansicht was man wie macht, gibt es sicher nicht, also wie/wo man Bilder oder zips hinkommen?!:confused:

bzw. kostenlose FTP-Programme in deutsch?
freu mich auf ein paar zeilen, danke
bye ws:hallo:
 
Bilder und zips bzw. DLs

D4ni3L schrieb:
Öhm, könntest du das bitte nochmal etwas besser erklären, was du damit meinst?
Zum Vergrößern anklicken....
hallöchen,
also ich habe das FTP (z.b. von funpic) und NVU -prog geloadet.
Da NVU in englisch ist, habe ich da einige probleme%)
nun möchte ich z.b. auf meiner Seite was neues hochladen
an Bildern und dazugehörigem Zip.
Es sind schon ein paar "projektordner" vorhanden, da mir vorher ein anderer behilflich war mit der HP.
bye ws

*ich habe auch mal von einem "XYZ-office_pakage" von linux gehört, es aber leider noch nicht gefunden !
 
Ist ein Problem jetzt WIE du es hochlädst? WOHIN du es hochladen musst? WIE du Downloads/Bilder in deine Seite einbaust?
 
D4ni3L schrieb:
Ist ein Problem jetzt WIE du es hochlädst? WOHIN du es hochladen musst? WIE du Downloads/Bilder in deine Seite einbaust?
Zum Vergrößern anklicken....
hallöchen,
also ich nehme an, das hochladen im Moment nicht !
- erstmal wie ich es in mein vorhandenes einbaue und wie/wo die halt bei NVU hinkommen ?
wenn ich das erstmal schaffe:rolleyes:
bye ws
 
watersim44 schrieb:
hallöchen,
also ich nehme an, das hochladen im Moment nicht !
- erstmal wie ich es in mein vorhandenes einbaue und wie/wo die halt bei NVU hinkommen ?
wenn ich das erstmal schaffe:rolleyes:
Zum Vergrößern anklicken....
WER soll WO hinkommen? Hast du schon eine Homepage gebastelt und willst sie jetzt mit Nvu weitermachen?

Ich werd wohl mal ein kleines Tutorial für Nvu schreiben und es hochladen.
 
So ich hab jetzt auch mal ein Problem hoffentlich kann mir da jemand helfen. Mein Website besteht im Grunde aus einer großen Tabelle mit zwei Zeilen. In der ersten Zeile ist die Navbar, in der zweiten Zeile der Rest. Nun möchte ich, dass eine bestimmte Grafik der Hintergrund für die obere Zeile der Tabelle ist. Das geht aber nicht wirklich.
Hier mal der Quellcode (auf das wichtigste begrenzt):
Code: 
 <html>
 <head>
 </head>
 <body>
 
 <table>
 
 <tr style="background-image:url(/grafiken/nav5.jpg)">
 
 <!-- INHALT -->
 
 </tr><tr>
 
 <!-- INHALT -->
 
 </tr>
 </table>
 
 </body>
 </html>
 
D4ni3L schrieb:
WER soll WO hinkommen? Hast du schon eine Homepage gebastelt und willst sie jetzt mit Nvu weitermachen?

Ich werd wohl mal ein kleines Tutorial für Nvu schreiben und es hochladen.
Zum Vergrößern anklicken....
hallöchen,
mit wo meinte ich an welche stelle im html-dok oder dem Prog-nvu - kommt mein neues BILD bzw. DLs-zip hin ?!
ich habe mich mit etwas html-grundkenntnissen vertraut gemacht.
wenn Du mal ein Tut schreibst(Bildern mit der Drucktaste) wäre supi, kannst du mir auch per mail senden.
bye ws
 
Andreas schrieb:
Was genau funktioniert denn nicht? Probier's vielleicht mal mit dem althergebrachten
Code: 
<tr background="/grafiken/nav5.jpg">
Zum Vergrößern anklicken....
Nein, funktioniert auch nicht. Also: Das Bild wird einfach nicht angezeigt. Wenn ich es per <img> einbinde funktioniert es (aber dann kann ich ja nichts mehr vor das Bild schreiben, deshalb will ich es als Hintergrund für die Zeile haben).
 
Andreas schrieb:
Dann versuch's mal so:
Code: 
<table width="740" border="0" cellspacing="0" cellpadding="0">
   <tr>
     <td height="80" background="grafiken/nav5.jpg">Hier ist die Navi.</td>
   </tr>
   <tr>
     <td>Hier ist der Seiteninhalt.</td>
   </tr>
 </table>
Zum Vergrößern anklicken....
Nein, wird immer noch nicht anzgezeigt. Langsam wunder ich mich aber...
 
Judgeofhell schrieb:
achso auf www.m-e-h.com gibt es alles für einen Webmaster, von A bis Z. Also Templates, kostenlsoe editoren etc.
Zum Vergrößern anklicken....
hallöchen judgeofhell,
war das für mich bestimmt - ich dachte wenn man diese Progis nutz brauch man diese index-html nicht selber machen, oder lieg ich hier falsch ?!
ALso ich habe auch schon mal eine datei erstellt;)
bye ws
 
... hab den Fehler gefunden

Code: 
<td style="background-image:url(grafiken/nav5.jpg)[b][color=Red];[/color][/b][color=Black]"></td>[/color]
 
Andreas schrieb:
Das ist der Nachteil, wenn man HTML-Code mit der Hand schreibt. ;) Ich hab' meine Beispiele mit dem Dreamweaver herbeigezaubert, und bei mir hat's immer geklappt.
Zum Vergrößern anklicken....
Dafür bin ich aber auch nicht an den Funktionsumfang eines Programmes gebunden (der bei Dreamweaver aber wohl groß genug ist ;)).
 
Hilfe! Probleme Mit Css

Hi!

Ich habe heute eine neue Navigation gebastelt in einem eingebetteten Frame, somit als seperate Seite. Doch leider funktionieren die Hover-Effekte nicht bei allen Links!

Hier ist der Code der ganzen Seite:
Code: 
 <?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/url]">
<html xmlns="[url="http://www.w3.org/1999/xhtml"]http://www.w3.org/1999/xhtml[/url]">
<head>
<link href="../cat.css" rel="stylesheet" type="text/css">
<title>Cat Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<base target="inhalt">
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
	<td class="h1">Menü</td>
</tr>
<tr>
	<td><a href="../home.htm" class="navi" onfocus="blur()">Startseite</a></td>
</tr>
<tr>
	<td><a href="../copyright.htm" class="navi" onfocus="blur()">Copyright</a></td>
</tr>
<tr>
	<td><a href="../disclamer.htm" class="navi" onfocus="blur()">Disclamer</a></td>
</tr>
<tr>
	<td><a href="../impressum.htm" class="navi" onfocus="blur()">Impressum</a></td>
</tr>
<tr>
	<td> </td>
</tr>
<tr>
	<td><a href="../gaestebuch.htm" class="navi" onfocus="blur()">Gästebuch</a></td>
</tr>
<tr>
	<td> </td>
</tr>
<tr>
	<td> </td>
</tr>
</table>
</body>
</html>
Hier ist der Link zur Seite : KLICK MICH
Wenn man über die Links fährt, funktionieren manche und manche eben nicht! WARUM?

Ich versteh das nicht!
Bitte helft mir! :ciao:


LG,
Jojo
 
Also nochmal:

Hey zusammen!

Ich hoffe hier ist jemand, der sich ein bisschen mit Webseiten Skinning auskennt!

Ich möchte meine Homepage so machen, dass die User sich vorgegebene Skins auswählen können.

Die Skins stehen schon und der wechsel der Skins funktioniert auch.

Ich arbeite mit einem cookiecheck file, welches folgendermaßen aussieht:


Code: 
<?
$total_skins = 2;
$default_skin = 1;
if (isset($_REQUEST['newskin'])) {
	$newskin=(int)$_REQUEST['newskin'];
	if ( ($newskin<1) OR ($newskin>$total_skins) ) $newskin=$default_skin;
} elseif (isset($_REQUEST['skin'])) {
	$newskin=(int)$skin;
	if ( ($skin<1) OR ($skin>$total_skins) ) $newskin=$default_skin;
} else $newskin=$default_skin;
$skin=$newskin;
setcookie ('skin', "", time() - 3600);
setcookie('skin',$newskin,time()+(86400*365),'/');
setcookie('skin',$newskin,time()+(86400*365),'/','.sillie.de');
$skin=$newskin;
 
	$headervar = "/home/www/ncf302/html/sillie/skins/$skin/header.php";
?>

Jetzt hab ich aber folgendes:

wie gesagt, es scheint alles zu funktionieren, nur bekomme ich diese Fehlermeldung:

Code: 
[left]Warning: Cannot modify header information - headers already sent by (output started at /home/www/ncf302/html/sillie/index.php:9) in /home/www/ncf302/html/sillie/cookiecheck.php on line 15[/left]
 
Warning: Cannot modify header information - headers already sent by (output started at /home/www/ncf302/html/sillie/index.php:9) in /home/www/ncf302/html/sillie/cookiecheck.php on line 16
 
Warning Cannot modify header information - headers already sent by (output started at /home/www/ncf302/html/sillie/index.php:9) in /home/www/ncf302/html/sillie/cookiecheck.php on line 17

Ich hab leider gar keine Ahnung was das bedeutet... :(

Ich hab alles so gemacht wie es hier erklärt wurde. Und wie gesagt es geht ja auch alles - bis eben diese Fehlermeldung.

Wer selber schauen will:

Skin 1
Skin 2

Wäre ganz toll, wenn mir jemand helfen könnte!

Ciao,

Firith

@Jolly: Was meinst du damit, manche funktionieren und manche nicht? Du musst noch die Seiten zu denen du verlinkt hast hochladen... oder meinst du das nicht?
 
Zuletzt bearbeitet:
@Firith
Nein, ich meine, dass der Hover-Effekt nicht bei allen funktioniert!

@D4NiL3
Hier ist der Inhalt:
Code: 
 /* Cat Style */
a:link { color: #663300; text-decoration : none; cursor: pointer; border: none; position: static;}
a:visited { color: #663300; text-decoration : none; cursor: pointer; border: none; position: static;}
a:hover { color: #ffeee6;; text-decoration : none; cursor: pointer; border: none; position: static; background-color: #9E7754;}
a:active { color: #663300; text-decoration : none; cursor: pointer; border: none; position: static;}
body{
 scrollbar-face-color: #FFEEE6;
 scrollbar-highlight-color: #663300;
 scrollbar-shadow-color:#663300;
 scrollbar-3dlight-color:#ffeee6;
 scrollbar-arrow-color: #663300;
 scrollbar-track-color:#FFEEE6;
 scrollbar-darkshadow-color:#FFEEE6;
 background-color: #FFEEE6;
 font-family: Tahoma, Verdana, sans-serif;
 font-size: 10pt;
 color: #663300;
 background-attachment: fixed;
 text-align: justify;
 }
td, tr { font-family: Tahoma, Verdana, sans-serif; font-size: 10pt; color: #663300; background-color: #ffeee6; text-align: center;}
.h1 { font-family: Tahoma, Verdana, sans-serif; color: #663300; font-weight: bold; text-align: center; font-size: 11pt; background-image:url(bilder/hp/balken.gif);}
 
 
 
 
.navi {
display: block;
font-family: Tahoma, Verdana, Arial;
font-weight: bold;
font-size: 10pt;
text-decoration: none;
color: #663300;
background-color: #ffeee6;
padding: 2px;
text-align: center;
border: 1px solid #9E7754;
}
.navi:hover {
font-family: Tahoma, Verdana, sans-serif;
font-weight: bold;
font-size: 10pt;
text-decoration: none;
color: #ffeee6;;
background-color: #9E7754;
text-align: center;
}
.navi:active {
font-family: Tahoma, Verdana, sans-serif;
font-weight: bold;
font-size: 10pt;
text-decoration: none;
color: #663300;;
background-color: #ffeee6;
text-align: center;
}
.navi:visited {
font-family: Tahoma, Verdana, sans-serif;
font-weight: bold;
font-size: 10pt;
text-decoration: none;
color: #663300;;
background-color: #ffeee6;
text-align: center;
}

.navi ist die Klasse für die Navigation!!
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Zur Zeit aktive Besucher

Gesamt: 1 (Mitglieder: 0, Gäste: 1)
Zurück
Oben Unten