HTML5-Tutorium: JavaScript: Hello World 04: Unterschied zwischen den Versionen
Kowa (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Kowa (Diskussion | Beiträge) |
||
Zeile 14: | Zeile 14: | ||
Kopieren Sie anschließend alle Dateien aus dem dritten Teil des Tutoriums, passen Sie den Titel in der HTML-Datei an und committen Sie abermals. | Kopieren Sie anschließend alle Dateien aus dem dritten Teil des Tutoriums, passen Sie den Titel in der HTML-Datei an und committen Sie abermals. | ||
== | ==Erstellen einer Ordnerstruktur== | ||
Grundsätzlich gilt auch bei der PRogrammierung: Ordnung ist das halbe Leben. | |||
Web-Anwendungen werden sehr schnell sehr groß. Also sollte man sich eine geeignete Ordnerstruktur überlegen. | |||
Üblicherweise legt man CSS-Dateien in einen Ordner namens „<code>css</code>“ und JavaScript-Dateien in einen Ordner namens | |||
„<code>js</code>“. Sollten es viele CSS- und/oder JavaScript-Datein werden, leget man im entsprechenden Ordner geeignete Unterordner an | |||
Öffnen Sie im Editorbereich die Datei „<code>index.html</code>“. | |||
Erstellen Sie dann die beiden Ordner „<code>css</code>“ sowie „<code>js</code>“ | |||
und verschieben Sie anschließend die Dateien „<code>main.css</code>“ und „<code>main.js</code>“ | |||
in die passenden Ordner. Sie werden feststellen, dass die Verweise in den Link- und Script-Elementen der | |||
Datei „<code>index.html</code>“ automatisch angepasst werden. | |||
{{TBD}} | |||
<!-- „<code></code>“ | |||
--> | |||
==Quellen== | ==Quellen== |
Version vom 23. September 2016, 14:33 Uhr
Dieser Artikel wird derzeit von einem Autor gründlich bearbeitet. Die Inhalte sind daher evtl. noch inkonsistent.
Dieser Artikel erfüllt die GlossarWiki-Qualitätsanforderungen nur teilweise:
Korrektheit: 3 (zu größeren Teilen überprüft) |
Umfang: 4 (unwichtige Fakten fehlen) |
Quellenangaben: 3 (wichtige Quellen vorhanden) |
Quellenarten: 5 (ausgezeichnet) |
Konformität: 3 (gut) |
Inhalt |
Teil 1 |
Teil 2 |
Teil 3 |
Teil 4 |
Teil 5 |
Teil 6 |
Vue 1 |
Vue 2 |
Vue 3 |
Vue 4 |
Vue 5 |
Vue 6
Musterlösung: index.html
(SVN-Repository)
Anwendungsfälle (Use Cases)
Gegenüber dem dritten Teil des Tutoriums ändern sich die die Anwendungsfälle nicht. Die Anwendung leistet also genau dasselbe wie zuvor.
In diesem Teil des Tutoriums geht es darum, die Anwendung zu verbessern, so dass sie schneller ausgeliefert werden kann.
Erstellen eines neuen Projektes
Erstellen Sie ein neues Projekt „HelloWorld04
“ und legen Sie dieses in Ihrem Repository ab.
Kopieren Sie anschließend alle Dateien aus dem dritten Teil des Tutoriums, passen Sie den Titel in der HTML-Datei an und committen Sie abermals.
Erstellen einer Ordnerstruktur
Grundsätzlich gilt auch bei der PRogrammierung: Ordnung ist das halbe Leben.
Web-Anwendungen werden sehr schnell sehr groß. Also sollte man sich eine geeignete Ordnerstruktur überlegen.
Üblicherweise legt man CSS-Dateien in einen Ordner namens „css
“ und JavaScript-Dateien in einen Ordner namens
„js
“. Sollten es viele CSS- und/oder JavaScript-Datein werden, leget man im entsprechenden Ordner geeignete Unterordner an
Öffnen Sie im Editorbereich die Datei „index.html
“.
Erstellen Sie dann die beiden Ordner „css
“ sowie „js
“
und verschieben Sie anschließend die Dateien „main.css
“ und „main.js
“
in die passenden Ordner. Sie werden feststellen, dass die Verweise in den Link- und Script-Elementen der
Datei „index.html
“ automatisch angepasst werden.
TO BE DONE
Quellen