FAQs und Tutorials > HTML / PHP / CSS
Wie erstelle ich eine Homepage unter Html (1)
Hans:
Hallo da viele noch keine eigene Homepage haben und einige Mitglieder eine verlinkungsaktion gestartet haben bietet es sich doch an auch gleich eine kleine einführung in HTML zu geben wie wir ja wissen, kann man Homepage mit HTML und PHP usw erstellen viele nutzen auch so Baukasten Homepage oder Office Programme wie zum Beispiel Word,Ecxel, Power Point aber es gibt auch das Office Programm FrontPage das sich auch hervoragend zum erstellen und gestallten von Homepage´s eignet. Aber hier will ich erklären wie man Homepage´s mit Html,php und Java applikationen erstellt. Ich hoffe das ich euer Interesse zum mitmachen geweckt habe. Wenn etwas unklar oder eine Frage ist einfach Posten.
So nun geht es ans eingemachte:
Damit man mit HTML eine Homepage machen kann sollte man schon ein paar gewisse Grundbefehle kenne und Natürlich braucht man auch einen Guten Editor:
Was ist ein HTML-Editor: Ein HTML-Editor ist ein Computerprogramm, mit dem man Internetseiten mit HTML-Code erstellen und abändern kann. Dabei unterscheidet man textbasierte Programme, bei denen direkt der Quellcode editiert wird, und sogenannte WYSIWYG-Editoren, bei denen die Seite beim Bearbeiten so angezeigt wird, wie sie der Browser später darstellt. Häufig ermöglichen WYSIWYG-Editoren, den Quellcode auch direkt zu bearbeiten. Einige Editoren können auch mit auf Webservern eingesetzten Scriptsprachen, wie zum Beispiel PHP, umgehen. Gute HTML-Editoren besitzen eine sogenannte "Syntax-Hervorhebung", welche Tags im Quellcode farblich kenntlich macht. Die besten dieser Programme unterstützen auch Autovervollständigen
Ein guter Editor den ich für diese Projekt empfehlen würde Wäre: PHP Desinger 2005
Hier der download Link: http://www.zdnet.de/downloads/prg/3/0/en10353130-wc.html
So nun haben wir einen Editor und können mit einfachen Beispielen beginnen.
Noch ganz Wichtig vor jeder Anweisung kommt immer diese < Zeichen
und zum beenden der Anweisung kommt immer dieses </> Zeichen
so also erste Übung:
--- Code: ---<html>
<head>
<body>
<p> </p>
<p> </p>
<h1>Das ist ein ganz einfaches Beispiel</h1>
<p> </p>
</body>
</html>
--- Ende Code ---
siehe Bild so sieht das ganze dann im Browser aus
Hans:
So nun haben wir das einfache Beispiel gemacht nun wollen wir das selbe einfache Beispiel mittig zentriet machen :
--- Code: ---<html>
<body>
<h1 align="center">Das ist ein einfaches Beispiel</h1>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<h1 align="center"> </h1>
</body>
</html>
--- Ende Code ---
Jetzt haben wir es Zentiriert in der Mitte
Hans:
Jetzt haben wir es schon Mittig zentriert jetz machne wir das ganze noch hinter einen Farbigen hintergrund
--- Code: ---<html>
<body>
<h1 align="center"><span style="background-color: #FFFF00">Das ist ein einfaches Beispiel</span></h1>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<h1 align="center"> </h1>
</body>
</html>
--- Ende Code ---
Jetzt haben wir es mit einen Farbigen hintergrund
Hans:
Da man aber nicht alle Farben auswendig wissen kann habe ich hier mal eine farb liste
Tabelle der Farbnamen
Farb-Namen Rot Grün Blau
--- Code: ---aliceblue F0 F8 FF
antiquewhite FA EB D7
aqua 00 FF FF
aquamarine 7F FF D4
azure F0 FF FF
beige F5 F5 DC
bisque FF E4 C4
black 00 00 00
blanchedalmond FF EB CD
blue 00 00 FF
blueviolet 8A 2B E2
brown A5 2A 2A
burlywood DE B8 87
cadetblue 5F 9E A0
chartreuse 7F FF 00
chocolate D2 69 1E
coral FF 7F 50
cornflowerblue 64 95 ED
cornsilk FF F8 DC
crimson DC 14 3C
cyan 00 FF FF
darkblue 00 00 8B
darkcyan 00 8B 8B
darkgoldenrod B8 86 0B
darkgray A9 A9 A9
darkgreen 00 64 00
darkkhaki BD B7 6B
darkmagenta 8B 00 8B
darkolivegreen 55 6B 2F
darkorange FF 8C 00
darkorchid 99 32 CC
darkred 8B 00 00
darksalmon E9 96 7A
darkseagreen 8F BC 8F
darkslateblue 48 3D 8B
darkslategray 2F 4F 4F
darkturquoise 00 CE D1
darkviolet 94 00 D3
deeppink FF 14 93
deepskyblue 00 BF FF
dimgray 69 69 69
dodgerblue 1E 90 FF
firebrick B2 22 22
floralwhite FF FA F0
forestgreen 22 8B 22
fuchsia FF 00 FF
gainsboro DC DC DC
ghostwhite F8 F8 FF
gold FF D7 00
goldenrod DA A5 20
gray 80 80 80
green 00 80 00
greenyellow AD FF 2F
honeydew F0 FF F0
hotpink FF 69 B4
indianred CD 5C 5C
indigo 4B 00 82
ivory FF FF F0
khaki F0 E6 8C
lavender E6 E6 FA
lavenderblush FF F0 F5
lawngreen 7C FC 00
lemonchiffon FF FA CD
lightblue AD D8 E6
lightcoral F0 80 80
lightcyan E0 FF FF
lightgoldenrodyellow FA FA D2
lightgreen 90 EE 90
lightgrey D3 D3 D3
lightpink FF B6 C1
lightsalmon FF A0 7A
lightseagreen 20 B2 AA
lightskyblue 87 CE FA
lightslategray 77 88 99
--- Ende Code ---
Farb-Namen Rot Grün Blau
--- Code: ---lightsteelblue B0 C4 DE
lightyellow FF FF E0
lime 00 FF 00
limegreen 32 CD 32
linen FA F0 E6
magenta FF 00 FF
maroon 80 00 00
mediumaquamarine 66 CD AA
mediumblue 00 00 CD
mediumorchid BA 55 D3
mediumpurple 93 70 DB
mediumseagreen 3C B3 71
mediumslateblue 7B 68 EE
mediumspringgreen 00 FA 9A
mediumturquoise 48 D1 CC
mediumvioletred C7 15 85
midnightblue 19 19 70
mintcream F5 FF FA
mistyrose FF E4 E1
moccasin FF E4 B5
navajowhite FF DE AD
navy 00 00 80
oldlace FD F5 E6
olive 80 80 00
olivedrab 6B 8E 23
orange FF A5 00
orangered FF 45 00
orchid DA 70 D6
palegoldenrod EE E8 AA
palegreen 98 FB 98
paleturquoise AF EE EE
palevioletred DB 70 93
papayawhip FF EF D5
peachpuff FF DA B9
peru CD 85 3F
pink FF C0 CB
plum DD A0 DD
powderblue B0 E0 E6
--- Ende Code ---
Farb-Namen Rot Grün Blau
--- Code: ---purple 80 00 80
red FF 00 00
rosybrown BC 8F 8F
royalblue 41 69 E1
saddlebrown 8B 45 13
salmon FA 80 72
sandybrown F4 A4 60
seagreen 2E 8B 57
seashell FF F5 EE
sienna A0 52 2D
silver C0 C0 C0
skyblue 87 CE EB
slateblue 6A 5A CD
slategray 70 80 90
snow FF FA FA
springgreen 00 FF 7F
steelblue 46 82 B4
tan D2 B4 8C
teal 00 80 80
thistle D8 BF D8
tomato FF 63 47
turquoise 40 E0 D0
violet EE 82 EE
wheat F5 DE B3
white FF FF FF
whitesmoke F5 F5 F5
yellow FF FF 00
yellowgreen 9A CD 32
--- Ende Code ---
So nun haben wir alle Farben zur auswahl
Hans:
Da wir jetzt alle Farben zur Auswahl haben wollen wir das ganze Farbig machen und die Schrift auch Frabig machen
hier im Beispiel fall nemmen wir wieder den gelben Hintergrund und machen die Schrift blau
--- Code: ---<html>
<body>
<h1 align="center"><span style="background-color: #FFFF00"><font color="#0000FF">Das ist ein einfaches Beispiel</font></span></h1>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<h1 align="center"> </h1>
</body>
</html>
--- Ende Code ---
Nun haben wir auch schon die Schrift farbig
Navigation
[0] Themen-Index
[#] Nächste Seite
Zur normalen Ansicht wechseln