HTML- und CSS-Schule: Lektion 1 Programmierschule

Unbeantwortete Themen | Aktive Themen Ungelesene Beiträge

Portal » Foren-Übersicht » OFF-Topic » Hardware, Software, Internet

Alle Zeiten sind UTC + 1 Stunde

Seite 1 von 1

[ 12 Beiträge ]

Druckansicht

Vorheriges Thema | Erster ungelesener Beitrag | Nächstes Thema

Autor

Nachricht

MasterLugia

Betreff des Beitrags: HTML- und CSS-Schule: Lektion 1 Programmierschule

Verfasst: Do 10. Jun 2010, 15:39

Pokemon-Trainer

Registriert: Sa 14. Feb 2009, 11:44
Beiträge: 644
Wohnort: Wesel
Geschlecht: männlich
SG$: 93
Guides: 0
Seite gefunden durch: ich meine RelaxoFan

Was ist/ Woraus besteht HTML

HTML ist eine Programmiersprache mit der man ganz einfache Hompages machen kann. Ein HTML code besteht meistens aus einem öffnendem Tag und einem schließendem Tag. In diesen Tag kann man noch zusatz Codes machen kann, die den code bzw. das was in dem Code ist verschönert , ausrichtet oder weitere Sachen macht. Um überhaupt eine HTML Seite machen zukönnen braucht man oft den Code:

Code:

<html>(öffnen: gibt an das das was dadrin ist eine HTML Seite ist.)
<head>(öffnen: dadrin ist die Kopfzeile)

</head>(schließen: dadrin ist die Kopfzeile)
<body>(öffnen: hier kommt der inhalt rein den man auf der Seite sieht)

</body>(schließen: hier kommt der inhalt rein den man auf der Seite sieht)
</html>(schließen: gibt an das das was dadrin ist eine HTML Seite ist.)

Schritt 1 Die Vorbereitungen

Also das was ich euch jetzt erzähle müsst ihr nicht so machen ich finde es ist so am einfachsten aber jedermanns eigene Entscheidung.
Also ich über lege mir erst welche und wie viele Seiten ich mache dann welche in jeder seite verlinkt sein soll also so wie bei richtigen Home pages wenn da jetzt so ein Menü ist:
Home
Kontakt
Partnerseiten
Buch
Dann hat der der die Homepage gemacht hat aha ich will Home...(die sachen wie oben) überall verlinkt haben dass ich da jeder Zeit hin kann. Aber zb. Man kann nur im Buch auf eine andere seite gehen.Dann überlegt man sich wie die Seiten heißen sollen zb. Index.htm(ganz wichtig das die erste Seite index heißt) s1.htm... So das solltet ihr immer vorher machen aber müsst ihr nicht(Schreibt es euch am besten auf wie die Seiten heißen sollen usw.).
Um die Codes überhaupt schreiben zu können braucht ihr folgendes Programm(damit geht es leichter aber ihr könnt auch den Normalen Editor unter Start/Alle Programme zubehör und dann Editor benutzen):

Weaverslave
Um die Website später hochzuladen(braucht ihr für HA) braucht ihr das Programm:

Filezilla

Schritt 2 Das Menü und der Text

Ganz wichtig man kann Testen will wie eine Seite aussieht einfach die Datei speichern(sollte man eh zwischendurch machen) und einfach die Datei mit eurem Browser öffnen.
Also als erstes machen wir einen neuen Ordner für die Website und dort drin eine neue Datei namens "index.htm". In diese Datei schreiben wir erst einmal diesen Code:

Code:

<html>
<head>
<title>dar name der seite zb. Home – ShinyGlurak</title>
</head>
<body>
</body>
<html>

Dann können wir bei diesem Code das was man auf der Seite sehen soll in body reinschreiben zb. Für einen Link:

Code:

<p>(sozusagen für einen Neuen Absatz)<a href="den namen der datei zb. index.htm">Text den man sieht zb. Home</a> zwischen zeichen zwischen den Links b &bull; (für einen Punkt) <a href="den namen der datei zb. index.htm">Text den man sieht zb. Home</a>(nächster Link rechts daneben) usw.</p> Wenn es zu ende ist ein <br />(für umbruch das das was dahinter ist eine Reihe dadrunter ist) dann vieleicht eine Horizontale Linie mit <hr>

Oder wenn man noch ein Logo oder ein Bild oben drüber machen will:
Einen neuen Ordner namens images in dem Ordner der Seite anlegen.(da kommen alle Bilder rein) Und dann über den Code der Links diesen Code schreiben:

Code:

<p><img src="images/den namen der Datei(mit Dateiendung) zb. logo .png(auf Groß- Kleinschreibung beachten!)"><br /></p> vieleicht auch <hr>

Als nächstes machen wir den platz für den Text(aber auch nur den platz nicht den text):

Code:

<table>(das ist dazu da das es eine Tabelle wird)
<tr>(für Reihe)
<th>(für Überschriftenzelle)</th>
</tr>
<tr>
<td>für normale Zelle)</td>
</tr>
</table>

Nun speichern wir die Datei und kopieren sie so oft wie es Seiten gibt und benennen die dateien jeweils so wie sie heißen sollen.Dann öffnet man jeweils die Dateien zb. index.htm und schreiben in die Überschriftenzelle zb. Home und in die normale Zelle den Text der da sein soll. Und das macht man mit jeder Datei.

Schritt 3 Das Hochladen

Als erstes meldet man sich bei einem Hoster (wie zb. bplaced oder andere) an und gibt als Benutzername den namen der Homepage an zb. html-schule. Dann loggen wir uns ein und erstellen entweder eine neue Adresse oder gehen unter FTP-Verwaltung und schreiben da die sachen oben in FileZilla.Dann klicken wir auf verbinden und suchen unten auf der linken Seite unser erstellten Dateien und Ziehen sie in die rechte Seite. Nun müüste es in der Adresse zu sehen sein.
Falls ihr dies nicht versteht kuckt euch das Viedeo an(ich weiß am ende Funktioniert es nicht aber wenn man wartet geht es):

Video: Website ins Internet stellen.

Hausaufgabe

Erstellt 2 solcher Homepages.(aber min 1 muss auf dem Server in einem anderen Ordner sein und als Link müsst ihr dann zb. deineseite.de/Name des Ordners)
die ha muss bis zum 15.7 fertig sein(also hab ihr lange Zeit.

Falls ihr etwas nicht verstanden habt schreibt es in das Thema.(Falls ihr noch etwas lernen möchtet schreibt es mir per PN und ich kucke dann ob ich das mal durchnehmen werde)
MfG
MLu

_________________
Meine Sprites / Meine Bilder / Mein Youtube Kanal

Nach oben

Anzeige

Betreff des Beitrags:

Verfasst: Do 10. Jun 2010, 15:39

Nach oben

pokemastera1

Betreff des Beitrags: Re: Lektion 1 Programmierschule

Verfasst: Do 10. Jun 2010, 16:12

Arenachamp

Registriert: So 7. Feb 2010, 15:56
Beiträge: 407
Geschlecht: männlich
SG$: 11
Guides: 0

ich habe eine frage: wie sollen wir die hausaufgabe abgeben,per pn? oder wird dafür noch ein extra thema erstellt?

edit: noch eine: müssen wir alle von dir beschriebenen sachen einbauen?

_________________

bitte levelt mein geckarbor!

Nach oben

MasterLugia

Betreff des Beitrags: Re: Lektion 1 Programmierschule

Verfasst: Do 10. Jun 2010, 16:42

Pokemon-Trainer

Registriert: Sa 14. Feb 2009, 11:44
Beiträge: 644
Wohnort: Wesel
Geschlecht: männlich
SG$: 93
Guides: 0
Seite gefunden durch: ich meine RelaxoFan

1. es wird ein neues thema gemacht
2. ja

_________________
Meine Sprites / Meine Bilder / Mein Youtube Kanal

Nach oben

Terra

Betreff des Beitrags: Re: Lektion 1 Programmierschule

Verfasst: Do 10. Jun 2010, 16:53

Pokemonzüchter

Registriert: So 27. Dez 2009, 09:17
Beiträge: 3226
Geschlecht: männlich
SG$: 49
Guides: 0
Seite gefunden durch: Kadabra88

Hmm, eine Frage, darf man auch schon CSS benutzen, für die Website? Und Tags,
die noch nicht hier genannt wurden? Würde das gern vorher wissen, damit ich anfangen kann.

Nach oben

MasterLugia

Betreff des Beitrags: Re: Lektion 1 Programmierschule

Verfasst: Do 10. Jun 2010, 16:59

Pokemon-Trainer

Registriert: Sa 14. Feb 2009, 11:44
Beiträge: 644
Wohnort: Wesel
Geschlecht: männlich
SG$: 93
Guides: 0
Seite gefunden durch: ich meine RelaxoFan

ne nur das was genannt wurde

_________________
Meine Sprites / Meine Bilder / Mein Youtube Kanal

Nach oben

Orange Dragon

Betreff des Beitrags: Re: Lektion 1 Programmierschule

Verfasst: Do 10. Jun 2010, 17:13

Anfänger

Registriert: Mi 5. Mai 2010, 14:49
Beiträge: 18
Wohnort: Neuborika o.O
Guides: 0
Seite gefunden durch: niemandem

Äm LOL, wenn man ne Webseite nur mit HTML erstellt kommt nur mist raus...da besteht ja alles nur aus so noob Tabellen. Man braucht unbedingt CSS Codes.

_________________
haha ich musste die signatur wegen einem Signaturlimit entfernen xDDD

Nach oben

MasterLugia

Betreff des Beitrags: Re: Lektion 1 Programmierschule

Verfasst: Do 10. Jun 2010, 18:07

Pokemon-Trainer

Registriert: Sa 14. Feb 2009, 11:44
Beiträge: 644
Wohnort: Wesel
Geschlecht: männlich
SG$: 93
Guides: 0
Seite gefunden durch: ich meine RelaxoFan

ehm das hier ist eine schule hier lernt man schritt für schritt ! wenn du schon weiter vorran bist musst du dich eben zurückhalten oder aussteigen!

_________________
Meine Sprites / Meine Bilder / Mein Youtube Kanal

Nach oben

Terra

Betreff des Beitrags: Re: Lektion 1 Programmierschule

Verfasst: Do 10. Jun 2010, 18:30

Pokemonzüchter

Registriert: So 27. Dez 2009, 09:17
Beiträge: 3226
Geschlecht: männlich
SG$: 49
Guides: 0
Seite gefunden durch: Kadabra88

Orange Dragon hat geschrieben:

Äm LOL, wenn man ne Webseite nur mit HTML erstellt kommt nur mist raus...da besteht ja alles nur aus so noob Tabellen. Man braucht unbedingt CSS Codes.

MasterLugia hat geschrieben:

ehm das hier ist eine schule hier lernt man schritt für schritt ! wenn du schon weiter vorran bist musst du dich eben zurückhalten oder aussteigen!

Ist auch nur damit Neueinsteiger auch alles mitbekommen, und nicht hinterherrennen müssen. Außerdem
darfst du dich bei Gelegenheit auch gerne etwas freundlicher fassen, das Wort Schule hat schon so seinen
Sinn hier O_D. Falls es dir zu langsam geht kannst du aussteigen, bei Bedarf.

LG. Terra

Nach oben

MasterLugia

Betreff des Beitrags: Re: Lektion 1 Programmierschule

Verfasst: Do 10. Jun 2010, 18:34

Pokemon-Trainer

Registriert: Sa 14. Feb 2009, 11:44
Beiträge: 644
Wohnort: Wesel
Geschlecht: männlich
SG$: 93
Guides: 0
Seite gefunden durch: ich meine RelaxoFan

ich merke gerade dass du garnicht mitmachst Orange Dragon also musst du dich nicht beschweren dass es hier zu einfach ist.

_________________
Meine Sprites / Meine Bilder / Mein Youtube Kanal

Nach oben

Frozenpoke

Betreff des Beitrags: Re: Lektion 1 Programmierschule

Verfasst: So 13. Jun 2010, 13:52

Ligachampion

Registriert: Sa 11. Jul 2009, 10:35
Beiträge: 961
Geschlecht: männlich
Guides: 0

Sry aber mein inet funkt net.Befreist du für diese hausaufgabe?

_________________
Blöde signatur limitierung -,-

Danke an Terra für das tolle Set :3

Bild

Dieser Typ von Signatur wurde von Molog erfunden und von Frozenpoke erweitert.

Frozenpoke: Lol pop ist der nick für prince of persia und man sagt ja auch brawlen also ein "en" ran bei pop klingst dann irgendwie omg xD
Molog:Ich geh jetzt pop... ach das sag ich lieber nicht xDDD

The_Hellboy: MTs Rob is fies
M!lo: sein rob is gay, fies is was anderes

Frozenpoke: dejavue
Michi: Wie oft noch frozen?
Frozenpoke: Was denn?
Michi: Sprache
Frozenpoke: Wtf ich denk du erlaubst Französisch?
Michi: achsoo de javue

Neulich aus p-f:

Agito: Streichel mein Ei (Browsergame Ei Link) (aber komm nicht auf Perverse gedanken!!!)
Frozenpoke: LoL ^^

letztens bei Skype :S:

M!lo: Was ist eigentlich ein Utku?
Utku(ich):Das bin ich ^^
M!lo: Oh sry ^^

Utku: wer hat dir meinen namen gesagt??? ^^
Molog: tja
Molog: deine Sig
Utku: mist ^^

The_Hellboy:Ahh von deer D3 Grafik in MHT bekomm ich Kopfschmerzen
Hopfel:Oh nein! Gute Grafik! Hilfe! XD

Mega fail:

Molog: welche Endungen haben Roms für gewöhnlich?
Utku: moment
Utku: kommt drauf an für welche konsole?
Molog: N64
Utku: moment ^^
Molog: mein dummer emu will die Rom net laden >:
Molog: der findet sie noch net mal
Utku: .z64
Molog: >:
Molog: hat die Rom
Molog: und der emu findet sie net
Utku: welcher emu?
Molog: snes9x
Utku: snes ist für snes xD
Utku: das ist ja ne ganz andere konsole xD
Molog: fällt mir auch grad iwie auf
Molog: lol
Molog: fail

Bella:bb und gute Nacht an alle die jetzt schlafen müssen
The_Hellboy: bb Bella
Halibel:Bella geht nicht Hellboy XD
The_Hellboy:OH
ultinate:fail

Drago: ich hab ein rpg gezockt und am ende ist der hauptchara einfach abgekackt O___O was ist das fürn sch* sppiel?! O__O''

Drago:war das das ende?! WTF O_____O''

[14:02:51] Utku: lol ein dbz fan schreibt gogeta mit k xD
[14:03:19] Flashi: öhh das ist..so gewohlt!
[14:03:28] Utku: jaja xD
[14:03:55] Flashi: das soll für Goku stehen*augenroll*
[14:04:23] Utku: jaja xD
[14:04:47] Flashi: wirlklich!
[14:05:10] Utku: glaub ichd ir nicht ^^
[14:05:26] Utku: haste jetztsogar korigiert xD
[14:05:46] Flashi: mhm ich glaube du brauchst ne neue brille o0
[14:05:53] Utku: wieso
[14:06:05] Flashi: weil da immer ein g war

[14:06:22] Utku: jaja
[14:06:26] Utku: xDDDD

[15:20:58] Utku: loggst du dich kurz bei df ein dann kannst du das Rang bild Angucken ^^
[15:21:15] Utku: ja hast recht ^^
[15:21:35] Utku: magst du trockene früchte?
[15:21:55] Flashi: wen du getrocknete meinst nicht rly^^
[15:22:44] Utku: ja mein ich xD ^^ ich hab gestern ne volle LAdung von nem Kumpel meines VAters bekommen ^^
[15:23:01] Utku: Der produziert das xD
[15:23:05] Flashi: XD wirde keine freude für mich sein
[15:23:15] Utku: xD
[15:23:24] Utku: wieso schreibst du immer wirde? xD
[15:23:46] Flashi: wieso nicht o0
[15:24:01] Utku: weil das würde heißt xD
[15:24:13] Flashi: oh :O
[15:24:25] Utku: xD looooool das muss ich siggen xD
[15:24:35] Flashi: XD
[15:24:53] Utku: wie alt biste eigentlich wenn ich fragen darf?
[15:25:07] Flashi: guck doch in mein profiel XD 14
[15:25:14] Flashi: werde 15

[15:25:22] Utku: ich 12 und du weißt nicht das es würde heißt xD
[15:25:42] Flashi: na ja *augenroll* einziegartikeiten eines Flashi
[15:25:59] Utku: ich dachte immer du machst das mit absicht XD
[15:26:24] Flashi: nö warum solte ich *wegkullernvorlachen*
[15:26:32] Utku: xD

Top 10 of Lohgoks steckis

10.Was würdest du tun, wärst du für einen Tag ein Mann?
*O.o

9.Erstes Wort das dir mit "S" am Anfang einfällt! Keine Hobbys!

8.Wie isst du ein Hanuta?
Gar net? Hanuta schmeckt sch****

7. Welche Entdeckung hättest du lieber nicht gemacht?
*ouh, erinner' mich nicht dran >.<

6.Wer ist älter? Vater oder Mutter? Geh dir Hobbys kaufen.

5.Wie oft stellst du dir einen schönen Mann/eine schöne Frau nackt vor?
*Wieso vorstellen? Unterschiedlich xP

4.Welchen Ruf hast du?
*Pokewiki -> Pokedex -> Lohgock -> Ruf abspielen.

3.Hast du Hobbys? Welche?? Nein, ich habe keine. Ich sitze nachts um halb 12 vor meinem Laptop und schreibe Steckbriefe in einem Pokemonforum.

2.Möchtest du, dass deine Freunde dir antworten?
Nein, ich denke mir selbst Antworten aus und wähle per Auslosverfahren eine aus..

1.
Was fällt dir zu diesen Worten ein
Geld:Geld
Kaugummi:Kaugummi
Blau:Rot
Rot:Blau
Süßigkeiten:schlafen..
Unheimlich/Seltsam/Komisch:RF
Weihnachtsmann:Schlafen
Ente:Ente
Keks:Terra

The_Hellboy fails

The_Hellboy |X| - 19. Sep 2010, 20:42
Achja Frozi kommt nicht mehr

The_Hellboy |X| - 19. Sep 2010, 20:43
lol er ist on

Nach oben

SonicX

Betreff des Beitrags: Re: Lektion 1 Programmierschule

Verfasst: So 13. Jun 2010, 14:43

Sammler