Commit 150adfd0 by shuangcheng

html 模板翻译

parent 13b5c817
...@@ -2,17 +2,16 @@ ...@@ -2,17 +2,16 @@
metadata: metadata:
display_name: Announcement display_name: Announcement
data: | data: |
<p>To use this template, replace the example text with your own text.</p> <p>ᠲᠤᠰ ᠵᠠᠭᠪᠤᠷ ᠢ ᠬᠡᠷᠡᠭᠯᠡᠬᠦ ᠭᠡᠪᠡᠯ ᠂ ᠵᠢᠱᠢᠶ᠎ᠡ ᠶᠢ ᠥᠪᠡᠷ ᠦᠨ ᠲᠣᠪᠬᠢᠮᠠᠯ ᠵᠢᠡᠷ ᠰᠣᠯᠢᠬᠤ ᠬᠡᠷᠡᠭᠲᠡᠢ ᠃ </p>
<p>When you add the component, be sure to select <strong>Settings</strong> <p>ᠰᠢᠨ᠎ᠡ ᠪᠡᠷ ᠨᠡᠮᠡᠬᠦ ᠦᠶᠡᠰ ᠂︽ᠲᠣᠬᠢᠷᠠᠭᠤᠯᠬᠤ︾  ᠶᠢ ᠰᠤᠩᠭᠤᠵᠤ ᠨᠠᠷᠡᠶᠢᠳᠦᠯ ᠪᠠ ᠬᠡᠷᠡᠭᠯᠡᠭᠡᠨ ᠦ ᠪᠤᠰᠤᠳ ᠬᠡᠮᠵᠢᠭᠳᠡᠯ  ᠢ ᠢᠯᠡᠷᠡᠭᠦᠯᠦᠨ᠎ᠡ ᠃ </p>
to specify a <strong>Display Name</strong> and other values that apply.</p> <h3 class="hd hd-2">ᠨᠡᠶᠢᠲᠡᠯᠡᠭᠰᠡᠨ ᠡᠳᠦᠷ ᠬᠤᠭᠤᠴᠠᠭ᠎ᠠ </h3>
<h3 class="hd hd-2">Announcement Date</h3>
<section class='update-description'> <section class='update-description'>
<section class='primary'> <section class='primary'>
<p>Short note that introduces the topic</p> <p>ᠭᠣᠣᠯ ᠰᠡᠳᠥᠪ ᠦᠨ ᠳᠥᠭᠥᠮ ᠠᠪᠰᠠᠷᠬᠠᠨ ᠲᠣᠳᠣᠷᠬᠠᠶᠢᠯᠠᠯᠲᠠ</p>
<p class='author'>Instructor's name</p> <p class='author'>ᠲᠠᠨᠢᠯᠴᠠᠭᠤᠯᠤᠭᠴᠢ ᠶᠢᠨ ᠨᠡᠷ᠎ᠡ </p>
</section> </section>
<h4 class="hd hd-4">Heading for announcement 1</h4> <h4 class="hd hd-4">ᠨᠡᠶᠢᠲᠡᠯᠡᠯ 1 ᠶᠢᠨ ᠭᠠᠷᠴᠠᠭ </h4>
<p>Announcement 1 text</p> <p>ᠨᠡᠶᠢᠲᠡᠯᠡᠯ 1 ᠶᠢᠨ ᠲᠣᠪᠬᠢᠮᠠᠯ </p>
<h4 class="hd hd-4">Heading for announcement 2</h4> <h4 class="hd hd-4">ᠨᠡᠶᠢᠲᠡᠯᠡᠯ 2 ᠦᠨ ᠭᠠᠷᠴᠠᠭ </h4>
<p>Announcement 2 text</p> <p>ᠨᠡᠶᠢᠲᠡᠯᠡᠯ 2 ᠦᠨ ᠲᠣᠪᠬᠢᠮᠠᠯ </p>
</section> </section>
...@@ -2,8 +2,8 @@ ...@@ -2,8 +2,8 @@
metadata: metadata:
display_name: Anonymous User ID display_name: Anonymous User ID
data: | data: |
<p>Your explanatory text here.</p> <p>ᠲᠠᠨ ᠤ ᠲᠣᠳᠣᠷᠬᠠᠶᠢᠯᠠᠯᠲᠠ ᠶᠢᠨ ᠲᠣᠪᠬᠢᠮᠠᠯ ᠡᠨᠳᠡ ᠪᠠᠶᠢᠨ᠎ᠠ </p>
<p><a href="https://YOUR_UNIVERSITY.qualtrics.com/SE/?SID=SV_###############&a=%%USER_ID%%" target="_blank">YOUR_LINK_TEXT</a></p> <p><a href="https://YOUR_UNIVERSITY.qualtrics.com/SE/?SID=SV_###############&a=%%USER_ID%%" target="_blank">ᠲᠣᠪᠬᠢᠮᠠᠯ </a></p>
<!-- You can include %%USER_ID%% to include an anonymized user ID in your outside services so that you can relate them later. <!-- You can include %%USER_ID%% to include an anonymized user ID in your outside services so that you can relate them later.
......
...@@ -2,31 +2,31 @@ ...@@ -2,31 +2,31 @@
metadata: metadata:
display_name: IFrame Tool display_name: IFrame Tool
data: | data: |
<h3 class="hd hd-2">IFrame Tool</h3> <h3 class="hd hd-2">IFrame ᠴᠢᠳᠠᠪᠬᠢ </h3>
<p>Use the IFrame tool to embed an exercise or tool from any web site into your course content. For example, the tool below allows learners to experiment with how the shape of a triangle affects a line that is derived from the triangle.</p> <p>Frame ᠴᠢᠳᠠᠪᠬᠢ ᠶᠢ ᠬᠡᠷᠡᠭᠯᠡᠵᠦ ᠠᠯᠢᠪᠠ ᠰᠦᠯᠵᠢᠶ᠎ᠡ ᠶᠢᠨ ᠪᠣᠯᠪᠠᠰᠤᠷᠠᠯ ᠪᠤᠶᠤ ᠴᠢᠳᠠᠪᠬᠢ ᠶᠢ ᠬᠢᠴᠢᠶᠡᠯ ᠦᠨ ᠠᠭᠤᠯᠭ᠎ᠠ ᠶᠢᠨ ᠳᠤᠮᠳᠠ ᠣᠷᠤᠭᠤᠯᠤᠨ᠎ᠠ ᠃ ᠵᠢᠱᠢᠶᠡᠯᠡᠪᠡᠯ ᠂ ᠳᠣᠣᠷᠠᠬᠢ ᠴᠢᠳᠠᠪᠬᠢ ᠨᠢ ᠰᠤᠷᠤᠯᠴᠠᠭᠴᠢ ᠶᠢᠨ ᠭᠤᠷᠪᠠᠯᠵᠢᠨ ᠪᠡᠶᠡᠲᠤ ᠶᠢᠨ ᠲᠦᠷᠰᠦ ᠶᠢ ᠬᠡᠷᠬᠢᠨ ᠨᠥᠯᠥᠭᠡᠯᠡᠬᠦ ᠲᠤᠬᠠᠢ ᠲᠤᠷᠰᠢᠨ ᠬᠡᠷᠡᠭᠯᠡᠨ᠎ᠡ ᠃ </p>
<p>Exercises in an IFrame are not graded. To embed graded exercises, use a Custom JavaScript Problem.</p> <p>IFrame ᠪᠣᠯᠪᠠᠰᠤᠷᠠᠯ ᠳᠦ ᠬᠤᠪᠢ ᠣᠯᠭᠣᠯᠲᠠ ᠦᠭᠡᠢ ᠃ ᠳᠡᠰ ᠬᠤᠪᠢᠶᠠᠨ ᠪᠣᠯᠪᠠᠰᠤᠷᠠᠵᠤ ᠂ JavaScript ᠠᠰᠠᠭᠤᠳᠠᠯ ᠢ ᠡᠷᠢᠨ᠎ᠡ ᠃</p>
<p>The following code is the HTML format required to use the IFrame tool. For the IFrame in this template, you must replace the values in <i>italics</i>.</p> <p>ᠳᠣᠣᠷᠠᠬᠢ ᠺᠣᠳ᠋ ᠪᠣᠯ IFrame ᠴᠢᠳᠠᠪᠬᠢ ᠶᠢᠨ ᠬᠡᠷᠡᠭᠰᠡᠬᠦ HTML ᠬᠡᠯᠪᠡᠷᠢ ᠶᠢ ᠬᠡᠷᠡᠭᠯᠡᠨ᠎ᠡ ᠃ ᠲᠤᠰ ᠵᠠᠭᠪᠤᠷ ᠳ᠋ᠡᠬᠢ IFrame ᠳᠦ ᠂ ᠵᠠᠪᠠᠯ ᠵᠢᠰᠢᠭᠦᠦ ᠬᠡᠯᠪᠡᠷᠢ ᠶᠢᠨ ᠬᠡᠮᠵᠢᠭᠳᠡᠯ  ᠢ ᠣᠷᠣᠯᠠᠨ᠎ᠠ ᠃ </p>
<pre> <pre>
&lt;iframe title="<i>The required title of the tool</i>" &lt;iframe title="<i>The required title of the tool</i>"
src="<i>The URL of the tool, starting with https://</i>"&gt; src="<i>The URL of the tool, starting with https://</i>"&gt;
<i>Message displayed when the browser does not support IFrames.</i> <i>Message displayed when the browser does not support IFrames.</i>
&lt;/iframe&gt; &lt;/iframe&gt;
</pre> </pre>
<p>The Iframe below includes the width, height, marginwidth, marginheight, frameborder, and scrolling attributes. These attributes are optional. You can remove these attributes or replace their values.</p> <p>Iframe ᠳᠦ ᠥᠷᠭᠡᠨ ᠂ ᠥᠨᠳᠥᠷ ᠂ ᠵᠠᠭᠠᠭ ᠦᠨ ᠥᠷᠭᠡᠨ ᠂ ᠵᠠᠭᠠᠭ ᠦᠨ ᠥᠨᠳᠥᠷ ᠂ ᠪᠦᠲᠥᠴᠡ ᠶᠢᠨ ᠳ᠋ᠤᠭᠠᠷ ᠵᠢᠴᠢ ᠪᠥᠮᠪᠥᠷᠢᠯᠲᠡ ᠬᠠᠷᠢᠶᠠᠯᠠᠭᠳᠠᠬᠤ ᠴᠢᠨᠠᠷ ᠲᠠᠢ ᠃ ᠡᠳᠡᠭᠡᠷ ᠨᠢ ᠰᠤᠩᠭᠤᠯᠲᠠ ᠶᠢᠨ ᠴᠢᠨᠠᠷ ᠲᠠᠢ ᠃ ᠡᠳᠡᠭᠡᠷ ᠢ ᠬᠠᠰᠤᠵᠤ ᠪᠣᠯᠬᠤ ᠪᠥᠭᠡᠳ ᠪᠤᠰᠤᠳ ᠬᠡᠮᠵᠢᠭᠳᠡᠯ  ᠢᠶᠡᠷ ᠣᠷᠣᠯᠠᠵᠤ ᠪᠣᠯᠣᠨ᠎ᠠ ᠃</p>
<p>Modify this template as needed.</p> <p>ᠬᠡᠷᠡᠭᠴᠡᠭᠡ ᠪᠡᠨ ᠦᠨᠳᠦᠰᠦᠯᠡᠨ ᠲᠤᠰ ᠵᠠᠭᠪᠤᠷ ᠢ ᠵᠠᠰᠠᠨ᠎ᠠ ᠃</p>
<p>To modify the IFrame, you must edit the HTML source code. When editing this template, click <strong>HTML</strong> in the toolbar.</p> <p>IFrame  ᠶᠢ ᠵᠠᠰᠠᠬᠤ ᠭᠡᠪᠡᠯ ᠂ ᠵᠠᠪᠠᠯ HTML ᠺᠣᠳ᠋  ᠢ ᠵᠠᠰᠠᠪᠤᠷᠢᠯᠠᠨ᠎ᠠ ᠃ ᠵᠠᠰᠠᠪᠤᠷᠢᠯᠠᠬᠤ ᠦᠶᠡᠰ ᠂ ᠴᠢᠳᠠᠪᠬᠢ ᠶᠢᠨ ᠴᠣᠮᠣᠭ ᠳᠡᠬᠢ HTML  ᠢ ᠵᠠᠰᠠᠨ᠎ᠠ ᠃</p>
<p>Then modify the example below for your own use. <p>ᠳᠠᠷᠠᠭ᠎ᠠ ᠨᠢ ᠳᠣᠣᠷᠠᠬᠢ ᠵᠢᠱᠢᠶ᠎ᠡ ᠶᠢ ᠵᠠᠰᠠᠨ ᠲᠠᠨ ᠤ ᠬᠡᠷᠡᠭᠯᠡᠭᠡᠨ ᠳᠦ ᠬᠠᠩᠭᠠᠨ᠎ᠠ ᠃
<ol> <ol>
<li>Replace the value of the <strong>src</strong> attribute of the IFrame with the URL of the tool that you want in your course. <li>IFrame  ᠶᠢᠨ src ᠬᠠᠷᠢᠶᠠᠯᠠᠭᠳᠠᠬᠤ ᠴᠢᠨᠠᠷ ᠦᠨ ᠬᠡᠮᠵᠢᠭᠳᠡᠯ ᠢ ᠬᠢᠴᠢᠶᠡᠯ  ᠦᠨ ᠳᠤᠮᠳᠠᠬᠢ ᠬᠡᠷᠡᠭᠰᠡᠬᠦ URL  ᠵᠢᠡᠷ ᠣᠷᠣᠯᠠᠨ᠎ᠠ ᠃
<p><strong>Note</strong>: The URL must start with <strong>https</strong> instead of http, to ensure that the tool appears in all browsers that support IFrames.</p></li> <p><strong>ᠠᠩᠬᠠᠷᠬᠤ</strong>᠄ URL ᠨᠢ https ᠵᠢᠡᠷ ᠡᠬᠢᠯᠡᠨ ᠬᠠᠷᠢᠨ http ᠪᠢᠰᠢ ᠂IFrame  ᠶᠢ ᠳᠡᠮᠵᠢᠬᠦ ᠪᠤᠢ ᠪᠥᠬᠦᠢ ᠬᠠᠶᠢᠭᠴᠢ ᠳᠦ ᠴᠢᠳᠠᠪᠬᠢ ᠶᠢ ᠪᠠᠲᠤᠯᠠᠬᠤ ᠬᠡᠷᠡᠭᠲᠡᠢ ᠃</p></li>
<li>Replace the value of the <strong>title</strong> attribute with the title of the tool. You <strong>must</strong> include the title to provide an accessible label.</li> <li>ᠴᠢᠳᠠᠪᠬᠢ ᠶᠢᠨ ᠭᠠᠷᠴᠠᠭ ᠢᠶᠠᠷ title ᠬᠠᠷᠢᠶᠠᠯᠠᠭᠳᠠᠬᠤ ᠴᠢᠨᠠᠷ ᠦᠨ ᠬᠡᠮᠵᠢᠭᠳᠡᠯ ᠢ ᠣᠷᠣᠯᠠᠨ᠎ᠠ ᠃ ᠦᠵᠡᠵᠦ ᠪᠣᠯᠬᠤ ᠭᠠᠷᠴᠠᠭ ᠢ ᠵᠠᠪᠠᠯ ᠪᠠᠭᠲᠠᠭᠠᠨ᠎ᠠ ᠃ </li>
<li>Replace other IFrame attributes as needed. See <a href="http://www.w3.org/wiki/HTML/Elements/iframe" target="_blank">the IFrame specification</a> for more information.</li> <li>ᠬᠡᠷᠡᠭᠴᠡᠭᠡ ᠪᠡᠨ ᠦᠨᠳᠦᠰᠦᠯᠡᠨ ᠪᠤᠰᠤᠳ IFrame ᠬᠠᠷᠢᠶᠠᠯᠠᠭᠳᠠᠬᠤ ᠴᠢᠨᠠᠷ ᠢ ᠣᠷᠣᠯᠠᠨ᠎ᠠ᠃ ᠣᠯᠠᠨ ᠵᠠᠩᠭᠢ ᠶᠢ ᠣᠶᠢᠯᠠᠭᠠᠶ᠎ᠠ ᠭᠡᠪᠡᠯ ᠂ <a href="http://www.w3.org/wiki/HTML/Elements/iframe" target="_blank">the IFrame specification</a> ᠳᠥᠷᠢᠮ ᠢ ᠤᠩᠰᠢᠭᠠᠷᠠᠢ ᠃</li>
<li>Optionally, replace the text between the opening and closing <strong>iframe</strong> tags. <li>ᠰᠤᠩᠭᠤᠯᠲᠠ ᠲᠠᠢ ᠪᠡᠷ ᠂ iframe  ᠶᠢ ᠨᠡᠭᠡᠭᠡᠬᠦ ᠪᠠ ᠬᠠᠭᠠᠬᠤ ᠲᠡᠮᠳᠡᠭ ᠦᠨ ᠲᠣᠪᠬᠢᠮᠠᠯ ᠢ ᠣᠷᠣᠯᠠᠨ᠎ᠠ ᠃
<pre>Your browser does not support IFrames.</pre> <pre>ᠲᠠᠨ ᠦ ᠬᠠᠶᠢᠭᠴᠢ IFrames  ᠢ ᠳᠡᠮᠵᠢᠬᠦ ᠦᠭᠡᠢ ᠃ </pre>
<p>A learner sees this text if the browser does not support IFrames.</p> <p>ᠬᠡᠷᠪᠡ ᠲᠠᠨ  ᠤ ᠬᠠᠶᠢᠭᠴᠢ ᠲᠤᠰ IFrames  ᠢ ᠲᠡᠮᠵᠢᠬᠦ ᠦᠭᠡᠢ ᠪᠣᠯ ᠂ ᠤᠭᠰᠢᠭᠴᠢ ᠲᠤᠰ ᠲᠣᠪᠬᠢᠮᠠᠯ ᠢ ᠣᠯᠵᠤ ᠦᠵᠡᠨ᠎ᠡ ᠃ </p>
</li> </li>
</ol> </ol>
<p>The sample IFrame follows. Modify its attributes as described above.</p> <p>ᠵᠢᠱᠢᠶ᠎ᠡ IFrame ᠨᠢ ᠳᠣᠣᠷᠠᠬᠢ ᠮᠡᠲᠦ᠄ ᠡᠮᠦᠨ᠎ᠡ ᠶᠠᠷᠢᠭᠰᠠᠨ ᠰᠢᠭ᠋ ᠂ ᠲᠡᠭᠦᠨ ᠦ ᠬᠠᠷᠢᠶᠠᠯᠠᠭᠳᠠᠬᠤ ᠴᠢᠨᠠᠷ  ᠢ ᠵᠠᠰᠠᠨ᠎ᠠ ᠃ </p>
<iframe title="Euler Line Demo" src="https://studio.edx.org/c4x/edX/DemoX/asset/eulerLineDemo.html" width="402" height="402" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"> <iframe title="Euler Line Demo" src="https://studio.edx.org/c4x/edX/DemoX/asset/eulerLineDemo.html" width="402" height="402" marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
Your browser does not support IFrames. ᠲᠠᠨ ᠦ ᠬᠠᠶᠢᠭᠴᠢ IFrames  ᠢ ᠳᠡᠮᠵᠢᠬᠦ ᠦᠭᠡᠢ ᠃
</iframe> </iframe>
...@@ -2,23 +2,23 @@ ...@@ -2,23 +2,23 @@
metadata: metadata:
display_name: Full Screen Image Tool display_name: Full Screen Image Tool
data: | data: |
<h3 class="hd hd-2">Full Screen Image Tool</h3> <h3 class="hd hd-2">ᠪᠦᠷᠢᠨ ᠳᠡᠯᠭᠡᠴᠡ ᠶᠢᠨ ᠵᠢᠷᠤᠭ ᠤᠨ ᠴᠢᠳᠠᠮᠵᠢ </h3>
<p>Use the Full Screen Image tool to allow learners to open and zoom in on a larger version of an image in your course.</p> <p>ᠪᠦᠷᠢᠨ ᠳᠡᠯᠭᠡᠴᠡ ᠶᠢᠨ ᠵᠢᠷᠤᠭ ᠤᠨ ᠴᠢᠳᠠᠮᠵᠢ ᠶᠢ ᠬᠡᠷᠡᠭᠯᠡᠨ ᠰᠤᠷᠤᠯᠴᠠᠭᠴᠢ ᠬᠢᠴᠢᠶᠡᠯ ᠦᠨ ᠳᠤᠮᠳᠠᠬᠢ ᠵᠢᠷᠤᠭ  ᠢ ᠨᠡᠭᠡᠭᠡᠬᠦ ᠶᠢᠨ ᠳᠠᠭᠠᠤ ᠲᠣᠮᠣᠷᠠᠭᠤᠯᠤᠨ᠎ᠠ᠃ </p>
<p>With the Full Screen Image tool, learners can see the image's details as well as its context within the unit.</p> <p>ᠪᠦᠷᠢᠨ ᠳᠡᠯᠭᠡᠴᠡ ᠶᠢᠨ ᠵᠢᠷᠤᠭ ᠤᠨ ᠴᠢᠳᠠᠮᠵᠢ ᠶᠢ ᠬᠡᠷᠡᠭᠯᠡᠨ ᠰᠤᠷᠤᠯᠴᠠᠭᠴᠢ ᠨᠢᠭᠡᠴᠢ ᠶᠢᠨ ᠵᠢᠷᠤᠭ ᠦᠨ ᠨᠠᠷᠢᠨ ᠪᠠᠶᠢᠳᠠᠯ ᠵᠢᠴᠢ ᠳᠡᠭᠡᠳᠦ ᠳᠣᠣᠷᠠᠲᠤ ᠵᠣᠬᠢᠶᠠᠯ ᠢ ᠦᠵᠡᠵᠦ ᠪᠣᠯᠣᠨ᠎ᠠ ᠃ </p>
<p>To enable users to view the larger image, you wrap the smaller image in a link to the larger version of the image.</p> <p>ᠬᠡᠷᠡᠭᠯᠡᠭᠴᠢ ᠳᠦ ᠵᠢᠷᠤᠭ ᠳᠦᠷᠰᠦ ᠶᠢ ᠲᠣᠳᠣ ᠲᠣᠳᠣᠷᠠᠭᠤᠨ ᠦᠵᠡᠭᠦᠯᠬᠦ ᠶᠢᠨ ᠲᠥᠯᠥᠭᠡ ᠂ ᠪᠠᠭ᠎ᠠ ᠵᠢᠷᠤᠭ ᠢ ᠶᠡᠬᠡ ᠰᠢᠭ ᠵᠢᠷᠤᠭ ᠤᠨ ᠬᠣᠯᠪᠣᠭᠠᠰᠤ ᠳᠦ ᠵᠠᠯᠭᠠᠨ᠎ᠠ ᠃ </p>
<p>The following HTML code shows the format required to use the Full Screen Image tool. For the example in this template, you must replace the values in <i>italics</i>.</p> <p>ᠳᠣᠣᠷᠠᠬᠢ HTML ᠺᠣᠳ᠋ ᠨᠢ ᠪᠦᠷᠢᠨ ᠳᠡᠯᠭᠡᠴᠡ ᠶᠢᠨ ᠵᠢᠷᠤᠭ ᠦᠨ ᠴᠢᠳᠠᠮᠵᠢ ᠶᠢ ᠬᠡᠷᠡᠭᠯᠡᠬᠦ ᠬᠡᠯᠪᠡᠷᠢ ᠶᠢ ᠢᠯᠡᠳᠬᠡᠵᠦ ᠂ ᠲᠤᠰ ᠵᠠᠭᠪᠤᠷ ᠳ᠋ᠡᠬᠢ ᠵᠢᠱᠢᠶ᠎ᠡ ᠶᠢ ᠵᠠᠪᠠᠯ ᠵᠢᠰᠢᠭᠦᠦ ᠬᠡᠯᠪᠡᠷᠢ ᠶᠢᠨ ᠬᠡᠮᠵᠢᠭᠳᠡᠯ ᠢᠶᠡᠷ ᠣᠷᠣᠯᠠᠨ ᠰᠣᠯᠢᠬᠤ ᠬᠡᠷᠡᠭᠲᠡᠢ ᠃</p>
<pre> <pre>
&lt;a href="<i>Path to full screen image</i>" class="modal-content"&gt; &lt;a href="<i>Path to full screen image</i>" class="modal-content"&gt;
&lt;img alt="<i>Text for screen readers</i>" &lt;img alt="<i>Text for screen readers</i>"
src="<i>Path to image to include in unit page</i>"/&gt; src="<i>Path to image to include in unit page</i>"/&gt;
&lt;/a&gt; &lt;/a&gt;
</pre> </pre>
<p>You can modify the example below for your own use.</p> <p>ᠳᠣᠣᠷᠠᠬᠢ ᠢᠯᠡᠳᠬᠡᠮᠵᠢ ᠶᠢ ᠥᠭᠡᠷᠡᠴᠢᠯᠡᠵᠦ ᠥᠪᠡᠷᠲᠡᠭᠡᠨ ᠬᠡᠷᠡᠭᠯᠡᠵᠦ ᠪᠣᠯᠣᠨ᠎ᠠ᠃ </p>
<ol> <ol>
<li>Replace the value of the link's <strong>href</strong> attribute with the path to the full size image. Do not change the value of the class attribute.</li> <li>ᠬᠣᠯᠪᠣᠭᠠᠰᠤ ᠳ᠋ᠡᠬᠢ href ᠬᠠᠷᠢᠶᠠᠯᠠᠭᠳᠠᠬᠤ ᠴᠢᠨᠠᠷ ᠦᠨ ᠬᠡᠮᠵᠢᠭᠳᠡᠯ  ᠢ ᠪᠦᠷᠢᠨ ᠳᠡᠯᠭᠡᠴᠡ ᠶᠢᠨ ᠵᠢᠷᠤᠭ ᠦᠨ ᠵᠢᠮ ᠵᠢᠡᠷ ᠣᠷᠣᠯᠠᠨ᠎ᠠ ᠃ ᠲᠥᠷᠥᠯ  ᠦᠨ ᠬᠠᠷᠢᠶᠠᠯᠠᠭᠳᠠᠬᠤ ᠴᠢᠨᠠᠷ ᠤᠨ ᠬᠡᠮᠵᠢᠭᠳᠡᠯ  ᠢ ᠥᠭᠡᠷᠡᠴᠢᠯᠡᠵᠦ ᠪᠣᠯᠬᠤ ᠦᠭᠡᠢ᠃ </li>
<li>Replace the value of the image's <strong>src</strong> attribute with the path to the image that will appear in the unit before a learner opens it in full screen mode.</li> <li>ᠵᠢᠷᠤᠭ ᠤᠨ src ᠬᠠᠷᠢᠶᠠᠯᠠᠭᠳᠠᠬᠤ ᠴᠢᠨᠠᠷ ᠦᠨ ᠬᠡᠮᠵᠢᠭᠳᠡᠯ  ᠢ ᠰᠤᠷᠤᠯᠴᠠᠭᠴᠢ ᠪᠦᠷᠢᠨ ᠳᠡᠯᠭᠡᠴᠡ ᠪᠡᠷ ᠳᠡᠯᠭᠡᠭᠳᠡᠬᠦ ᠡᠴᠡ ᠡᠮᠦᠨ᠎ᠡ ᠨᠢᠭᠡᠴᠢ  ᠶᠢᠨ ᠳᠣᠲᠣᠷᠠᠬᠢ ᠵᠢᠷᠤᠭ ᠤᠨ ᠵᠢᠮ ᠵᠢᠡᠷ ᠣᠷᠣᠯᠠᠨ᠎ᠠ ᠃ </li>
<li>Replace the value of the image's <strong>alt</strong> attribute with text that both describes the image and the action or destination of clicking on the image. You <strong>must</strong> include alt text to provide an accessible label.</li> <li>ᠵᠢᠷᠤᠭ ᠤᠨ ᠳᠦᠷᠰᠦᠯᠡᠬᠦᠢ ᠪᠠ ᠵᠢᠷᠤᠭ ᠤᠨ ᠳᠠᠷᠤᠮ ᠡᠰᠡᠭᠦᠯ᠎ᠡ ᠬᠠᠷᠠᠯᠲᠠ ᠲᠣᠪᠬᠢᠮᠠᠯ ᠢ ᠵᠢᠷᠤᠭ ᠦᠨ ALTᠬᠠᠷᠢᠶᠠᠯᠠᠭᠳᠠᠬᠤ ᠴᠢᠨᠠᠷ ᠦᠨ ᠬᠡᠮᠵᠢᠭᠳᠡᠯ  ᠢᠶᠡᠷ ᠣᠷᠣᠯᠠᠨ᠎ᠠ ᠃ ᠵᠠᠪᠠᠯ ALT ᠲᠣᠪᠬᠢᠮᠠᠯ ᠢ ᠪᠠᠭᠲᠠᠭᠠᠵᠤ ᠪᠠᠶᠢᠴᠠᠭᠠᠨ ᠦᠵᠡᠬᠦ ᠳᠦ ᠳᠥᠭᠦᠮ ᠪᠣᠯᠭᠠᠨ᠎ᠠ ᠃ </li>
</ol> </ol>
<p><strong>Note</strong>: Test viewing the image in full screen mode in the LMS; you cannot view it in full screen from within Studio.</p> <p><strong>ᠠᠩᠬᠠᠷᠬᠤ </strong>: ᠄ LMS ᠳᠤᠮᠳᠠ ᠪᠦᠷᠢᠨ ᠳᠡᠯᠭᠡᠴᠡ ᠪᠡᠷ ᠦᠵᠡᠬᠦ ᠶᠢ ᠰᠢᠯᠭᠠᠨ᠎ᠠ ᠃ Studio ᠡᠴᠡ ᠰᠢᠯᠭᠠᠨ ᠦᠵᠡᠵᠦ ᠪᠣᠯᠬᠤ ᠦᠭᠡᠢ ᠃ </p>
<a href="http://static.class.stanford.edu/stanford-hills-big.jpg" class="modal-content"><img alt="An image of the Stanford Hills. Select the image to open it in full screen mode." src="http://static.class.stanford.edu/stanford-hills-small.jpg" /></a> <a href="http://static.class.stanford.edu/stanford-hills-big.jpg" class="modal-content"><img alt="An image of the Stanford Hills. Select the image to open it in full screen mode." src="http://static.class.stanford.edu/stanford-hills-small.jpg" /></a>
...@@ -3,12 +3,6 @@ metadata: ...@@ -3,12 +3,6 @@ metadata:
display_name: Raw HTML display_name: Raw HTML
editor: raw editor: raw
data: | data: |
<p>This template is similar to the Text template. The only difference is <p>ᠡᠨᠡ ᠵᠠᠭᠪᠤᠷ ᠨᠢ Text ᠲᠠᠢ ᠠᠳᠠᠯᠢᠪᠲᠤᠷ ᠂ ᠴᠤᠷ ᠦᠨ ᠭᠠᠭᠴᠠ ᠢᠯᠭᠠᠭ᠎ᠠ ᠨᠢ ᠲᠤᠰ ᠵᠠᠭᠪᠤᠷ ᠨᠢ ᠤᠭ ᠦᠨ HTML  ᠳᠦ ᠨᠡᠭᠡᠭᠡᠵᠦ ᠂ᠬᠠᠷᠢᠨ Visual  ᠳᠦ ᠪᠢᠰᠢ ᠃ </p>
that this template opens in the Raw HTML editor rather than in the Visual
editor.</p>
<p>The Raw HTML editor saves your HTML exactly as you enter it. <p>ᠤᠭ ᠦᠨ HTML  ᠳᠦ HTML  ᠢ ᠣᠷᠤᠭᠤᠯᠬᠤ ᠦᠶᠡᠰ HTML  ᠢ ᠪᠦᠷᠢᠮᠦᠰᠦᠨ ᠬᠠᠳᠠᠭᠠᠯᠠᠨ᠎ᠠ ᠃ setting ᠰᠤᠩᠭᠤᠭᠳᠠᠬᠤᠨ ᠵᠢᠡᠷ ᠳᠠᠮᠵᠢᠨ Editor ᠲᠣᠬᠢᠷᠠᠭᠤᠯᠤᠯᠲᠠ ᠶᠢ ᠥᠭᠡᠷᠡᠴᠢᠯᠡᠨ Visual  ᠳᠦ ᠬᠤᠪᠢᠷᠠᠭᠠᠨ᠎ᠠ ᠃ ᠭᠡᠲᠡᠯ᠎ᠡ ᠠᠩᠬᠠᠷᠬᠤ ᠬᠡᠷᠡᠭᠲᠡᠢ᠄ ᠬᠡᠷᠪᠡ Visual  ᠳᠦ ᠬᠤᠪᠢᠷᠠᠭᠠᠪᠠᠯ ᠂ ᠲᠡᠭᠡᠪᠡᠯ ᠬᠠᠳᠠᠭᠠᠯᠠᠬᠤ ᠦᠶᠡᠰ ᠵᠠᠷᠢᠮ HTML  ᠢ ᠵᠠᠰᠠ ᠥᠭᠡᠷᠡᠴᠢᠯᠡᠨ᠎ᠡ ᠃ </p>
You can switch to the Visual editor by clicking the Settings tab and
changing the Editor setting to Visual. Note, however, that some of your
HTML may be modified when you save the component if you switch to the
Visual editor.</p>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment