AI

Autor: hase aut

  • Klassenarbeit 2

    —

    von

    hase aut
    in

    Hier gehts zum Vorbereitungstest zum Thema Grundlagen 2.  

  • 4 Projekt Schulbar jetzt aber richtig super geheim

    —

    von

    hase aut
    in

    Ich nochmal. Dein Kunde wünscht wieder eine Veränderung. Der nervt jetzt aber total. Er will, dass die Elixire direkt auf der ersten Seite erscheinen. Der Konkurenz hat er bereits gestern von dieser Abänderung berichtet. Dein Spion konnte leider nur einen Screenshot klauen, der wäre fast geschnappt worden. Damit hast du eine Anregung, wie die neue…

  • 3 Projekt Schulbar jetzt aber richtig geheim

    —

    von

    hase aut
    in

    Der Kunde ist König, und der hat sich gerade überlegt, dass es doch ganz schön wäre, wenn eine Garantieerklärung auf seiner Seite eingefügt wird. Diese Garantie soll deutlich hervorgehoben werden. Wie gut das du bei der Konkurenz einen Spion sitzen hast, der dich mit geheimen Code versorgt. Du findest diesen im Download-Bereich. Aufgabe 1 Lade…

  • 2 Projekt Schulbar aber geheim

    —

    von

    hase aut
    in

    Der Kunde ist König, denn der hat sich gerade überlegt, dass es doch ganz cool wäre, wenn die Farbe des Textes unter den einzelnen Elixiren der Farbe des Elixirs entspricht. Geht das? Das Problem ist, dass eine Regel mit einem „p“ Selektor den Style auf alle <p>-Elemente anwendet. Hier kommen nun die „Klassen“ ins Spiel.…

  • Prozentrechnung

    —

    von

    hase aut
    in

    Prozentwerte berechnen. http://www.geestlandschule.de/elearning/mathe7/mathe701.htm Sachaugaben, G,W,p% bestimmen. http://www.geestlandschule.de/elearning/mathe7/mathe707.htm

  • Quassel

    —

    von

    hase aut
    in

     {rumbletalkchat}

  • Linksammlung Stromkreis

    —

    von

    hase aut
    in

      http://www.zum.de/dwu/depothp/hp-phys/hppek01.htm http://www.zum.de/dwu/depotan/apek009.htm http://schulen.eduhi.at/riedgym/physik/7/elektrizitat/stromkreise/ein_strom_start.htm http://schulen.eduhi.at/riedgym/physik/7/elektrizitat/quiz/6q_elektriz1.htm  

  • Player Test embed

    —

    von

    hase aut
    in

          {source}   <script type=“text/javascript“>var zippywww=“25″;var zippyfile=“48774161″;var zippytext=“#000000″;var zippyback=“#e8e8e8″;var zippyplay=“#ff6600″;var zippywidth=680;var zippyauto=false;var zippyvol=80;var zippywave = „#000000“;var zippyborder = „#cccccc“;</script><script type=“text/javascript“ src=“http://api.zippyshare.com/api/embed_new.js“></script> {/source}       {youtube}NWFBhTrWQoI|420|315|1{/youtube}

  • Upload Anweisung

    —

    von

    hase aut
    in

    Dieses Beispiel zeigt dir, wie du dein Projekt „Vistenkarte“ hochladen sollst. Gehe in der Navigation zu Informatik/WPU/Klasse7/Uploads. Titel der Datei: ai12_visitenkarte_name Kategorie: Klasse7/Uploads7/Up_Word/Visitenkarte Eingereichte Datei: ai12_visitenkarte_name.doc Absenden!

  • 1 Projekt SchulBar

    1 Projekt SchulBar

    —

    von

    hase aut
    in , , ,

    Dein erstes großes Projekt wartet auf dich – du hast den Auftrag bekommen die Homepage der SchulBar zu erstellen. Das Projekt wurde bereits vor einiger Zeit von der Redaktionsgruppe begonnen. Die Aufgabe der Redaktion war es die Texte zu erstellen, Fotos anzufertigen und die Struktur der Seite festzulegen.  Diese Ergebnisse werden nun an dich, der…

  • 3.2 Hintergrund

    —

    von

    hase aut
    in

    In einem HTML-Dokument erscheint der Hintergrund, sofern nichts Anderes bestimmt wurde, üblicherweise Weiß.  Der Hintergrund kann auf verschiedene Arten verändert werden. Die einfachste besteht darin, eine Farbe zu bestimmen. Dies geschieht im Stylesheet als Attribut des Body-Tags und sieht so aus: body { background-color: #E6E8FA; }.

  • 3.1 Weitere Definitionen für Schriften

    —

    von

    hase aut
    in

    Schrift und Abstände font-weight:bold; Die Schriftstärke, zur Auswahl stehen normal|bold|bolder|lighter font-style:italic; Anzeige der Schrift (kurz ob kursiv oder normal)italic = kursiveoblique = schräggestelltnormal = normal letter-spacing:0.3em; Abstände zwischen den einzelnen Buchstaben – sollte relativ angegeben werden, also in EM word-spacing:0.5em; Abstände zwischen den einzelnen Wörtern – sollte relativ angegeben werden, also in EM border-bottem:5px dotted;…

  • 3 Schriftgestaltung und Farbe mit css

    —

    von

    hase aut
    in

    Beispiel 1 Im ersten Beispiel wird der Überschrift h1 die Größe 28pt, die Farbe Orange und die Schriftart Arial zugewiesen. Für die Gestaltung der Schrift werden folgende CSS-Befehle benötigt: color:#FF9F00; Farbe: orange, kann entweder als Hex-Wert:“#FF9F00″ oder als Farbnamen angegeben werden: „orange“, also „color:orange;“ – die Farbnamen sind immer auf Englisch! font-size:28pt; Schriftgröße: hier als…

  • 2.1 Auslagern von CSS-Befehlen

    —

    von

    hase aut
    in

    Grundsätzlich Zum Auslagern werden 2 Dinge benötigt. Als erstes eine neue Datei, ich nenne diese design.css (kann aber auch beliebig anders heißen) und als zweites einen Verweis darauf in der HTML-Datei, die diese ausgelagerte Datei nutzen soll. Bevor wir beginnen erstelle ein neues Arbeitsverzeichnis: /ai/css/2_auslagernJetzt erstelle in diesem Verzeichnis die Datei anfang1.htmlKopiere den folgenden Code.…

  • 1 Was CSS ist

    1 Was CSS ist

    —

    von

    hase aut
    in , , ,

    Schneller, schöner Formatieren mit CSS HTML hauptsächlich mit der Struktur eines Dokumentes beschäftigt, CSS dagegen ist für das Aussehen verantwortlich. Über CSS kann eine wesentlich schlankere Seite erstellt werden, d.h. die Seite kann viel schneller geladen werden.  Über CSS können die Formatierungen einfach und elegant vorgenommen werden. So können z. B. Schriftattribute wie Farbe, Schriftart…

  • 17 Uebersicht

    —

    von

    hase aut
    in ,

    Diese Tags benötigst du für die Klassenarbeit „html“ <p> Ein Absatz wird gesetzt.    </br> Zeilenumbruch     <li> Punkt einer Liste.    <ul> Unsortierte Liste   <ol> Nummeriete Liste    <a> Der Link   <img> Ein Bild laden   <strong> Schrift auf fett   <i> Schrift auf kursiv   <h1> .. <h6> Überschriften    <table>…

  • 16.7 Beispiel

    —

    von

    hase aut
    in ,

    Aufgabe Erstelle die Datei ai/html/tabellen/layout1.html Kopiere den folgenden code. Experimentiere mit dem Attributen und verändere die Vorgaben nach deinen Vorstellungen. Erstelle zudem die drei Dateien, auf die verlinkt wird. Diese sollen ein ähnliches Layout haben.     <!DOCTYPE HTML PUBLIC „-//W3C//DTD HTML 4.01 Transitional//EN“ „http://www.w3.org/TR/html4/loose.dtd“><html> <head><title>Beispiel eines einfachen Tabellen-Layouts</title></head> <body bgcolor=“#FFFFFF“ link=“#FFFF00″ vlink=“#FFCC00″ alink=“#FFFFFF“ text=“#FFFFFF“>…

  • 16.6 Farben

    —

    von

    hase aut
    in ,

    {source}<p>Farben (<b>16,7 Millionen</b>) kann man mit einem <b>Hexadezimal-Code</b> angeben: Solch ein Code wird immer mit einem Gatter (Doppelkreuz) # eingeleitet. Danach folgen 6 Zeichen: Die ersten zwei legen den Rot-Anteil fest, die mittleren den Gr&uuml;n-Anteil und die letzten beiden den Blau-Anteil. Dabei bedeuten:</p> <ul><p style=“font-family: Courier New;“><b>0</b> (entspricht dezimal 0)<br /><b>1</b> (entspricht dezimal 1)<br /><b>2</b>…

  • 16.5 css für Tabellen

    —

    von

    hase aut
    in ,

    Rahmen (Border) CSS-Selektor Eigenschaft Erklärung Beispiel table, th, td border Definiert einen Rahmen. border: 2px solid black; table border-collapse Steuert, wie benachbarte Zellenrahmen dargestellt werden. border-collapse: collapse; (Wichtig für saubere Rahmen!) table border-spacing Definiert den Abstand zwischen den Zellrahmen (nur bei border-collapse: separate;). border-spacing: 10px; Hintergrundfarbe CSS-Selektor Eigenschaft Erklärung Beispiel table, th, td background-color Legt…

  • 16.4 Zeilenhöhe

    —

    von

    hase aut
    in ,

    {source}<!– You can place html anywhere within the source tags —> <script language=“javascript“ type=“text/javascript“> // You can place JavaScript like this </script><?php // You can place PHP like this ?> <P> Um einen Effekt sch&ouml;n zur Geltung zu bringen, kann es unter Umst&auml;nden n&ouml;tig sein, auch die H&ouml;he einer Tabelle anzugeben.<BR> <I>Achtung:</I> im Gegensatz zur…

  • 16.3 Tabellenbreite

    —

    von

    hase aut
    in ,

        Aufgabe Erstelle die Datei ai/html/tabellen/breite1.html Kopiere den Code und schau die das Ergebnis im Browser an.   Aufgabe Erstelle die Datei ai/html/tabellen/breite2.html Erstelle eine Tabelle mit 4 Spalten. Die erste soll 100 Pixel groß sein, die zweite 350, die dritte 50 und die vierte 20

  • 16.2 Zellen verbinden

    —

    von

    hase aut
    in ,

    Hier der Screenshot vom Kalenderblatt Dezember: Hier noch ein paar einfache Übungen zu colspan und rowspan: (Achtung! Kann Fehler enthalten durch Umzug der Webseite) Wenn wir nun Tabellenzellen miteinander verbinden möchten, dass z.B. anstatt 3 Zellen nur eine vorhanden ist, funktioniert das über colspan und rowspan. Im folgenden Beispiel sollen das Feld A, B, C…

  • 16.1 Tabellen

    —

    von

    hase aut
    in ,

    {source}<!– You can place html anywhere within the source tags —> <script language=“javascript“ type=“text/javascript“> // You can place JavaScript like this </script><?php // You can place PHP like this ?> <h1>HTML Tabellen – Grundlagen</h1> <h2>Wie kam fr&uuml;her das Design auf Homepages</h2> <p>Sicher haben Sie sich bisher schon gefragt, wie kam das Design fr&uuml;her ohne CSS…

  • 16 Tabellen

    —

    von

    hase aut
    in ,

    Aufgabe: Erstelle das Verzeichnis /ai/html/tabellenErstelle in diesem Verzeichnis die Datei tabelle11.html und füge den obigen code ein.   Aufgabe Erstelle die Datei tabelle31.html. Erstelle den code, der eine Tabelle mit 3 Zeilen erzeugt.   Aufgabe Erstelle die Datei tabelle1.html. Erstelle den code, der eine Tabelle mit 3 Spalten erzeugt.   Aufgabe Erstelle die Datei tabelle42.html.…

  • 15 Bilder einfügen

    —

    von

    hase aut
    in ,

    Es gibt bisher 2 Grafikformate, die in Betracht kommen. Diese 2 Formate werden von allen Browsern unterstützt. GIF und JPEG sind die Grafikformate, die heute im Internet verwendet werden. Wenn du im Browser ein Bild siehst, kannst du die über die rechte Maustaste  die „Eigenschaften“ des Bildes anzeigen lassen. Gezeigt werden der Name, die Datei-Größe…

  • 14 Die Trennlinie

    —

    von

    hase aut
    in ,

    Hier kommt die Maus – nein, eine Trennlinie. Durch diese können Sie Inhalte trennen. Trennlinien <hr /> sind an und für sich nichts Besonderes. Diese trennen zwei Abschnitte. Das <hr /> steht für engl. horizont ruler = horizontale Linie. <p>Text eins</p> <hr /> <p>Text zwei</p> Erstelle die Datei ./ai/html/trennlinie.html kopiere den code – Grundgerüst nicht…

  • 13 Umbruch

    —

    von

    hase aut
    in ,

    Wenn Sie einen Umbruch erzwingen möchten, nutzen Sie dazu den TAG <br />. <p>Hier kommt unser erster Test <br /> und hier geht es in der nächsten Zeile weiter.</p> Erstelle die Datei /ai/html/umbruch.html und schaue dir das Ergebnis an. Alle HTML-TAGs kommen aus dem Englischen. So ist <br /> die Abkürzung für break = Umbruch.…

  • 12.4 Steuerung

    —

    von

    hase aut
    in ,

    Textlink   Ein Link hat immer die Form von <a href=“datei.html“>Wohin zeigt der Link</a> Dabei sollten die ai/datei.html und „Wohin zeigt der Link“ durch dein entsprechenden Inhalt ersetzt werden.In dem obigen Beispiel liegt die aufzurufende datei.html auch noch im Unterverzeichnis /ai. Wenn die aufzurufende (verlinkte) Datei im selben Verzeichnis liegt, muss keine Pfadangabe erfolgen. Also…

  • 12.3 externe Links

    —

    von

    hase aut
    in ,

    Links auf andere Seiten – externe Links Bei einem externen Link muss die komplette URL angegeben werden. Also sowohl Dienstart, Servername noch Länderkürzel eingegeben und die Unterverzeichnisse, wenn diese verwendet werden. Einfach und sicher fahren Sie, indem Sie die Seite, auf die Sie einen Link setzen möchten, im Browser angeben und wenn die Seite erfolgreich angezeigt…

  • 123

    —

    von

    hase aut
    in

    Nichts ..