Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende ÜberarbeitungNächste ÜberarbeitungBeide Seiten der Revision |
de:create:frameset [23.01.2019 13:22] – [Frameinhalte vorbereiten] sbrand | de:create:frameset [05.05.2022 14:21] – [Ein Frameset definieren] admin |
---|
Zu allererst müssen Sie ein Frameset innerhalb von SoSci Survey anlegen. Was genau man unter einem Frameset versteht ist hier nachzulesen: [[http://wiki.selfhtml.org/wiki/HTML/Frames|SelfHTML: Frames]]. Grob gesagt ist ein Frameset eine Art Tabelle, die die angezeigte Website in einzelne Bereiche aufteilt, deren Inhalte individuell bearbeitet werden können. | Zu allererst müssen Sie ein Frameset innerhalb von SoSci Survey anlegen. Was genau man unter einem Frameset versteht ist hier nachzulesen: [[http://wiki.selfhtml.org/wiki/HTML/Frames|SelfHTML: Frames]]. Grob gesagt ist ein Frameset eine Art Tabelle, die die angezeigte Website in einzelne Bereiche aufteilt, deren Inhalte individuell bearbeitet werden können. |
| |
Um ein Frameset in SoSci Survey zu zu erstellen, muss zunächst eine Textdatei auf dem eigenen Desktop angelegt werden. Diese Textdatei wird dann z.B. "Start.html" benannt. | Um ein Frameset in SoSci Survey zu zu erstellen, muss zunächst eine Textdatei auf dem eigenen Desktop angelegt werden. Diese Textdatei wird dann z.B. "start.html" benannt. |
| |
**Wichtig:** Es ist essenziell, dass die Datei als reiner ASCII-Text gespeichert wird. Verwenden Sie daher zum Erstellen/Bearbeiten der Datei einen Texteditor (z.B. [[https://notepad-plus-plus.org/|Notepad++]], [[http://www.scintilla.org/SciTE.html|SciTE]] oder das Windows-eigene Notepad) und __kein__ Textbearbeitungsprogramm wie Word oder OpenOffice. | **Wichtig:** Es ist essenziell, dass die Datei als reiner ASCII-Text gespeichert wird. Verwenden Sie daher zum Erstellen/Bearbeiten der Datei einen Texteditor (z.B. [[https://notepad-plus-plus.org/|Notepad++]], [[http://www.scintilla.org/SciTE.html|SciTE]] oder das Windows-eigene Notepad) und __kein__ Textbearbeitungsprogramm wie Word oder OpenOffice. |
**Wichtig:** Achten Sie darauf, dass die Dateiendung entsprechend geändert wird, sodass aus der ehemaligen Textdatei eine HTML-Datei wird. Sie können den Inhalt dieser dann mittels Editor anpassen. Innerhalb der Datei muss nun folgender HTML Code stehen: | **Wichtig:** Achten Sie darauf, dass die Dateiendung entsprechend geändert wird, sodass aus der ehemaligen Textdatei eine HTML-Datei wird. Sie können den Inhalt dieser dann mittels Editor anpassen. Innerhalb der Datei muss nun folgender HTML Code stehen: |
| |
<code html> | <file html start.html> |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> |
<html> | <html> |
</frameset> | </frameset> |
</html> | </html> |
</code> | </file> |
| |
Achten Sie auf die Zeile ''<frame src=...'' -- hier müssen Sie ihre individuelle Fragebogen-URL eintragen ([[:de:survey:url]]), um in einem Frame den Fragebogen zu starten. Den eigenen Bedürfnissen entsprechend können Sie außerdem folgende Veränderungen im Code vornehmen: | Achten Sie auf die Zeile ''<frame src=...'' -- hier müssen Sie ihre individuelle Fragebogen-URL eintragen ([[:de:survey:url]]), um in einem Frame den Fragebogen zu starten. Den eigenen Bedürfnissen entsprechend können Sie außerdem folgende Veränderungen im Code vornehmen: |
| |
**Wichtig**: Verwenden Sie beim Hochladen __nicht__ die geschützte Dateiablage! | **Wichtig**: Verwenden Sie beim Hochladen __nicht__ die geschützte Dateiablage! |
| |
| Testen Sie, ob Sie den Link ''%%https://www.soscisurvey.de/PROJEKT/start.html%%'' im Internetbrowser aufrufen können und ob dieser zum Fragebogen führt. Statt ''PROJEKT'' müssen Sie natürlich das Projektverzeichnis Ihres Befragungsprojekts einsetzen ([[:de:survey:url]]). |
| |
| |
| |
<code html> | <code html> |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> | <!DOCTYPE html> |
<html> | <html lang="de"> |
<head> | <head> |
<meta http-equiv="content-type" content="text/html; charset=utf-8"> | <meta charset="utf-8"> |
<title>Audio</title> | <title>Audio</title> |
</head> | </head> |
<body> | <body> |
<audio id="audio_with_controls" preload="auto" autoplay controls controlsList="nodownload" style="position: absolute; left: -9999px; top: -9999px"> | <audio id="bgAudio01" preload autoplay style="position: absolute; left: -9999px; top: -9999px"> |
<source src="Beispiel.mp3" type="audio/mpeg" /> | <source src="Beispiel.mp3"> |
</audio> | </audio> |
</body> | </body> |
Die Musikdatei (Hier „BEISPIEL.MP3“) müssen Sie natürlich ebenfalls in SoSci Survey hochladen. Damit kein Player mehr angezeigt wird, sondern die Musik quasi unsichtbar im Hintergrund läuft, wurde der Player im absolut negativen Bereich platziert (Pixel -9999). Die editierte Datei laden Sie nun auch in Ihr Projektverzeichnis hoch. | Die Musikdatei (Hier „BEISPIEL.MP3“) müssen Sie natürlich ebenfalls in SoSci Survey hochladen. Damit kein Player mehr angezeigt wird, sondern die Musik quasi unsichtbar im Hintergrund läuft, wurde der Player im absolut negativen Bereich platziert (Pixel -9999). Die editierte Datei laden Sie nun auch in Ihr Projektverzeichnis hoch. |
| |
**Tipp:** Um den Link zu der Audiodatei zu ermitteln, gehen Sie im Fragebogen-Menü Ihres Projektes auf Bilder und Dateien, klicken mit rechts (Windows und Linux) auf das Download-Symbol und wählen etwas, wie "Link-Adresse kopieren". Diese können Sie nun in Ihrer ''play.html'' einfügen. | **Tipp:** Um die Bezeichnung der Audiodatei zu ermitteln, gehen Sie im Fragebogen-Menü Ihres Projektes auf Bilder und Dateien, dort finden Sie die volle Bezeichnung, welche Sie einfach kopieren können (in der Regel der Name unter dem Sie die Datei hochgeladen haben). |
| |
===== Frame-Inhalte laden ===== | ===== Frame-Inhalte laden ===== |
| |
</script> | </script> |
</code> | </code> |
| |
| |
| ===== Fragebogen mit Frameset verschicken ===== |
| |
| Um das Frameset nun vollständig zu nutzen muss der Link zum Fragebogen mit der Endung /start.html ergänzt werden (oder dem individuellen Namen Ihres Framesets). Dies dürfen Sie nicht vergessen, sonst funktioniert es nicht. Wie sich der Link zum Fragebogen zusammen setzt können Sie hier nachlesen: [[de:survey:url|]] |
| |
| |