SlideShare ist ein Scribd-Unternehmen logo
1 von 9
Inhalt der Homepage-AG-Stunde
           17.10.2012

        von Julian Todt 8a
1. Ziel der nächsten Stunden
2. Einführung in HTML und CSS
• HTML steht für Hyper Text Markup Language
• mit HTML schreibt man den eingentlichen
  Inhalt einer Seite und definiert wo alles
  hinkommt
• CSS steht für Cascading Style Sheets
• mit CSS definiert man das Layout, also
  Farben, Schriftarten etc.
3.1 Erstellen unserer ersten HTML-
Datei in Macromedia Dreamweaver
3.2 Erklärung der Headers einer
                 xHTML-Datei
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN„                                        Dokumentendeklaration

 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">                            „Header“ Sachen die für die
<html xmlns="http://www.w3.org/1999/xhtml">
                              Titel der Seite ganze Seite gelten werden hier
<head>                                        reingeschrieben

 <title>Beschreibung der Seite</title>
             Inhalt der Seite
 </head>
 <body>dem PC, dass das Dokument
       sagt
       zu Ende ist
 </body>
 </html>
3.3 Einbindung der CSS-Datei in die
               xHTML-Datei


<link href="style.css" rel="stylesheet"
type="text/css" />
3.4 Erstes anschauen im Browser
• wenn in Dreamweaver die xHTML-Datei
  geöffnet ist auf F12 drücken.
• bislang weiße Seite ohne Inhalt
4. Hinzufügen einiger Formatierungen
           in der CSS-Datei
   Definiert auf was die Formatierungen angewendet werden sollen
                             Hintergrundfarbe:schwarz   ;
             Schriftfarbe:schwarz;
                                            ;
                       Textausrichtung:mittig


                             Schriftfart:Verdana, Geneva oder sans-serif   ;
5. Gong zum Abschluss der Stunde
       by Julian TODT abi2017A

Weitere ähnliche Inhalte

Andere mochten auch

Dioses griegos y romanos. Gloria Tejedor
Dioses griegos y romanos. Gloria TejedorDioses griegos y romanos. Gloria Tejedor
Dioses griegos y romanos. Gloria TejedorÀngels Rotger
 
Dinamica o ley de newton
Dinamica o ley de newtonDinamica o ley de newton
Dinamica o ley de newtonjordan Salazar
 
Handbuch Inventarverwaltung TSInventar
Handbuch Inventarverwaltung TSInventarHandbuch Inventarverwaltung TSInventar
Handbuch Inventarverwaltung TSInventarThomas Schoessow
 
Shitstorm-Analyse zu Werder Bremen und Wiesenhof
Shitstorm-Analyse zu Werder Bremen und Wiesenhof Shitstorm-Analyse zu Werder Bremen und Wiesenhof
Shitstorm-Analyse zu Werder Bremen und Wiesenhof Christine Fassnacht
 
Sportamt-Poscht September 2012
Sportamt-Poscht September 2012Sportamt-Poscht September 2012
Sportamt-Poscht September 2012Sportamt Thurgau
 
Manejo de la informacion ii
Manejo de la informacion iiManejo de la informacion ii
Manejo de la informacion iiMonica Romero
 
La Tierra en el Universo
La Tierra en el UniversoLa Tierra en el Universo
La Tierra en el UniversoÀngels Rotger
 
Handbuch Energiekostenverwaltung TSEnergie 5
Handbuch Energiekostenverwaltung TSEnergie 5Handbuch Energiekostenverwaltung TSEnergie 5
Handbuch Energiekostenverwaltung TSEnergie 5Thomas Schoessow
 
Fraktionsgeschlossenheit
FraktionsgeschlossenheitFraktionsgeschlossenheit
Fraktionsgeschlossenheitkai-arzheimer
 
El asesino del profesor de matemáticas parte two
El asesino del profesor de matemáticas parte twoEl asesino del profesor de matemáticas parte two
El asesino del profesor de matemáticas parte twoViann14
 
Los movimientos de la Tierra y sus consecuencias
Los movimientos de la Tierra y sus consecuenciasLos movimientos de la Tierra y sus consecuencias
Los movimientos de la Tierra y sus consecuenciasÀngels Rotger
 

Andere mochten auch (20)

Dioses griegos y romanos. Gloria Tejedor
Dioses griegos y romanos. Gloria TejedorDioses griegos y romanos. Gloria Tejedor
Dioses griegos y romanos. Gloria Tejedor
 
Dinamica o ley de newton
Dinamica o ley de newtonDinamica o ley de newton
Dinamica o ley de newton
 
Handbuch Inventarverwaltung TSInventar
Handbuch Inventarverwaltung TSInventarHandbuch Inventarverwaltung TSInventar
Handbuch Inventarverwaltung TSInventar
 
Sportamt-Poscht Juni 2011
Sportamt-Poscht Juni 2011Sportamt-Poscht Juni 2011
Sportamt-Poscht Juni 2011
 
Shitstorm-Analyse zu Werder Bremen und Wiesenhof
Shitstorm-Analyse zu Werder Bremen und Wiesenhof Shitstorm-Analyse zu Werder Bremen und Wiesenhof
Shitstorm-Analyse zu Werder Bremen und Wiesenhof
 
Ns II
Ns IINs II
Ns II
 
Political CRM
Political CRMPolitical CRM
Political CRM
 
Sportamt-Poscht September 2012
Sportamt-Poscht September 2012Sportamt-Poscht September 2012
Sportamt-Poscht September 2012
 
Manejo de la informacion ii
Manejo de la informacion iiManejo de la informacion ii
Manejo de la informacion ii
 
La Tierra en el Universo
La Tierra en el UniversoLa Tierra en el Universo
La Tierra en el Universo
 
Personajes de la música
Personajes de la músicaPersonajes de la música
Personajes de la música
 
Handbuch Energiekostenverwaltung TSEnergie 5
Handbuch Energiekostenverwaltung TSEnergie 5Handbuch Energiekostenverwaltung TSEnergie 5
Handbuch Energiekostenverwaltung TSEnergie 5
 
Ejemplosde webquest
Ejemplosde webquestEjemplosde webquest
Ejemplosde webquest
 
Los mayas
Los mayas Los mayas
Los mayas
 
Fraktionsgeschlossenheit
FraktionsgeschlossenheitFraktionsgeschlossenheit
Fraktionsgeschlossenheit
 
El asesino del profesor de matemáticas parte two
El asesino del profesor de matemáticas parte twoEl asesino del profesor de matemáticas parte two
El asesino del profesor de matemáticas parte two
 
El Islam
El Islam El Islam
El Islam
 
Los movimientos de la Tierra y sus consecuencias
Los movimientos de la Tierra y sus consecuenciasLos movimientos de la Tierra y sus consecuencias
Los movimientos de la Tierra y sus consecuencias
 
La Tierra
La TierraLa Tierra
La Tierra
 
Aztecas
AztecasAztecas
Aztecas
 

Ähnlich wie Homepage-AG 17.10.2012

Anforderungsanalsyse - Prototyping mit JavaScript
Anforderungsanalsyse - Prototyping mit JavaScriptAnforderungsanalsyse - Prototyping mit JavaScript
Anforderungsanalsyse - Prototyping mit JavaScriptChristian Baranowski
 
Einführung XHTML CSS JS // MM 08-11
Einführung XHTML CSS JS // MM 08-11Einführung XHTML CSS JS // MM 08-11
Einführung XHTML CSS JS // MM 08-11Noël Bossart
 
HTML+CSS für Einsteiger - Vom Doctype zum Style
HTML+CSS für Einsteiger - Vom Doctype zum StyleHTML+CSS für Einsteiger - Vom Doctype zum Style
HTML+CSS für Einsteiger - Vom Doctype zum StyleGino Cremer
 
Fortbildung Schulwebsite: Technische Grundlagen
Fortbildung Schulwebsite: Technische GrundlagenFortbildung Schulwebsite: Technische Grundlagen
Fortbildung Schulwebsite: Technische GrundlagenAndreas Kalt
 
Ein PHP-Wrapper für die Internet-Suchmaschine ht://Dig oder: „Google selbstg...
Ein PHP-Wrapper für die Internet-Suchmaschine ht://Dig oder: „Google selbstg...Ein PHP-Wrapper für die Internet-Suchmaschine ht://Dig oder: „Google selbstg...
Ein PHP-Wrapper für die Internet-Suchmaschine ht://Dig oder: „Google selbstg...frankstaude
 
Einführung XHTML CSS JS // IT 07-10
Einführung XHTML CSS JS // IT 07-10Einführung XHTML CSS JS // IT 07-10
Einführung XHTML CSS JS // IT 07-10Noël Bossart
 

Ähnlich wie Homepage-AG 17.10.2012 (8)

XHTML
XHTMLXHTML
XHTML
 
Anforderungsanalsyse - Prototyping mit JavaScript
Anforderungsanalsyse - Prototyping mit JavaScriptAnforderungsanalsyse - Prototyping mit JavaScript
Anforderungsanalsyse - Prototyping mit JavaScript
 
Einführung XHTML CSS JS // MM 08-11
Einführung XHTML CSS JS // MM 08-11Einführung XHTML CSS JS // MM 08-11
Einführung XHTML CSS JS // MM 08-11
 
HTML+CSS für Einsteiger - Vom Doctype zum Style
HTML+CSS für Einsteiger - Vom Doctype zum StyleHTML+CSS für Einsteiger - Vom Doctype zum Style
HTML+CSS für Einsteiger - Vom Doctype zum Style
 
Fortbildung Schulwebsite: Technische Grundlagen
Fortbildung Schulwebsite: Technische GrundlagenFortbildung Schulwebsite: Technische Grundlagen
Fortbildung Schulwebsite: Technische Grundlagen
 
Ein PHP-Wrapper für die Internet-Suchmaschine ht://Dig oder: „Google selbstg...
Ein PHP-Wrapper für die Internet-Suchmaschine ht://Dig oder: „Google selbstg...Ein PHP-Wrapper für die Internet-Suchmaschine ht://Dig oder: „Google selbstg...
Ein PHP-Wrapper für die Internet-Suchmaschine ht://Dig oder: „Google selbstg...
 
IT-Zertifikat: Advanced Web Basics - Handout HTML II
IT-Zertifikat: Advanced Web Basics - Handout HTML IIIT-Zertifikat: Advanced Web Basics - Handout HTML II
IT-Zertifikat: Advanced Web Basics - Handout HTML II
 
Einführung XHTML CSS JS // IT 07-10
Einführung XHTML CSS JS // IT 07-10Einführung XHTML CSS JS // IT 07-10
Einführung XHTML CSS JS // IT 07-10
 

Homepage-AG 17.10.2012

  • 1. Inhalt der Homepage-AG-Stunde 17.10.2012 von Julian Todt 8a
  • 2. 1. Ziel der nächsten Stunden
  • 3. 2. Einführung in HTML und CSS • HTML steht für Hyper Text Markup Language • mit HTML schreibt man den eingentlichen Inhalt einer Seite und definiert wo alles hinkommt • CSS steht für Cascading Style Sheets • mit CSS definiert man das Layout, also Farben, Schriftarten etc.
  • 4. 3.1 Erstellen unserer ersten HTML- Datei in Macromedia Dreamweaver
  • 5. 3.2 Erklärung der Headers einer xHTML-Datei <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN„ Dokumentendeklaration "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> „Header“ Sachen die für die <html xmlns="http://www.w3.org/1999/xhtml"> Titel der Seite ganze Seite gelten werden hier <head> reingeschrieben <title>Beschreibung der Seite</title> Inhalt der Seite </head> <body>dem PC, dass das Dokument sagt zu Ende ist </body> </html>
  • 6. 3.3 Einbindung der CSS-Datei in die xHTML-Datei <link href="style.css" rel="stylesheet" type="text/css" />
  • 7. 3.4 Erstes anschauen im Browser • wenn in Dreamweaver die xHTML-Datei geöffnet ist auf F12 drücken. • bislang weiße Seite ohne Inhalt
  • 8. 4. Hinzufügen einiger Formatierungen in der CSS-Datei Definiert auf was die Formatierungen angewendet werden sollen Hintergrundfarbe:schwarz ; Schriftfarbe:schwarz; ; Textausrichtung:mittig Schriftfart:Verdana, Geneva oder sans-serif ;
  • 9. 5. Gong zum Abschluss der Stunde by Julian TODT abi2017A