https://script.spoken-tutorial.org/index.php?title=LibreOffice-Suite-Draw-6.3/C3/Import-and-Export-Images/English&feed=atom&action=history
LibreOffice-Suite-Draw-6.3/C3/Import-and-Export-Images/English - Revision history
2024-03-28T22:35:53Z
Revision history for this page on the wiki
MediaWiki 1.23.17
https://script.spoken-tutorial.org/index.php?title=LibreOffice-Suite-Draw-6.3/C3/Import-and-Export-Images/English&diff=55471&oldid=prev
Madhurig at 11:49, 17 August 2021
2021-08-17T11:49:56Z
<p></p>
<a href="https://script.spoken-tutorial.org/index.php?title=LibreOffice-Suite-Draw-6.3/C3/Import-and-Export-Images/English&diff=55471&oldid=55426">Show changes</a>
Madhurig
https://script.spoken-tutorial.org/index.php?title=LibreOffice-Suite-Draw-6.3/C3/Import-and-Export-Images/English&diff=55426&oldid=prev
Nancyvarkey at 08:55, 30 July 2021
2021-07-30T08:55:44Z
<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Revision as of 08:55, 30 July 2021</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 69:</td>
<td colspan="2" class="diff-lineno">Line 69:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| Point to '''Open '''but don’t click.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| Point to '''Open '''but don’t click.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|| If we click the '''Open''' button, the image will get embedded into the''' Draw '''page.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|| If we click the '''Open''' button, the image will get <ins class="diffchange diffchange-inline">'''</ins>embedded<ins class="diffchange diffchange-inline">''' </ins>into the''' Draw '''page.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>But we will not do so.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>But we will not do so.</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 89:</td>
<td colspan="2" class="diff-lineno">Line 89:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| A confirmation box pops up asking us to choose '''Embed Graphic''' or '''Keep Link'''.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| A confirmation box pops up asking us to choose '''Embed Graphic''' or '''Keep Link'''.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|| In the box, <del class="diffchange diffchange-inline">Click </del>'''Keep Link'''</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|| In the box, <ins class="diffchange diffchange-inline">click </ins>'''Keep Link'''</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| We will click on the '''Keep Link '''button.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| We will click on the '''Keep Link '''button.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 104:</td>
<td colspan="2" class="diff-lineno">Line 104:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| The''' Edit Links''' dialog box opens up.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| The''' Edit Links''' dialog box opens up.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>This <del class="diffchange diffchange-inline">'''</del>dialog <del class="diffchange diffchange-inline">'''</del>box lists all the '''links''' in this '''Draw '''file.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>This dialog box lists all the '''links''' in this '''Draw '''file.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| Select the link of the picture '''WaterCycle'''</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| Select the link of the picture '''WaterCycle'''</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|| Click on the link for the ''' WaterCycle '''image.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|| Click on the <ins class="diffchange diffchange-inline">'''</ins>link<ins class="diffchange diffchange-inline">''' </ins>for the ''' WaterCycle '''image.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| Click '''Break Link'''.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| Click '''Break Link'''.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|| At the bottom of the Edit links dialog box, click on '''Break Link '''button.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|| At the bottom of the <ins class="diffchange diffchange-inline">'''</ins>Edit links<ins class="diffchange diffchange-inline">''' </ins>dialog box, click on '''Break Link '''button.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| In the '''confirmation '''message  </div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| In the '''confirmation '''message  </div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 159:</td>
<td colspan="2" class="diff-lineno">Line 159:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* Create two new '''Draw '''files.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* Create two new '''Draw '''files.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* '''Insert '''an image in one file and save.  </div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* '''Insert '''an image in one file and save.  </div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* '''Embed '''another image as a link in the other file and save.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* '''Embed '''another image as a <ins class="diffchange diffchange-inline">'''</ins>link<ins class="diffchange diffchange-inline">''' </ins>in the other file and save.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* Sample images are provided in the '''Code files''' link.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* Sample images are provided in the '''Code files''' link.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* Compare<del class="diffchange diffchange-inline">''' '''</del>the file sizes.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* Compare the file sizes.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| '''Slide''':  </div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| '''Slide''':  </div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 167:</td>
<td colspan="2" class="diff-lineno">Line 167:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>'''Assignment'''</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>'''Assignment'''</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>||  </div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>||  </div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* Open the file in which you have linked the image.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* Open the file in which you have <ins class="diffchange diffchange-inline">'''</ins>linked<ins class="diffchange diffchange-inline">''' </ins>the image.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* In the file, change the size of the image.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* In the file, change the size of the image.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* Check if the change in the size of the image changes the file size.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* Check if the change in the size of the image changes the file size.</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 211:</td>
<td colspan="2" class="diff-lineno">Line 211:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| Click to select the image.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| Click to select the image.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|| For this, I will use the image of ''' Dr A P J Abdul Kalam '''.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|| For this, I will use the image of ''' Dr A P J Abdul Kalam'''.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>This image is provided to you in the '''Code files '''link''' '''for practice.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>This image is provided to you in the '''Code files '''link''' '''for practice.</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 270:</td>
<td colspan="2" class="diff-lineno">Line 270:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| Point towards the '''Export '''icon and click it</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| Point towards the '''Export '''icon and click it</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|| Click on the '''Export '''icon on the '''Standard '''<del class="diffchange diffchange-inline">toolbar</del>.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|| Click on the '''Export '''icon on the '''Standard <ins class="diffchange diffchange-inline">toolbar</ins>'''.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| From the '''Main menu''', click '''File '''>> '''Export'''</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| From the '''Main menu''', click '''File '''>> '''Export'''</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 300:</td>
<td colspan="2" class="diff-lineno">Line 300:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| The '''JPG Options''' dialog box appears.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| The '''JPG Options''' dialog box appears.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>In your case <del class="diffchange diffchange-inline">JPEG </del>'''Options''' dialog box may appear.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>In your case '''<ins class="diffchange diffchange-inline">JPEG </ins>Options''' dialog box may appear.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>It is same as '''JPG'''.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>It is same as '''JPG'''.</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 331:</td>
<td colspan="2" class="diff-lineno">Line 331:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| In the '''General''' tab under “'''Images'''”, select “'''JPEG compression'''”.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| In the '''General''' tab under “'''Images'''”, select “'''JPEG compression'''”.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>This is the most common format<del class="diffchange diffchange-inline">''' '''</del>that is used for compression.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>This is the most common format that is used for compression.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>||  In '''PDF options''' dialog box >> Click “'''Security'''” tab.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>||  In '''PDF options''' dialog box >> Click “'''Security'''” tab.</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 456:</td>
<td colspan="2" class="diff-lineno">Line 456:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>'''Summary'''</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>'''Summary'''</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|| In this tutorial, you have learnt to,* '''Import '''images into a '''Draw '''page</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|| In this tutorial, you have learnt to,</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* '''Import '''images into a '''Draw '''page</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* Edit an image</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* Edit an image</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* Export a '''Draw '''file into various '''file formats'''</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* Export a '''Draw '''file into various '''file formats'''</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* Protect<del class="diffchange diffchange-inline">''' '''</del>a '''PDF''' file using '''password encryption'''</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* Protect a '''PDF''' file using '''password encryption'''</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 468:</td>
<td colspan="2" class="diff-lineno">Line 469:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| Here is another '''assignment '''for you.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| Here is another '''assignment '''for you.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* '''Export '''only<del class="diffchange diffchange-inline">''' '''</del>the<del class="diffchange diffchange-inline">''' '''</del>clouds and the mountain from the '''WaterCycle '''file into '''JPEG '''format.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* '''Export '''only the clouds and the mountain from the '''WaterCycle '''file into '''JPEG '''format.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Hint: Check the '''Selection''' check box in the '''Export''' dialog box.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Hint: Check the '''Selection''' check box in the '''Export''' dialog box.</div></td></tr>
</table>
Nancyvarkey
https://script.spoken-tutorial.org/index.php?title=LibreOffice-Suite-Draw-6.3/C3/Import-and-Export-Images/English&diff=55421&oldid=prev
Madhurig: Created page with "{| border=1 || '''Visual Cue''' || '''Narration''' |- || '''Slide''': '''Introduction''' || Welcome to the Spoken Tutorial on '''Import and Export Images''' in''' LibreOff..."
2021-07-27T11:29:27Z
<p>Created page with "{| border=1 || '''Visual Cue''' || '''Narration''' |- || '''Slide''': '''Introduction''' || Welcome to the Spoken Tutorial on '''Import and Export Images''' in''' LibreOff..."</p>
<p><b>New page</b></p><div>{| border=1<br />
|| '''Visual Cue'''<br />
|| '''Narration'''<br />
|- <br />
<br />
|| '''Slide''': <br />
<br />
'''Introduction'''<br />
|| Welcome to the Spoken Tutorial on '''Import and Export Images''' in''' LibreOffice Draw.'''<br />
|- <br />
|| '''Slide''':<br />
<br />
'''Learning Objectives '''<br />
|| In this tutorial, you will learn to,<br />
<br />
* '''Import '''images into a '''Draw '''page<br />
* Edit an image <br />
* Export a '''Draw '''file into various '''file formats'''<br />
* Protect''' '''a '''PDF''' file using '''password encryption'''<br />
<br />
|- <br />
|| '''Slide''': <br />
<br />
'''System Requirements'''<br />
|| This tutorial is recorded using, <br />
<br />
* '''Ubuntu Linux''' OS version 18.04 and <br />
* '''LibreOffice Suite''' version 6.3.5<br />
<br />
|- <br />
|| '''Slide:<br />
<br />
'''Code Files'''<br />
|| <br />
* The files used in this tutorial have been provided to you in the''' Code files''' link on this tutorial page<br />
* Please download and extract the files<br />
* Make a copy and then use them for practising.<br />
|-<br />
||'''Open '''a new draw file<br />
<br />
Rename it as '''Import-Export-images '''and save it on '''Desktop.'''<br />
<br />
||I have opened a new''' Draw''' file.<br />
<br />
We will name the file as '''Import-Export-Images '''and save it on the '''Desktop'''.<br />
<br />
|- <br />
|| Only narration<br />
|| In '''Draw''' we can import and export both '''vector''' and '''bitmap''' images.<br />
|- <br />
|| Go to the desktop and open the converted '''WaterCycle.jpg''' file on the desktop.<br />
|| For this tutorial, I have created a '''JPG '''file of the '''WaterCycle '''drawing.<br />
<br />
I have saved the image on the '''Desktop.'''<br />
<br />
The same file is given in the '''Code files''' link for practice.<br />
|- <br />
|| Point to the image on the Desktop. <br />
|| Let us '''import '''this image into our '''Draw '''file.<br />
|- <br />
|| '''Standard '''toolbar >> '''Insert Image '''icon<br />
|| To do so, click on the '''Insert Image''' icon on the '''Standard toolbar'''.<br />
|- <br />
|| '''Insert Picture '''dialog box appears<br />
|| The''' Insert Image '''dialog box appears.<br />
|- <br />
|| Select''' WaterCycle.jpeg'''<br />
|| Go to the folder where the '''WaterCycle.jpg''' file is saved and select it .<br />
|- <br />
|| Point to '''Open '''but don’t click.<br />
|| If we click the '''Open''' button, the image will get embedded into the''' Draw '''page.<br />
<br />
But we will not do so.<br />
|- <br />
|| Click '''Insert as Link''' check-box at the bottom left of the window.<br />
<br />
Show the screenshot.<br />
|| Instead, we will click on the''' Insert as Link''' check-box.<br />
<br />
On the '''Windows 10''' interface, you will see it as '''Link '''check box.<br />
<br />
<br />
This will '''link''' the image by the '''file path'''.<br />
|- <br />
|| Click '''Open '''<br />
|| Then click on the '''Open''' button. <br />
|- <br />
|| '''Confirm Linked Graphic'''' dialog box opens up<br />
|| A confirmation box pops up asking us to choose '''Embed Graphic''' or '''Keep Link'''.<br />
|- <br />
|| In the box, Click '''Keep Link'''<br />
|| We will click on the '''Keep Link '''button.<br />
|- <br />
|| Point to the image.<br />
|| The image gets inserted as a '''link''' on the '''Draw '''page.<br />
|- <br />
|| Only narration<br />
|| '''Links '''can also be removed easily.<br />
|- <br />
|| '''Main menu''' >> select '''Edit ''' >> click '''Links to External Files'''<br />
|| To do so, go to the '''Edit menu ''' and click''' Links to External Files.'''<br />
|- <br />
|| '''Edit Links''' dialog box appears.<br />
|| The''' Edit Links''' dialog box opens up.<br />
<br />
This '''dialog '''box lists all the '''links''' in this '''Draw '''file.<br />
|- <br />
|| Select the link of the picture '''WaterCycle'''<br />
|| Click on the link for the ''' WaterCycle '''image.<br />
|- <br />
|| Click '''Break Link'''.<br />
|| At the bottom of the Edit links dialog box, click on '''Break Link '''button.<br />
|- <br />
|| In the '''confirmation '''message <br />
<br />
Click '''Yes'''.<br />
|| A '''confirmation '''box asks us to confirm our action to remove the selected '''link'''. <br />
<br />
Click the '''Yes''' button.<br />
|- <br />
|| The '''Link '''is removed.<br />
<br />
Click '''Close'''.<br />
|| The '''link '''is removed.<br />
<br />
Now, click on the '''Close ''' button to close the dialog box.<br />
|- <br />
|| Point to the image.<br />
|| But we can still see the image on the '''Draw '''page!<br />
<br />
When you break a '''link''', the image is automatically '''embedded '''in the '''Draw '''page.<br />
|- <br />
|| Select the '''image''' <br />
<br />
Click the '''delete '''key on the keyboard.<br />
|| Let’s delete this image now.<br />
<br />
So select the image and press the '''Delete '''key on the keyboard.<br />
<br />
<PAUSE><br />
|- <br />
|| Drag and drop '''WaterCycle '''diagram from Desktop<br />
|| We can also insert an image by the drag and drop method onto the '''Draw '''page'''.'''<br />
|- <br />
|| Go to Desktop >> drag-and-drop the image file on the '''Draw '''page.<br />
|| Go to the folder where the image is saved.<br />
<br />
Drag and drop it onto the '''Draw ''' page.<br />
|- <br />
|| Press '''Ctrl + Z''' keys to undo the process.<br />
|| Let’s undo the changes by pressing '''Ctrl''' and '''Z''' keys together.<br />
|- <br />
|| '''Slide''': <br />
<br />
<br />
'''Assignment'''<br />
|| Pause the tutorial and do this '''assignment'''.<br />
<br />
* Create two new '''Draw '''files.<br />
* '''Insert '''an image in one file and save. <br />
* '''Embed '''another image as a link in the other file and save.<br />
* Sample images are provided in the '''Code files''' link.<br />
* Compare''' '''the file sizes.<br />
|- <br />
|| '''Slide''': <br />
<br />
'''Assignment'''<br />
|| <br />
* Open the file in which you have linked the image.<br />
* In the file, change the size of the image.<br />
* Check if the change in the size of the image changes the file size.<br />
|- <br />
|| Cursor on the Draw page.<br />
|| Next, let’s import the '''WaterCycle ''' diagram directly into this file as an image.<br />
|- <br />
|| Click on the Insert Menu <br />
<br />
Click on '''Object''' >> '''OLE Object''' <br />
|| Click on the''' Insert '''menu and go to '''Object'''.<br />
<br />
Select '''OLE Object''' option.<br />
|- <br />
|| Click on Insert OLE<br />
|| The '''Insert OLE Object''' dialog box appears.<br />
|- <br />
|| Select '''Create from file '''<br />
<br />
Click on the '''Search''' button<br />
|| In the dialog box select '''Create from file '''radio button.<br />
<br />
And then click on the '''Search''' button.<br />
|- <br />
|| Select the '''WaterCycle'''.odg file.<br />
<br />
Click on the '''Open''' button in the '''Open''' dialog box.<br />
|| Select the '''WaterCycle.odg''' file from the folder where it was saved.<br />
<br />
Click on the '''Open''' button in the''' Open '''dialog box.<br />
|- <br />
|| Click the '''OK button.'''.<br />
|| Then click the''' OK '''button in the '''Insert OLE Object''' dialog box.<br />
|- <br />
|| Point to the image.<br />
|| '''WaterCycle''' diagram is inserted on the '''Draw '''page as an image.<br />
|- <br />
|| Right-click on the Pages Pane >> From the Submenu select New Page<br />
|| Next, let’s add a new page to the '''Draw''' file.<br />
|- <br />
|| Only narration<br />
|| We will now learn how to edit images in '''Draw'''.<br />
|- <br />
|| Click to select the image.<br />
|| For this, I will use the image of ''' Dr A P J Abdul Kalam '''.<br />
<br />
This image is provided to you in the '''Code files '''link''' '''for practice.<br />
|- <br />
|| Click on the Insert Image icon in the Standard toolbar.<br />
|| Click on the '''Insert Image''' icon in the '''Standard toolbar'''.<br />
|- <br />
|| Select the image in the '''Insert Image '''dialog box and click the '''Open''' button.<br />
|| Select the image in the '''Insert Image '''dialog box and click the '''Open''' button.<br />
|- <br />
|| Point to the image.<br />
<br />
Drag the corner handles to resize.<br />
|| The image of '''Dr Kalam''' gets inserted.<br />
<br />
I will resize the image proportionally using the corner handles.<br />
|- <br />
|| From '''Format''' >> '''Image''' >> Filter >> Charcoal sketch<br />
|| Go to the '''Format''' menu and select''' Image.''' <br />
<br />
From the sub-menu select''' Filter '''and then '''Charcoal Sketch'''.<br />
|- <br />
|| Point to the image.<br />
|| The image changes into a charcoal sketch format.<br />
|- <br />
|| Go to the''' View menu''' and select '''Toolbars.'''<br />
<br />
From the submenu select the '''Image''' option.<br />
|| Alternatively, you can also use the '''Image toolbar''' to edit the images.<br />
|- <br />
|| Point to the options in the default dropdown.<br />
|| You can try other options using the '''Image toolbar''' on your own later.<br />
|- <br />
|| Only narration<br />
|| Next, let’s learn to '''export '''files from '''Draw'''.<br />
|- <br />
|| '''Slide''': <br />
<br />
'''Export a File'''<br />
<br />
||<br />
* In''' Draw '''we can export a file or a page to different file formats.<br />
* Individual objects or a group of selected objects can also be exported<br />
* A '''Draw '''file can be exported to '''PDF''', '''HTML''', '''JPEG '''or any '''bitmap '''file<br />
* '''PDF''' and '''HTML '''file formats always export''' '''the whole '''Draw '''file<br />
<br />
|- <br />
|| Point to '''WaterCycle.jpeg''' on the '''Desktop'''<br />
|| Did you wonder how we converted the '''WaterCycle''' diagram to the '''JPG '''format?<br />
<br />
Let me demonstrate how it was done.<br />
|- <br />
|| Go to the Desktop folder<br />
|| Go to the folder where the '''WaterCycle'''.'''odg '''file is saved.<br />
|- <br />
|| Open the file '''WaterCycle'''.<br />
|| Open the file '''WaterCycle'''.'''odg file'''.<br />
|- <br />
|| Point towards the '''Export '''icon and click it<br />
|| Click on the '''Export '''icon on the '''Standard '''toolbar.<br />
|- <br />
|| From the '''Main menu''', click '''File '''>> '''Export'''<br />
|| Alternatively, click''' '''on the''' File''' menu and select '''Export'''.<br />
|- <br />
|| '''Export '''dialog box appears.<br />
|| The '''Export '''dialog box appears.<br />
|- <br />
|| '''Name ''' >> Enter the name '''WaterCycle '''diagram <br />
|| Let us enter the name '''WaterCycle-diagram''' in the '''Name '''field.<br />
|- <br />
|| Select '''Desktop''' as save location.<br />
|| Select '''Desktop''' as the location to save the file.<br />
|- <br />
|| In the '''File '''type field select the option '''JPEG'''.<br />
<br />
Show other options.<br />
|| In the '''File '''type drop-down, select the '''JPEG '''option.<br />
|- <br />
|| Check the '''Selection '''check box.<br />
|| In the bottom left of the '''Export '''dialog box, click the '''Selection''' check-box.<br />
|- <br />
|| Click on the '''Save '''button.<br />
|| Then click on the '''Save '''button.<br />
|- <br />
|| Point towards the '''JPEG Options''' dialog box <br />
<br />
Point to all options in dialog box<br />
|| The '''JPG Options''' dialog box appears.<br />
<br />
In your case JPEG '''Options''' dialog box may appear.<br />
<br />
It is same as '''JPG'''.<br />
<br />
Let’s keep the default options that are selected in this dialog box as they are.<br />
|- <br />
|| Click '''OK'''.<br />
|| Now, click the '''OK''' button in the box.<br />
|- <br />
|| Go to the '''desktop''', point to the saved file.<br />
|| '''WaterCycle''' diagram is saved as a '''JPG file '''on the '''Desktop'''. <br />
|- <br />
|| Double click and open it.<br />
<br />
Then close it.<br />
|| Here only one page from the '''Draw '''file is converted to '''JPG '''file.<br />
|- <br />
|| Switch back to the '''Import-Export-images '''file in '''Draw'''<br />
|| Let us export the file '''Import-Export-images '''to '''PDF''' file format.<br />
|- <br />
|| Main menu >> '''File '''>> '''Export as'''>> '''Export as PDF'''<br />
|| From the '''main menu''', select '''File '''and click '''Export As.'''<br />
<br />
Then select '''Export as PDF.'''<br />
|- <br />
|| '''PDF options''' dialog box appears.<br />
|| The '''PDF options''' dialog box appears.<br />
|- <br />
|| '''Images ''' >> select “'''JPEG compression'''”<br />
|| In the '''General''' tab under “'''Images'''”, select “'''JPEG compression'''”.<br />
<br />
This is the most common format''' '''that is used for compression.<br />
|- <br />
|| In '''PDF options''' dialog box >> Click “'''Security'''” tab.<br />
|| Now, let’s assign a '''password '''to protect the '''PDF '''document.<br />
<br />
To do so, click on the “'''Security'''” tab.<br />
|- <br />
|| Click '''Set Passwords'''.<br />
|| Then click on the '''Set passwords''' button.<br />
<br />
The '''Set passwords '''dialog box appears.<br />
|- <br />
|| In the field '''Password'''<br />
<br />
Type the password “'''protect101'''”.<br />
|| Under '''Set open password '''in the “'''Password'''” field, type a '''password'''.<br />
<br />
I will type the '''password''' as '''protect101'''.<br />
|- <br />
|| In the “'''Confirm'''” field, re-enter the password “'''protect101'''”.<br />
|| In the “'''Confirm'''” field, retype the same '''password'''.<br />
|- <br />
|| Only narration<br />
|| Next, let’s set the '''permission password '''to print or modify the document.<br />
|- <br />
|| In the field '''Password'''<br />
<br />
Type the password “'''protect101'''”.<br />
|| Under '''Set permission password''' in the '''Password''' field, type a '''password'''.<br />
<br />
I will type “'''protect101'''”.<br />
|- <br />
|| In the field “'''Confirm'''”, re-enter the password “'''protect101'''”.<br />
<br />
Click '''OK'''.<br />
|| In the “'''Confirm'''” field, retype the '''password'''.<br />
<br />
Then click on the '''OK ''' button in the dialog box.<br />
|- <br />
|| Point to the options under''' Printing '''and '''Changes.'''<br />
|| Notice that options under''' Printing '''and''' Changes''' are active.<br />
|- <br />
|| Point to Under '''Printing ''' >> “'''Not Permitted'''”.<br />
|| Under “'''Printing'''”, select the option “'''Not Permitted'''” if not already selected.<br />
|- <br />
|| Only narration<br />
|| This means that the '''PDF '''can be printed only if the correct '''password '''is provided.<br />
|- <br />
|| Point to Under '''Changes ''' >> “'''Not Permitted'''”. <br />
|| Under “'''Changes'''”, select the option “'''Not Permitted'''”.<br />
<br />
The '''PDF '''can be edited only if the correct '''password '''is provided.<br />
|- <br />
|| Click “'''Export'''”.<br />
|| Now, click the “'''Export'''” button at the bottom right corner.<br />
|- <br />
|| The''' Export dialog''' box appears.<br />
|| The '''Export '''dialog box opens.<br />
|- <br />
|| From the left panel, Select location as '''Desktop'''.<br />
|| From the left panel, select the location to save the file.<br />
<br />
I will choose '''Desktop'''.<br />
|- <br />
|| Under '''File '''type point towards '''PDF - Portable Document Format '''<br />
<br />
Click on '''Save'''.<br />
|| In the '''File type''' dropdown, '''PDF - Portable Document Format''' is selected.<br />
<br />
Click on the '''Save '''button.<br />
|- <br />
|| Only narration<br />
|| The '''Draw '''file is converted to a '''PDF '''file and saved on the '''Desktop'''.<br />
|- <br />
|| Switch to the '''Desktop'''<br />
|| Let us switch to the '''Desktop '''now.<br />
|- <br />
|| On the '''Desktop''', double-click on the '''Import-Export-images.pdf '''file.<br />
|| On the '''Desktop''', double-click on the '''Import-Export-images.pdf '''file.<br />
|- <br />
|| Point towards the '''Enter password''' dialog box <br />
|| The '''Enter password '''dialog box opens.<br />
|- <br />
|| In the '''Password '''field, type '''protect111'''. <br />
<br />
Click on the '''Unlock''' '''Documen'''t button.<br />
|| In the '''Password '''field, let's type the wrong '''password protect111.'''<br />
<br />
Click on the '''Unlock''' '''Documen'''t button to unlock the file.<br />
|- <br />
|| Point to the Password field.<br />
|| We notice that the '''Password ''' field is cleared.<br />
<br />
We are prompted to enter the '''password ''' once again.<br />
|- <br />
|| In the '''Password '''field, type the password '''protect101'''.<br />
|| In the '''Password '''field, let’s type the correct '''password protect101 '''this time.<br />
|- <br />
|| Click on the '''Unlock''' '''Documen'''t button to unlock''' '''the document.<br />
<br />
Cursor on the PDF file.<br />
<br />
|| Click on the '''Unlock Document''' button to unlock''' '''the file.<br />
<br />
The '''PDF '''file now opens. <br />
|- <br />
|| Scroll and show all the pages.<br />
|| Notice that all the pages in the '''Draw''' file are exported in '''PDF '''format.<br />
|-<br />
|| Click on X icon on the top right.<br />
|| Close the '''PDF file.'''<br />
<br />
|-<br />
|| Click on the '''Save''' icon -> Click on the '''‘X’''' icon on top right.<br />
|| Let’s save the file and then close it.<br />
|-<br />
|| Narration only<br />
||This brings us to the end of this tutorial<br />
<br />
Let us summarize.<br />
|-<br />
|| '''Slide''': <br />
<br />
'''Summary'''<br />
<br />
|| In this tutorial, you have learnt to,* '''Import '''images into a '''Draw '''page<br />
* Edit an image<br />
* Export a '''Draw '''file into various '''file formats'''<br />
* Protect''' '''a '''PDF''' file using '''password encryption'''<br />
<br />
|- <br />
|| '''Slide''': <br />
<br />
'''Assignment'''<br />
<br />
|| Here is another '''assignment '''for you.<br />
<br />
* '''Export '''only''' '''the''' '''clouds and the mountain from the '''WaterCycle '''file into '''JPEG '''format.<br />
<br />
Hint: Check the '''Selection''' check box in the '''Export''' dialog box.<br />
|- <br />
|| '''Slide''': <br />
<br />
'''About Spoken Tutorial Project'''<br />
|| The video at the following link summarises the Spoken Tutorial project.<br />
<br />
Please download and watch it<br />
|- <br />
|| '''Slide''': <br />
<br />
'''Spoken tutorial workshops'''<br />
|| We conduct workshops using Spoken Tutorials and give certificates.<br />
<br />
For more details, please contact us.<br />
|- <br />
|| '''Slide''': <br />
<br />
'''Forums'''<br />
|| Please post your timed queries in this forum.<br />
|- <br />
|| '''Slide''': <br />
<br />
'''Acknowledgement'''<br />
<br />
|| The '''Spoken Tutorial''' project is funded by the Ministry of Education, Govt. of India.<br />
|- <br />
|| '''Slide''': <br />
<br />
'''About the Contributor'''<br />
|| This tutorial was originally contributed by DesiCrew Solutions Pvt. Ltd in 2011. <br />
<br />
This tutorial is contributed by Madhuri Ganapathi and Nikita Misal from IIT Bombay. Thank you for watching.<br />
|-<br />
|}</div>
Madhurig