Übungsaufgabe 1.1 + Musterlösung - Online

Übungsaufgabe 1.1 + Musterlösung - Online
Aufgabe 1.1
In allen Übungen werden wir NetBeans als Entwicklungsumgebung nutzen.
In der ersten Übungsaufgabe sollen Sie NetBeans starten, sich ein wenig mit der Oberfläche
vertraut machen und ein erstes Projekt erstellen. Sollten Sie NetBeans noch nicht installiert haben,
folgen
Sie
den
Anweisungen
in
der
im
Übungssystem
zur
Verfügung
gestellten
Installationsanleitung.
Führen Sie nun folgende Schritte durch:
1. Starten Sie die NetBeans Entwicklungsumgebung.
2. Erstellen Sie eine HTML 5 Anwendung mit dem Namen “Erste Anwendung”: Im Menü
“File->New Project”.
3. Öffnen Sie das Fenster “Navigator”, um die Struktur des HTML-Dokumentes betrachten zu
können. Das Fenster kann mit dem Eintrag “Navigator” im Menü “Windows” angezeigt
werden.
4. Aktivieren Sie den “Embedded WebKit Browser”, damit dieser zur Betrachtung der
Internetseite genutzt wird. Im Menü “Run->Set Project Browser->Embedded WebKit
Browser”.
5. Lassen Sie die erstellte Internetseite (index.html) im eingebetteten Browser anzeigen. Im
Menü “Run->Run Project”.
NetBeans bietet vielfältige Möglichkeiten ein Dokument zu betrachten. Zum einen steht Ihnen das
Editor-Fenster zur Verfügung, in dem Sie die Hauptarbeit verrichten werden: das Schreiben von
Code. Der eingebettete Browser bietet Ihnen eine Darstellung der Internetseite, wie sie auch in
einem externen Browser angezeigt wird. Das Fenster “Navigator” enthält eine baumartige Ansicht
des HTML-Dokumentes mit den entsprechenden Eltern- und Kindelementen.
Lösung - Aufgabe 1.1
Im Folgenden werden die Schritte der Aufgabenstellung erläutert.
--- 1 --Führen Sie einen Doppelklick auf das NetBeans-Symbol auf Ihrem Desktop
oder im Installationsordner aus, um NetBeans zu starten.
--- 2 --Wählen Sie im Menü „File“ den Eintrag „New Project…“ aus, um ein neues Projekt zu erstellen.
--- 3 --Wählen Sie als Kategorie „HTML 5“ und als Projekt „HTML 5 Application“ aus. Klicken Sie
anschließend auf „Next“.
--- 4 --Geben Sie als Namen “ErsteAnwendung” ein und klicken Sie auf “Finish”.
--- 5 --Der
„Navigator“
ist
im
linken
unteren
Bereich
der
Entwicklungsumgebung zu finden und zeigt die Struktur des
HTML-Dokumentes in einer Baumstruktur an, d.h. hier
werden
einschließende
und
eingeschlossene
HTML-
Elemente dargestellt. Das html-Tag als Wurzelelement
einer HTML-Seite enthält alle sonstigen HTML-Elemente. Das
body-Element ist z.B. ein Kindelement des html-Elementes.
--- 6 --Gehen Sie auf das Symbol links neben dem „Hammer-Symbol“ und wählen Sie den Embedded
WebKit Browser aus. Dieser Browser ist in die NetBeans Entwicklungsumgebung integriert.
--- 7 --Starten Sie nun Ihre erste Anwendung, indem Sie entweder auf die „Run Project“-Schaltfläche
(Play) klicken oder aus dem Menü „Run“ den Eintrag „Run Project“ wählen. Ihre Internetseite wird
daraufhin im eingebetteten Browser unter dem Editor-Fenster angezeigt.
Was this manual useful for you? yes no
Thank you for your participation!

* Your assessment is very important for improving the work of artificial intelligence, which forms the content of this project

Download PDF

advertisement