Klausur Übung 1 E-Business und WSE: HTML/XHTML SS 2007 Seite 1 von 4 Fachbereich Wirtschaftswissenschaften Klausur: Übung 1 zur Vorlesung E-Business und Web-Site-Engineering Sommersemester 2007 Deckblatt Hinweise Die Bearbeitungszeit der Klausur beträgt 60 Minuten. Es sind alle Aufgaben zu bearbeiten. Es sind keine Hilfsmittel zugelassen. Zu jeder Aufgabe wird eine bestimmte Bearbeitungszeit vorgeschlagen. Dies ist jeweils ein Hinweis zur voraussichtlichen Gewichtung der Aufgabe. Notieren Sie auf diesem Deckblatt Ihren Namen und Ihre Matrikelnummer. Nach Ihrer Klausurbearbeitung geben Sie bitte dieses Deckblatt und alle Klausurblätter ab. Vermeken Sie ggf. zusätzlich Ihre Matrikelnummer auf allen Klausurblättern. Ihr Name: Ihre Matrikelnummer: Aufgabe Nr. Maximale Klausur-Punkte Erreichte Klausur-Punkte 1 20 2 20 3 20 Noten- Punkte (0-20) Klausur- Note (1 5) Summe 60 Viel Erfolg! Dipl-Kfm. Michael Falk
Klausur Übung 1 E-Business und WSE: HTML/XHTML SS 2007 Seite 2 von 4 - Klausuraufgaben - Aufgabe 1 (20 Minuten) Im Anhang 1 zu dieser Klausur finden Sie den Quelltext einer HTML-Seite. Skizzieren Sie im Browserfenster unten den grundlegenden Seitenaufbau (Container, Bilder, Textinhalte). Farbige Flächen sind zu schraffieren. Die Hilfslinien entsprechen jeweils einem Abstand von 100 px. Verwenden Sie für Ihre Zeichnung ggf. einen Bleistift. Für die richtige Positionierung der 6 Elemente (header, left, main, footer, picture, <p>- Elemente) wurden je 3 Punkte vergeben. Für die richtige Verwendung des display:none- Element wurden 2 Punkte vergeben (nicht einzeichnen).
Klausur Übung 1 E-Business und WSE: HTML/XHTML SS 2007 Seite 3 von 4 Aufgabe 2 (20 Minuten) Der Quelltext im Anhang 2 dieser Klausur wurde mit einem Validator auf seine Richtigkeit ü- berprüft. Dabei wurden insgesamt 12 Fehler gefunden. Tragen Sie in die untenstehende Tabelle die Codezeile ein und korrigieren Sie die Fehler im Quelltext. Die ausgelagerten CSS-Dateien sind nicht angegeben und für die Aufgabe nicht relevant. Der grundlegende Seitenaufbau ist mit dem der Aufgabe 1 vergleichbar (diese Information benötigen Sie nicht zur Beantwortung der Frage). Verlangt waren 10 gefundene Fehler. Pro gefundener Fehlerzeile gab es einen Punkt für die richtige Korrektur ebenfalls einen Punkt (max. 20 Punkte). In die Aufgabe haben sich leider einige ungewollte Tippfehler eingeschlichen. Diese wurden (soweit korrekt erkannt) ebenfalls als Fehler anerkannt. Die Liste unten enthält ist deshalb nicht vollständig. Zeile Korrigierter Quelltext 12 einleitendes <head> fehlt 19 Angabe des Ausgabemediums für zusätzliche CSS-Datei fehlt type= text/css media= print > 27 falsche Syntax der Style-Angaben <h1 style= background-color: #aabbcc; > 32 Kommentar nicht richtig beendet <!-- Beginn der Navigation --> 35 text-color war falsch <ul style= border: 1px solid #0033aa; color:#0033cc; > 37 <br /> außerhalb der <li>-elemente in Aufzählungsliste <li><a href= # >Über uns</a><br /></li> 38 <li><a href= # />Produkte & Leistungen [ ] 41 *.hmtl kein gültiges Bildformat (Bilder: jpg, gif, png) <img src= bilder/bild1.jpg > 48 <br>-element nicht geschlossen <br /> 51 einleitender <p>-tag fehlt <p> gez. Michael Falk 56 Alternativtext für Bild fehlt <img src= bilder/bild2.jpg alt= [ ] 63 Vielen Dank für die Bearbeitung der Klausur. Die Bewertung bekommen Sie [...]
Klausur Übung 1 E-Business und WSE: HTML/XHTML SS 2007 Seite 4 von 4 Aufgabe 3 (20 Minuten) "Suchmaschinen sind die wichtigsten Orientierungshilfen im Web. Mehr als 85% der Surfer fahnden mit Hilfe dieser Dienste nach neuen Sites. Beschreiben Sie kurz die grundlegende Funktion von Suchmaschinen und erläutern Sie das Grundproblem der Suchmaschinenoptimierung. Nennen Sie drei Einflussfaktoren auf das Suchmaschinen-Ranking einer Seite und geben Sie je ein Beispiel dazu. Suchmaschinen sind Computerprogramme, mit denen man das Internet systematisch nach Informationen durchsuchen kann. Der genaue Programmablauf der Suchmaschinen (Algorithmus) ist allerdings nicht öffentlich bekannt und wird von den Betreibern permanent verändert und verbessert. Bei der Optimierung muss man sich deshalb auf Vermutungen und Erfahrung verlassen. Folgende Faktoren haben Einfluss auf das Ranking in Suchmaschinen: 1. Sorgfältige Auswahl von Suchbegriffen (gezielte Optimierung auf wenige Begriffe) 2. Einhaltung von aktuellen Web Standards (Bsp. Verwendung von CSS für Seitenlayout) 3. Aktualität der Inhalte 4. Positionierung der Suchbegriffe (Relevanz steigt, wenn Suchbegriff als Überschrift auftaucht) 5. Meta-Informationen 6. Off-the-Page-Optimierung (Domainname, Link-Popularität, ) Zu jedem dieser Faktoren war ein kurzes Beispiel zu geben. Für die Erklärung der grundlegenden Funktion und der Problematik der Suchmaschinenoptimierung wurden insgesamt 8 Punkte vergeben. Für jeden richtigen Einflussfaktor mit passendem Beispiel wurden je 4 Punkte vergeben.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 <!-- ############################################################################################## #ANHANG 1 zur KLAUSUR "Übung 1 zur Vorlesung "E-Business und Web Site Engineering" im SS 2007# ############################################################################################## --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/tr/html4/ loose.dtd"> <html> <head> <title>startseite</title> <meta name="author" content="michael Falk"> <style type="text/css">.html, body font-family: verdana,arial,helvetica,sans-serif; font-size:11px; h1 font-family:verdana,arial,helvetica,sans-serif; font-size: 16px; p min-height:50px; margin: 0 0 0 0; div#header width:1000px; height:30px; color: #ffffff; background-color: #0033cc; text-align:center; div#left float: left; width: 300px; margin-top: 20px; div#main width:650px; margin:20px 0 20px 350px; min-height:450px; div#footer clear: both; width: 1000px; text-align:center; div#picture position: absolute; top: 200px;
70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 left: 75px; </style> </head> <body> <div id="header"> <h1> Aufgabe 1: Übung 1 HTML </h1> <div id="left"> <ul> <li>punkt 1</li> <li>punkt 2</li> <li>punkt 3</li> </ul> <div id="main"> <p> Der Inhalt der Web Site. Ein Absatz mit viel Text. <p> Der 2. Absatz. <div style="color:red;display:none;"> Denken Sie noch einmal nach, bevor Sie das hinschreiben! <div id="picture"> <img src="bild1.jpg" alt="daumen hoch - Viel Erfolg" style="width:150px; height:160px;" /> <div id="footer"> Fußzeile </body> </html>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 <!-- ############################################################################################## #ANHANG 2 zur KLAUSUR "Übung 1 zur Vorlesung "E-Business und Web Site Engineering" im SS 2007# ############################################################################################## --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/tr/html4/ loose.dtd"> <html> <title>anhang2</title> <meta name="author" content="michael Falk"> <meta name="description" content="diese Datei ist der Anhang zur zweiten Klausuraufgabe im Rahmen der Übung 1 zur Vorlesung E-Business und Web Site Engineering"> <meta name="keywords" content="klausur, HTML, XHTML, Uni Giessen"> <br /> <link rel="stylesheet" href="styles/layout.css" type="text/css" media="screen"> <link rel="stylesheet" href="styles/print.css" type="text/css"> </head> <body> <!-- Kopfzeile --> <div id="header"> <h1 style=background-color:"#aabb33"> Aufgabe 2: Übung 1 HTML </h1> <!-- Beginn der Navigation -> <div id="left"> <ul style="border: 1px solid #0033aa; text-color:#0033cc;"> <li><a href="#">home</a><br /></li> <li><a href="#">über uns</a><br /></li><br /> <li><a href="#">produkte & Leistungen</a><br /></li> </ul> <img src="bilder/bild1.html" alt="impressionen aus dem PC-Pool, Studierende schreiben eine Klausur" title="bild aus dem PC-Pool" /> <div id="main"> <div style="float:left; width:49%;"> <p>liebe Studierende, <br> auf dieser Seite sollen Sie insgesamt 12 HTML-Fehler finden. Viel Erfolg! gez. Michael Falk <div style="float:left; width49%"> <img src="bilder/bild2.jpg" title="ein Mitarbeiter bei der Klausurkorrektur" /> <div id="footer"> <p> Vielen Dank für die Bearbeitung der Klausur.  die Bewertung bekommen Sie bis Ende Juni.
67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 </body> </html>