Mit den Exportoptionen in allen Versionen der TI‑Nspire™ Software können Sie einfach und automatisch den erforderlichen HTML-Code und die notwendigen iframes, um ein Dokument in einen iframe einzubetten, generieren. Der beim Export generierte Code erstellt bei jedem Laden der Webseite den iframe mit JavaScript®. Dies ist flexibler und sicherer als der eingebaute iframe. Beispielsweise können Sie mithilfe von JavaScript® relative Adressen zum Verweis auf Ihre eingebetteten Dokumente verwenden. Mit relativer Adressierung wird die Webseite Ihr Dokument finden und anzeigen, solange das Dokument im selben Ordner wie die HTML-Datei gespeichert ist. Dies ist besonders hilfreich bei der Nutzung von freigegebenen Offline-Webseiten.
Die TI‑Nspire ™ Software bietet zwei Optionen für den Export von Dokumenten in HTML-Format:
| • | Webseite exportieren
Verwenden Sie diese Option, um ein vollständiges HTML-Dokument zu produzieren, das ein eingebettetes Fenster für Ihr TI‑Nspire™- oder PublishView™-Dokument sowie Ergänzungstext enthält. Diese eigenständige Webseite kann ganz ohne Änderungen genutzt oder unter Verwendung einer Software von Drittanbietern ausgestaltet werden. |
| • | HTML in die Zwischenablage exportieren
Verwenden Sie diese Option, um einen Code-Ausschnitt zu produzieren, der in vorhandene Webseiten oder Blogs eingefügt werden kann. Ein Code-Ausschnitt enthält einige Zeilen HTML-Code, die ein Fenster in eine vorhandene Seite einbetten. |
Sowohl das vollständige HTML-Dokument als auch der Codeausschnitt können einfach mithilfe eines beliebigen Text- oder HTML-Editors bearbeitet werden. Das Bearbeiten des HTML-Dokuments ermöglicht es Ihnen:
| • | Den Speicherort des TI‑Nspire™ - oder PublishView™-Dokuments zu ändern, das gebraucht werden könnte, um das HTML-Dokument zu veröffentlichen oder gemeinsam zu nutzen. |
| • | Den HTML-Code so anzupassen, dass das TI‑Nspire™- oder PublishView™-Dokument in einem eigenen Browserfenster geöffnet wird. |
| • | Die Darstellung des eingebetteten oder dedizierten Fensters zu ändern, das das TI‑Nspire™- oder PublishView™-Dokument enthält. |
Nach der Erstellung der Web-Seite können Sie den Quellcode anzeigen und bearbeiten. Der Quellcode kann mit jedem Texteditor oder HTML-Editor eines Drittanbieters geändert werden. Um den Quellcode anzuzeigen:
| ▶ | Klicken Sie in der Menüleiste Ihres Webbrowsers auf Ansicht > Quelle. |
Hinweis: Die Option zum Anzeigen von Quellcode kann, je nach Ihrem Standardbrowser, abweichen.
– oder –
| ▶ | Öffnen Sie erst einen Texteditor wie Notepad und dann in diesem die HTML-Datei. |
Der Quellcode wird angezeigt.
Hinweis: Bei einigen Browsern öffnet das Anzeigen des Quellcodes einen Texteditor.
Im folgenden Beispiel finden Sie Quellcode mit Kommentaren zur Erklärung und erfolgreichen Veränderung des Codes für diejenigen Benutzer, die nicht mit HTML vertraut sind.
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <!-- Thanks for creating a web page containing a TI-Nspire(tm) or PublishView(tm) document. This page can easily be modified to fit your needs. If you are not familiar with HTML, here are some basics to get you started: HTML DOCUMENTS HTML documents are text documents that define a web page. The text itself is known as source code. You are viewing source code now. HTML documents become web pages when opened in a browser. HTML documents have a Header (usually hidden information) and a Body (displayed content). TAGS The appearance of your page is controlled by "tags". Tags are surrounded by angle brackets <> . Some elements require a start tag <> and an end tag </> . LINES Lines in the source file mean nothing when displayed as a web page. Instead, tags are used to control lines on the page. <br> creates a line break, just like hitting Enter key on your keyboard. <p> creates a new paragraph. The browser will typically put empty space around this tag. COMMENTS Comments are used to explain the source file and are not displayed on the web page. <!-- begin a comment. - -> end a comment. See http://www.w3.org/TR/REC-html40/struct/global.html for more information on HTML. That's it! Your page starts below. --> <head> <!-- The line below tells the browser the Title of your Web Page. This may be displayed in title bar of your browser. --> <title>TI-Nspire™ Interactive Web Page</title> <!-- The lines below help browsers and search engines quickly get information about your page. These are not displayed on the page. --> <meta name="author" content="Your Name"> <meta name="keywords" content="Your Keywords"> <meta name="description" content="Your Page Description"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="keywords" content=""ti-nspire document player","nspire document player","ti-nspire™ document player",texas instruments, education.ti.com, ti-nspire, ti nspire, nspire, tinspire, nspire cas, ti-nspire cas, computer, software, publishview, publish view, publishview(tm), tns file, tnsp file, document player, ti-nspire player, nspire player, player, interactive math, mathematics, cas, student understanding, interactive classroom, educator's classroom computer"> </head> <body bgcolor="#FFFFFF" TEXT="#000000"> <!-- Note the background color and text color are included with the "body" tag. You can find out more about color codes here: http://en.wikipedia.org/wiki/Web_colors --> <!--The lines below create a high level header centered on the page. It is very common to show the page title in this way. --> <center> <font size="5"><b>INSERT TITLE FROM DIALOG</b></font> <br> </center> <!--The line below creates a visible line across the page. It automatically adjusts to a % of the window width.--> <hr width="80%" align="center"> <!--Remove comment tags from the line below to create a bold section title. .--> <!-- <font size="4"><b>Instructions</b></font> <br> --> <!--The text below will appear above your embedded TI-Nspire(tm) or PublishView(tm) document. You might use this space for instructions for the embedded activity. Spacing and returns are ignored. Word wrapping will happen automatically. --> <p> THIS AREA CONTAINS "TEXT ABOVE" FROM WEB PAGE TEXT DIALOG. </p> <!--The section below embeds the TI-Nspire document in your web page.--> <p> THIS AREA CONTAINS THE CODE SNIPPET THAT EMBEDS THE TI-NSPIRE(TM) OR PUBLISHVIEW(TM) DOCUMENT </p> <!--The text below will appear below your embedded TI-Nspire(tm) or PublishView(tm) document. You might use this space for guiding questions related to the activity. Spacing and returns are ignored. Word wrapping will happen automatically. --> <p> THIS AREA CONTAINS "TEXT BELOW" FROM WEB PAGE TEXT DIALOG. </p> <!--The line below creates a visible line across the page. It automatically adjusts to a % of the window width.--> <hr width="80%" align="center"> <!-- Insert related links. Insert links using the examples below as a guide. Type or paste the URL between quotation marks. Type the link text (visible on the page) after the URL bracket and before the ending tag '<a/>'. Note you can use comment tags to hide links without deleting them from the source code. --> <p> <font size="1"> <a href="http://education.ti.com/educationportal/preference/selectCountry.do">Texas Instruments Education Technology<a/> <br> <!-- <a href="http://education.ti.com/calculators/timathnspired/">MathNspired.com<a/> <br> --> </font> </p> <!-- Insert an email link. Remove comment tags from the line below, then type your email after "mailto:" --> <!-- <a href="mailto:username@yourserver.com">E-mail the author</a> --> <!-- Insert an image. Copy and paste the line below into the body of your document where you want the image to appear. Remove the comment tags, then replace the old image source URL or file name a new one. You might also want to provide alternate text (alt=) in case the image file is not available. NOTE: If your image is not on the web, when you publish your page, you will need to upload your image file along with your html file. --> <!-- <img src="type_document_name.here" alt="This text appears if the image is not available" /> --> </body> </html> |