Building the user interface by using HTML5. Text, graphics and media презентация

Содержание

Слайд 2

Agenta

Tags
Elements
Attributes
Nesting
Entities
Doctype
Modified HTML 4.01 elements and new HTML5 elements
Deprecation
Figures and figure captions
Canvas and

SVG
Audio and video

Слайд 3

HTML Documents and HTTP Protocol

Hypertext Markup Language (HTML) is a markup language for

Web pages
Hypertext Transport Protocol (HTTP) is a protocol that ensures transport of pages to clients

DNS, HTTP

DNS

HTTP

Слайд 4

HTML Document

HTML document is a text document created to represent formatted information including

text, vide, images, sounds
HTML document is created by tags and consists of sections

Слайд 5

Tag Pairs

Tags are keywords that determine structure of an HTML page
Keyword is surrounded

by angled brackets
Most tags come in pairs
Opening or start tag
Closing or end tag

Pet Care 101


Closing tag must have same case as opening tag

Слайд 6

Empty Tags

Empty tags don’t require an end tag
Examples:

for a line break

/> for a horizontal line

Слайд 7

Required HTML Tags

Tags required on every Web page:
directive


<br><body><br></div></h3></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide8" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-7.jpg" target="_blank" rel="noopener">Слайд 8</a><h3 class="slides-content text-center font-bold"><div><p>Doctype<br><p>A declaration found at the very top of almost every HTML document<br>Specifies the</div></h3></h3><!----><!----><div class="slides-content">language or rules the page uses<br>In HTML, the DOCTYPE is case insensitive. The following DOCTYPEs are all valid:<br><!doctype html><br><!DOCTYPE html><br><!DOCTYPE HTML><br><!DoCtYpE hTmL><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide9" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-8.jpg" target="_blank" rel="noopener">Слайд 9</a><h3 class="slides-content text-center font-bold"><div><p>Doctype<br><p>HTML 4.01 doctype example:<br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.example.com/TR/xhtml11/ DTD/xhtml11.dtd"><br>HTML5 doctype:<br><!doctype html><br></div></h3></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide10" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-9.jpg" target="_blank" rel="noopener">Слайд 10</a><h3 class="slides-content text-center font-bold"><div><p>Common HTML Tags<br><p><html>: Identifies the page as an HTML document<br><head>: Contains markup and</div></h3></h3><!----><!----><div class="slides-content">code used by the browser, such as scripts that add interactivity, and keywords to help search engines find the page<br><title>: Displays the title of the Web page, which appears at the top of the Web browser, usually on the page’s tab in a tabbed browser<br><body>: Surrounds content that’s visible on the Web page when viewed in a Web browser<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide11" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-10.jpg" target="_blank" rel="noopener">Слайд 11</a><h3 class="slides-content text-center font-bold"><div><p>Common HTML Tags (Continued)<br><p><a href=URL>: Generally used to anchor a URL to text</div></h3></h3><!----><!----><div class="slides-content">or an image; can create a named anchor within a document to allow for linking to sections of the document<br><b>: Applies boldface to text<br><hx>: Creates a heading, which can be first level (h1) through sixth level (h6)<br><img>: Inserts an image from a file or another Web site<br><p>: Defines text as a paragraph<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide12" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-11.jpg" target="_blank" rel="noopener">Слайд 12</a><h3 class="slides-content text-center font-bold"><div><p>Elements<br><p>A tag pair or an empty tag is also called an element.<br>An element</div></h3></h3><!----><!----><div class="slides-content">can describe content, insert graphics, and create hyperlinks.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide13" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-12.jpg" target="_blank" rel="noopener">Слайд 13</a><h3 class="slides-content text-center font-bold"><div><p>Attributes<br><p>Modifiers of HTML elements that provide additional information<br>Are extensions of elements<br>Syntax: <tag attribute="value"><br></div></h3></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide14" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-13.jpg" target="_blank" rel="noopener">Слайд 14</a><h3 class="slides-content text-center font-bold"><div><p>Creating a Link<br><p>Example:<br><a href="http://www.example.com">This is a link.</a>Global attribute<br></div></h3></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide15" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-14.jpg" target="_blank" rel="noopener">Слайд 15</a><h3 class="slides-content text-center font-bold"><div><p>Nesting<br><p>To place one element inside another<br>Example:<br><p>Make sure your pet has plenty of <i><b>fresh</div></h3></h3><!----><!----><div class="slides-content">water</i> during hot weather.</p></b><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide16" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-15.jpg" target="_blank" rel="noopener">Слайд 16</a><h3 class="slides-content text-center font-bold"><div><p>Entities<br><p>A special character, such as the dollar symbol, the registered trademark (a capital</div></h3></h3><!----><!----><div class="slides-content">R within a circle), and accented letters<br>Begins with an ampersand (&) and ends with a semicolon (;)<br>Examples:<br>entity ® represents the registered trademark symbol<br>Its numerical code is ®<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide17" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-16.jpg" target="_blank" rel="noopener">Слайд 17</a><h3 class="slides-content text-center font-bold"><div><p>Entities (Continued)<br><p>Called character encoding<br>Use UTF-8 encoding whenever possible<br>Add the following declaration to the</div></h3></h3><!----><!----><div class="slides-content">head element:<br><meta charset="UTF-8"><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide18" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-17.jpg" target="_blank" rel="noopener">Слайд 18</a><h3 class="slides-content text-center font-bold"><div><p>HTML 4 Text-related Elements with New Meaning or Functionality in HTML5<br><p>The <b> element</div></h3></h3><!----><!----><div class="slides-content">should now be used to offset text without conveying importance, such as for keywords or product names.<br>The <i> element now indicates content in an alternate voice or mood, like spoken text.<br>The <strong> element indicates strong importance.<br>The <em> element indicates emphatic stress.<br>The <small> element should be used for small print, like a copyright line.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide19" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-18.jpg" target="_blank" rel="noopener">Слайд 19</a><h3 class="slides-content text-center font-bold"><div><p>Some New HTML5 Elements<br><p>The <mark> element highlights text on a page, similar to</div></h3></h3><!----><!----><div class="slides-content">the highlighting feature in Microsoft Word.<br>The <time> element displays a machine-readable time and date, such as 10:10 A.M., CST, July 19, 2012, which is handy for blogs and calendars, and potentially helps search engines provide better results when time and date are part of the search criteria.<br>The <wbr> defines possible line-break.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide20" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-19.jpg" target="_blank" rel="noopener">Слайд 20</a><h3 class="slides-content text-center font-bold"><div><p>Deprecation<br><p>While new elements become available, the W3C earmarks other elements for eventual removal</div></h3></h3><!----><!----><div class="slides-content">because their functionality is no longer useful. <br>Removing elements from the list of available HTML elements is referred to as deprecation.<br>Note: The same thing applies to attributes and CSS properties.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide21" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-20.jpg" target="_blank" rel="noopener">Слайд 21</a><h3 class="slides-content text-center font-bold"><div><p>Examples of Deprecated HTML Elements<br><p><big>: Makes text bigger relative to the current font</div></h3></h3><!----><!----><div class="slides-content">size<br><center>: Center-aligns text and content<br>The fix: Use CSS instead<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide22" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-21.jpg" target="_blank" rel="noopener">Слайд 22</a><h3 class="slides-content text-center font-bold"><div><p>Image Basics<br><p>A raster image is made up of pixels.<br>Example: A photograph<br>Formats: JPG, PNG,</div></h3></h3><!----><!----><div class="slides-content">GIF, BMP<br>A vector image is made up of lines and curves based on mathematical expressions.<br>Example: Adobe Illustrator AI file<br>Formats: PNG or GIF for Web display<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide23" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-22.jpg" target="_blank" rel="noopener">Слайд 23</a><h3 class="slides-content text-center font-bold"><div><p>The img element<br><p>Use img to add images to an HTML document<br>Example: <img src="images/redball.jpg"</div></h3></h3><!----><!----><div class="slides-content">alt="Red ball graphic" /><br>The src attribute and the alt attribute are required to be fully valid.<br>The W3C requires the alt attribute for accessibility by people with disabilities.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide24" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-23.jpg" target="_blank" rel="noopener">Слайд 24</a><h3 class="slides-content text-center font-bold"><div><p>figure and figcaption Elements <br><p>The figure element specifies the type of figure you’re</div></h3></h3><!----><!----><div class="slides-content">adding<br>The figcaption element adds a caption to an image on a Web page<br>Can display the caption before or after the image<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide25" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-24.jpg" target="_blank" rel="noopener">Слайд 25</a><h3 class="slides-content text-center font-bold"><div><p>figure and figcaption Example <br></div></h3></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide26" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-25.jpg" target="_blank" rel="noopener">Слайд 26</a><h3 class="slides-content text-center font-bold"><div><p>Side by Side Example <br><p>Illustrations: © MightyIsland/iStockphoto<br></div></h3></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide27" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-26.jpg" target="_blank" rel="noopener">Слайд 27</a><h3 class="slides-content text-center font-bold"><div><p>Canvas<br><p>Use JavaScript to draw pixel-based shapes on a canvas<br>Include color, gradients, and pattern</div></h3></h3><!----><!----><div class="slides-content">fills<br>Render text with various embellishments<br>Animate objects by making them move, change scale, and so on<br>Basic syntax for the canvas element:<br><canvas id="smlRectangle" height="100"<br>width="200"></canvas><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide28" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-27.jpg" target="_blank" rel="noopener">Слайд 28</a><h3 class="slides-content text-center font-bold"><div><p>Canvas Example<br></div></h3></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide29" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-28.jpg" target="_blank" rel="noopener">Слайд 29</a><h3 class="slides-content text-center font-bold"><div><p>Canvas Example<br></div></h3></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide30" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-29.jpg" target="_blank" rel="noopener">Слайд 30</a><h3 class="slides-content text-center font-bold"><div><p>Fallback<br><p>“Backup” content that displays if primary content cannot<br>Can be a problem with some</div></h3></h3><!----><!----><div class="slides-content">older browsers<br>Cannot render canvas drawings or animation, for example<br>Fallback adds an image, text, or some other HTML content within the canvas element that displays if the drawing cannot<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide31" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-30.jpg" target="_blank" rel="noopener">Слайд 31</a><h3 class="slides-content text-center font-bold"><div><p>Scalable Vector Graphics (SVG)<br><p>A language for describing 2D vector graphics in Extensible Markup</div></h3></h3><!----><!----><div class="slides-content">Language (XML)<br>SVG graphics referred to as objects<br>SVG loads into the DOM<br>Vector graphic changes size to fit screen, whether 32-inch PC monitor or smartphone<br>SVG is not new, but HTML5 can embed SVG objects in Web pages without using <object> or <embed> tags<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide32" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-31.jpg" target="_blank" rel="noopener">Слайд 32</a><h3 class="slides-content text-center font-bold"><div><p>SVG Example<br></div></h3></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide33" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-32.jpg" target="_blank" rel="noopener">Слайд 33</a><h3 class="slides-content text-center font-bold"><div><p>SVG Example<br></div></h3></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide34" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-33.jpg" target="_blank" rel="noopener">Слайд 34</a><h3 class="slides-content text-center font-bold"><div><p>When to Use Canvas Instead of SVG<br><p>If the drawing is relatively small, use</div></h3></h3><!----><!----><div class="slides-content">canvas.<br>If the drawing requires a large number of objects, use canvas; SVG degrades as it continually adds objects to the DOM<br>Generally, use canvas for small screens and SVG for larger screens.<br>If you must create highly detailed vector documents that must scale well, go with SVG.<br>If you are displaying real-time data output, such as maps, map overlays, weather data, and so on, use canvas.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide35" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-34.jpg" target="_blank" rel="noopener">Слайд 35</a><h3 class="slides-content text-center font-bold"><div><p>video Element<br><p>Enables you to incorporate videos in HTML documents using minimal code<br>Markup example:<br><video</div></h3></h3><!----><!----><div class="slides-content">src="intro.mp4" width="400" height="300"><br></video><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide36" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-35.jpg" target="_blank" rel="noopener">Слайд 36</a><h3 class="slides-content text-center font-bold"><div><p>video Attributes<br><p>poster: Displays a static image file before the video loads<br>autoplay: Start playing</div></h3></h3><!----><!----><div class="slides-content">the video automatically upon page load<br>controls: Displays a set of controls for playing, pausing, and stopping the video, and controlling the volume<br>loop: Repeats the video<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide37" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-36.jpg" target="_blank" rel="noopener">Слайд 37</a><h3 class="slides-content text-center font-bold"><div><p>Video Markup Example<br><p><video width="320" height="240" controls>   <source src="movie.mp4" type="video/mp4">   <source src="movie.ogg" type="video/ogg">   Your browser does not support the video tag. </video><br></div></h3></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide38" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-37.jpg" target="_blank" rel="noopener">Слайд 38</a><h3 class="slides-content text-center font-bold"><div><p>audio Element<br><p>Enables you to incorporate audio (music, other sounds) in HTML documents using</div></h3></h3><!----><!----><div class="slides-content">minimal code<br>Markup example:<br><audio src="sample.mp3" controls="controls"><br></audio><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide39" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-38.jpg" target="_blank" rel="noopener">Слайд 39</a><h3 class="slides-content text-center font-bold"><div><p>audio Example<br></div></h3></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide40" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-39.jpg" target="_blank" rel="noopener">Слайд 40</a><h3 class="slides-content text-center font-bold"><div><p>audio Example<br></div></h3></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide41" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/9571/slide-40.jpg" target="_blank" rel="noopener">Слайд 41</a><h3 class="slides-content text-center font-bold"><div><p>Practice Task<br></div></h3></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><!----></div><!--]--></div><div class="section"><div></div></div><form id="download" action="/api/" method="post" class="download"><!----><div class="download-description"> Имя файла: Building-the-user-interface-by-using-HTML5.-Text,-graphics-and-media.pptx <br> Количество просмотров: 95 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/uncategorized/zhanysh-syytytar-temperaturasy" class="navigation-link">Жанғыш сұйықтықтар температурасы</a></div><div class="navigation-item"><div>Следующая -</div><a href="/uncategorized/otyn-energetikaly-keshen-keshenn-erekshelg-men" class="navigation-link">Отын энергетикалық кешен. Кешеннің ерекшелігі мен маңызы. Мұнай және газ өнеркәсібі. Көмір өнеркәсібі. Электр қуаты</a></div></div></div></div><div class="item-layoutRelated"><div class="section"><div></div></div></div></div><div class="item-layout"><div class="related"><h2 class="related-header">Похожие презентации</h2><div class="related-wrapper"><!--[--><div class="related-item"><a href="/informatika/izuchenie-ponyatiy-informatsiya-informatizatsiya-i-informatsionnye" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/185228/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/185228/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/185228/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/185228/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/185228/slide-0.jpg 1440w" class="slides-image related-itemImage"> Изучение понятий: информация, информатизация и информационные технологии, информационные процессы, информационное общество</a></div><div class="related-item"><a href="/informatika/protsessy-osnovnye-ponyatiya-klassifikatsiya-protsessov-adresnoe" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/186883/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/186883/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/186883/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/186883/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/186883/slide-0.jpg 1440w" class="slides-image related-itemImage"> Процессы. Основные понятия. Классификация процессов. Адресное пространство процесса. Основные ресурсы процесса. (Лекция 7)</a></div><div class="related-item"><a href="/informatika/avtomatizatsiya-otdela-prodazh-na-baze-bitriks24" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/298410/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/298410/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/298410/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/298410/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/298410/slide-0.jpg 1440w" class="slides-image related-itemImage"> Автоматизация отдела продаж на базе Битрикс24</a></div><div class="related-item"><a href="/informatika/ezhemesyachnaya-gazeta-mbou-krasnoyasylskaya-srednyaya-obshcheobrazovatelnaya-4" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/150311/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/150311/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/150311/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/150311/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/150311/slide-0.jpg 1440w" class="slides-image related-itemImage"> Ежемесячная газета МБОУ Красноясыльская средняя общеобразовательная школа Школьная жизнь №12</a></div><div class="related-item"><a href="/informatika/edinitsy-izmereniya-informatsii-10" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/487975/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/487975/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/487975/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/487975/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/487975/slide-0.jpg 1440w" class="slides-image related-itemImage"> Единицы измерения информации</a></div><div class="related-item"><a href="/informatika/osnovnye-printsipy-strukturizatsii-i-normalizatsii-bazy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/606455/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/606455/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/606455/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/606455/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/606455/slide-0.jpg 1440w" class="slides-image related-itemImage"> Основные принципы структуризации и нормализации базы данных</a></div><div class="related-item"><a href="/informatika/bltty-esepteuler-zhne-yaly-baylanys-tehnologiyalaryn-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/219821/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/219821/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/219821/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/219821/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/219821/slide-0.jpg 1440w" class="slides-image related-itemImage"> Бұлттық есептеулер жəне ұялы байланыс технологияларын интеграциялау</a></div><div class="related-item"><a href="/informatika/filatov-andrey-v-45" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/397568/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/397568/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/397568/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/397568/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/397568/slide-0.jpg 1440w" class="slides-image related-itemImage"> Филатов Андрей В-45</a></div><div class="related-item"><a href="/informatika/odnomernye-massivy-v-yazyke-programmirovaniya-paskal-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/572598/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/572598/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/572598/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/572598/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/572598/slide-0.jpg 1440w" class="slides-image related-itemImage"> Одномерные массивы в языке программирования Паскаль. Составление программ.</a></div><div class="related-item"><a href="/informatika/nou-klub-znatokov-sektsiya-informatiki-infoznayka" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/544040/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/544040/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/544040/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/544040/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/544040/slide-0.jpg 1440w" class="slides-image related-itemImage"> НОУ Клуб знатоков. Секция информатики Инфознайка</a></div><div class="related-item"><a href="/informatika/java-introduction" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/107709/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/107709/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/107709/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/107709/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/107709/slide-0.jpg 1440w" class="slides-image related-itemImage"> Java introduction</a></div><div class="related-item"><a href="/informatika/vneshnie-mezhdunarodnye-informatsionnye-resursy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/159725/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/159725/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/159725/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/159725/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/159725/slide-0.jpg 1440w" class="slides-image related-itemImage"> Внешние международные информационные ресурсы</a></div><div class="related-item"><a href="/informatika/osnovy-programmirovaniya-na-python-lektsiya-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/140080/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/140080/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/140080/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/140080/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/140080/slide-0.jpg 1440w" class="slides-image related-itemImage"> Основы программирования на Python. Лекция 1</a></div><div class="related-item"><a href="/informatika/iterativnaya-model-bazovyy-kurs" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/190175/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/190175/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/190175/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/190175/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/190175/slide-0.jpg 1440w" class="slides-image related-itemImage"> Итеративная модель (базовый курс)</a></div><div class="related-item"><a href="/informatika/programmirovanie-na-yazyke-python-algoritm-i-3" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/583619/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/583619/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/583619/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/583619/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/583619/slide-0.jpg 1440w" class="slides-image related-itemImage"> Программирование на языке Python. Алгоритм и его свойства</a></div><div class="related-item"><a href="/informatika/rastrovaya-grafika-6" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/370534/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/370534/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/370534/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/370534/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/370534/slide-0.jpg 1440w" class="slides-image related-itemImage"> Растровая графика</a></div><div class="related-item"><a href="/informatika/pakety-prikladnyh-programm-po-opredeleniyu-ustoychivosti" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/269460/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/269460/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/269460/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/269460/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/269460/slide-0.jpg 1440w" class="slides-image related-itemImage"> Пакеты прикладных программ по определению устойчивости горных пород. Программа RocLab</a></div><div class="related-item"><a href="/informatika/informatsionnye-resursy-v-rabote-profsoyuzov" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/411370/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/411370/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/411370/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/411370/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/411370/slide-0.jpg 1440w" class="slides-image related-itemImage"> Информационные ресурсы в работе профсоюзов</a></div><div class="related-item"><a href="/informatika/personalnyy-kompyuter-28" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/413612/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/413612/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/413612/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/413612/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/413612/slide-0.jpg 1440w" class="slides-image related-itemImage"> Персональный компьютер</a></div><div class="related-item"><a href="/informatika/pamyatka-regionam-po-vedeniyu-sotssetey" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/304884/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/304884/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/304884/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/304884/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/304884/slide-0.jpg 1440w" class="slides-image related-itemImage"> Памятка регионам по ведению соцсетей</a></div><div class="related-item"><a href="/informatika/predstavlenie-i-obrabotka-informatsii-v-intellektualnyh" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/594502/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/594502/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/594502/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/594502/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/594502/slide-0.jpg 1440w" class="slides-image related-itemImage"> Представление и обработка информации в интеллектуальных системах</a></div><div class="related-item"><a href="/informatika/funktsonalna-struktura-tipovo-nformatsyno-sistemi-dlya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/418159/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/418159/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/418159/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/418159/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/418159/slide-0.jpg 1440w" class="slides-image related-itemImage"> Функціональна структура типової інформаційної системи для потреб оцінювання</a></div><div class="related-item"><a href="/informatika/stroki-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/272699/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/272699/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/272699/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/272699/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/272699/slide-0.jpg 1440w" class="slides-image related-itemImage"> Строки</a></div><div class="related-item"><a href="/informatika/ekonomiko-matematicheskie-metody-i-modeli-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/389886/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/389886/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/389886/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/389886/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/389886/slide-0.jpg 1440w" class="slides-image related-itemImage"> Экономико-математические методы и модели</a></div><div class="related-item"><a href="/informatika/redaktor-prezentatsiy-power-point-chast-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/361028/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/361028/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/361028/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/361028/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/361028/slide-0.jpg 1440w" class="slides-image related-itemImage"> Редактор презентаций Power Point. (Часть 2)</a></div><div class="related-item"><a href="/informatika/mezhprotsessnoe-vzaimodeystvie-sinhronizatsiya-potokov-s-ispolzovaniem" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/152382/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/152382/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/152382/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/152382/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/152382/slide-0.jpg 1440w" class="slides-image related-itemImage"> Межпроцессное взаимодействие. Синхронизация потоков с использованием объектов ядра Windows 2000+</a></div><div class="related-item"><a href="/informatika/primenenie-ikt-v-obuchenii-inostrannomu-yazyku" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/288672/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/288672/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/288672/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/288672/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/288672/slide-0.jpg 1440w" class="slides-image related-itemImage"> Применение ИКТ в обучении иностранному языку</a></div><div class="related-item"><a href="/informatika/prezentatsiya-k-uroku-informatiki-sovmestimye-i" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/521276/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/521276/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/521276/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/521276/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/521276/slide-0.jpg 1440w" class="slides-image related-itemImage"> Презентация к уроку информатики Совместимые и несовместимые понятия</a></div><!--]--></div></div></div></div><!--]--><!--]--><!--]--></div></div></main><footer class="footer"><div class="layout"><!----><div class="footer-contacts"><svg class="footer-contactsIcon" viewBox="0 0 27 26" xmlns="http://www.w3.org/2000/svg"><use xlink:href="/images/icons.svg#contacts"></use></svg> Обратная связь</div><!----><div class="footer-contactsEmail"> Email: <span class="footer-contactsShow">Нажмите что бы посмотреть</span></div></div></footer></div><!--]--></div><script>window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T){return {data:{meta:{result:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F}},item:{result:{id:9571,name:k,category:G,count:42,jpg:"jpg\u002F9571",hits:95,download:b,h1:"Building the user interface by using HTML5. Text, graphics and media презентация",meta:{h1:k,title:k,description:"Building the user interface by using HTML5. Text, graphics and media презентация на тему, доклад, Информатика",keywords:"Building the user interface by using HTML5. Text, graphics and media, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Building the user interface by using HTML5. Text, graphics and media из раздела Информатика. Презентация на заданную тему содержит 42 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EAgenta\u003Cbr\u003E\u003Cp\u003ETags\u003Cbr\u003EElements\u003Cbr\u003EAttributes\u003Cbr\u003ENesting \u003Cbr\u003EEntities\u003Cbr\u003EDoctype\u003Cbr\u003EModified HTML 4.01 elements and new HTML5 elements\u003Cbr\u003EDeprecation\u003Cbr\u003EFigures and figure captions\u003Cbr\u003ECanvas and SVG\u003Cbr\u003EAudio and video\u003Cbr\u003E \u003Cp\u003EHTML Documents and HTTP Proto",file:"Building-the-user-interface-by-using-HTML5.-Text,-graphics-and-media.pptx",texts:["\u003Cp\u003EBuilding the User Interface by Using HTML5: Text, Graphics, and Media\u003Cbr\u003E\u003Cp\u003EVyacheslav Koldovskyy\r\nLast update: 25\u002F06\u002F2015\u003Cbr\u003E","\u003Cp\u003EAgenta\u003Cbr\u003E\u003Cp\u003ETags\u003Cbr\u003EElements\u003Cbr\u003EAttributes\u003Cbr\u003ENesting \u003Cbr\u003EEntities\u003Cbr\u003EDoctype\u003Cbr\u003EModified HTML 4.01 elements and new HTML5 elements\u003Cbr\u003EDeprecation\u003Cbr\u003EFigures and figure captions\u003Cbr\u003ECanvas and SVG\u003Cbr\u003EAudio and video\u003Cbr\u003E","\u003Cp\u003EHTML Documents and HTTP Protocol\u003Cbr\u003E\u003Cp\u003EHypertext Markup Language (HTML) is a markup language for Web pages\u003Cbr\u003EHypertext Transport Protocol (HTTP) is a protocol that ensures transport of pages to clients\u003Cbr\u003E\u003Cp\u003EDNS, \r\nHTTP\u003Cbr\u003E\u003Cp\u003EDNS\u003Cbr\u003E\u003Cp\u003EHTTP\u003Cbr\u003E","\u003Cp\u003EHTML Document\u003Cbr\u003E\u003Cp\u003EHTML document is a text document created to represent formatted information including text, vide, images, sounds\u003Cbr\u003EHTML document is created by tags and consists of sections \u003Cbr\u003E","\u003Cp\u003ETag Pairs\u003Cbr\u003E\u003Cp\u003ETags are keywords that determine structure of an HTML page\u003Cbr\u003EKeyword is surrounded by angled brackets\u003Cbr\u003EMost tags come in pairs\u003Cbr\u003EOpening or start tag\u003Cbr\u003EClosing or end tag\u003Cbr\u003E\u003Ch1\u003EPet Care 101\u003C\u002Fh1\u003E\u003Cbr\u003EClosing tag must have same case as opening tag\u003Cbr\u003E","\u003Cp\u003EEmpty Tags\u003Cbr\u003E\u003Cp\u003EEmpty tags don’t require an end tag\u003Cbr\u003EExamples:\u003Cbr\u003E\u003Cbr \u002F\u003E for a line break\u003Cbr\u003E\u003Chr \u002F\u003E for a horizontal line\u003Cbr\u003E","\u003Cp\u003ERequired HTML Tags\u003Cbr\u003E\u003Cp\u003ETags required on every Web page:\u003Cbr\u003E\u003C!doctype\u003E directive\u003Cbr\u003E\u003Chtml\u003E\u003Cbr\u003E\u003Chead\u003E\u003Cbr\u003E\u003Ctitle\u003E\u003Cbr\u003E\u003Cbody\u003E\u003Cbr\u003E","\u003Cp\u003EDoctype\u003Cbr\u003E\u003Cp\u003EA declaration found at the very top of almost every HTML document\u003Cbr\u003ESpecifies the language or rules the page uses\u003Cbr\u003EIn HTML, the DOCTYPE is case insensitive. The following DOCTYPEs are all valid:\u003Cbr\u003E\u003C!doctype html\u003E\u003Cbr\u003E\u003C!DOCTYPE html\u003E\u003Cbr\u003E\u003C!DOCTYPE HTML\u003E\u003Cbr\u003E\u003C!DoCtYpE hTmL\u003E\u003Cbr\u003E","\u003Cp\u003EDoctype\u003Cbr\u003E\u003Cp\u003EHTML 4.01 doctype example:\u003Cbr\u003E\u003C!DOCTYPE html PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD XHTML 1.1\u002F\u002FEN\"\r\n\"http:\u002F\u002Fwww.example.com\u002FTR\u002Fxhtml11\u002F\r\nDTD\u002Fxhtml11.dtd\"\u003E\u003Cbr\u003EHTML5 doctype:\u003Cbr\u003E\u003C!doctype html\u003E\u003Cbr\u003E","\u003Cp\u003ECommon HTML Tags\u003Cbr\u003E\u003Cp\u003E\u003Chtml\u003E: Identifies the page as an HTML document\u003Cbr\u003E\u003Chead\u003E: Contains markup and code used by the browser, such as scripts that add interactivity, and keywords to help search engines find the page\u003Cbr\u003E\u003Ctitle\u003E: Displays the title of the Web page, which appears at the top of the Web browser, usually on the page’s tab in a tabbed browser\u003Cbr\u003E\u003Cbody\u003E: Surrounds content that’s visible on the Web page when viewed in a Web browser\u003Cbr\u003E","\u003Cp\u003ECommon HTML Tags (Continued)\u003Cbr\u003E\u003Cp\u003E\u003Ca href=URL\u003E: Generally used to anchor a URL to text or an image; can create a named anchor within a document to allow for linking to sections of the document\u003Cbr\u003E\u003Cb\u003E: Applies boldface to text\u003Cbr\u003E\u003Chx\u003E: Creates a heading, which can be first level (h1) through sixth level (h6)\u003Cbr\u003E\u003Cimg\u003E: Inserts an image from a file or another Web site\u003Cbr\u003E\u003Cp\u003E: Defines text as a paragraph\u003Cbr\u003E","\u003Cp\u003EElements\u003Cbr\u003E\u003Cp\u003EA tag pair or an empty tag is also called an element.\u003Cbr\u003EAn element can describe content, insert graphics, and create hyperlinks.\u003Cbr\u003E","\u003Cp\u003EAttributes\u003Cbr\u003E\u003Cp\u003EModifiers of HTML elements that provide additional information\u003Cbr\u003EAre extensions of elements\u003Cbr\u003ESyntax: \u003Ctag attribute=\"value\"\u003E\u003Cbr\u003E","\u003Cp\u003ECreating a Link\u003Cbr\u003E\u003Cp\u003EExample:\u003Cbr\u003E\u003Ca href=\"http:\u002F\u002Fwww.example.com\"\u003EThis is a link.\u003C\u002Fa\u003EGlobal attribute\u003Cbr\u003E","\u003Cp\u003ENesting\u003Cbr\u003E\u003Cp\u003ETo place one element inside another\u003Cbr\u003EExample:\u003Cbr\u003E\u003Cp\u003EMake sure your pet has plenty of \u003Ci\u003E\u003Cb\u003Efresh water\u003C\u002Fi\u003E during hot weather.\u003C\u002Fp\u003E\u003C\u002Fb\u003E\u003Cbr\u003E","\u003Cp\u003EEntities\u003Cbr\u003E\u003Cp\u003EA special character, such as the dollar symbol, the registered trademark (a capital R within a circle), and accented letters\u003Cbr\u003EBegins with an ampersand (&) and ends with a semicolon (;)\u003Cbr\u003EExamples:\u003Cbr\u003Eentity ® represents the registered trademark symbol\u003Cbr\u003EIts numerical code is ®\u003Cbr\u003E","\u003Cp\u003EEntities (Continued)\u003Cbr\u003E\u003Cp\u003ECalled character encoding\u003Cbr\u003EUse UTF-8 encoding whenever possible\u003Cbr\u003EAdd the following declaration to the head element:\u003Cbr\u003E\u003Cmeta charset=\"UTF-8\"\u003E\u003Cbr\u003E","\u003Cp\u003EHTML 4 Text-related Elements with New Meaning or Functionality in HTML5\u003Cbr\u003E\u003Cp\u003EThe \u003Cb\u003E element should now be used to offset text without conveying importance, such as for keywords or product names.\u003Cbr\u003EThe \u003Ci\u003E element now indicates content in an alternate voice or mood, like spoken text.\u003Cbr\u003EThe \u003Cstrong\u003E element indicates strong importance.\u003Cbr\u003EThe \u003Cem\u003E element indicates emphatic stress.\u003Cbr\u003EThe \u003Csmall\u003E element should be used for small print, like a copyright line.\u003Cbr\u003E","\u003Cp\u003ESome New HTML5 Elements\u003Cbr\u003E\u003Cp\u003EThe \u003Cmark\u003E element highlights text on a page, similar to the highlighting feature in Microsoft Word.\u003Cbr\u003EThe \u003Ctime\u003E element displays a machine-readable time and date, such as 10:10 A.M., CST, July 19, 2012, which is handy for blogs and calendars, and potentially helps search engines provide better results when time and date are part of the search criteria.\u003Cbr\u003EThe \u003Cwbr\u003E defines possible line-break.\u003Cbr\u003E","\u003Cp\u003EDeprecation\u003Cbr\u003E\u003Cp\u003EWhile new elements become available, the W3C earmarks other elements for eventual removal because their functionality is no longer useful. \u003Cbr\u003ERemoving elements from the list of available HTML elements is referred to as deprecation.\u003Cbr\u003ENote: The same thing applies to attributes and CSS properties.\u003Cbr\u003E","\u003Cp\u003EExamples of Deprecated HTML Elements\u003Cbr\u003E\u003Cp\u003E\u003Cbig\u003E: Makes text bigger relative to the current font size\u003Cbr\u003E\u003Ccenter\u003E: Center-aligns text and content\u003Cbr\u003EThe fix: Use CSS instead\u003Cbr\u003E","\u003Cp\u003EImage Basics\u003Cbr\u003E\u003Cp\u003EA raster image is made up of pixels.\u003Cbr\u003EExample: A photograph\u003Cbr\u003EFormats: JPG, PNG, GIF, BMP\u003Cbr\u003EA vector image is made up of lines and curves based on mathematical expressions.\u003Cbr\u003EExample: Adobe Illustrator AI file\u003Cbr\u003EFormats: PNG or GIF for Web display\u003Cbr\u003E","\u003Cp\u003EThe img element\u003Cbr\u003E\u003Cp\u003EUse img to add images to an HTML document\u003Cbr\u003EExample: \u003Cimg src=\"images\u002Fredball.jpg\" alt=\"Red ball graphic\" \u002F\u003E\u003Cbr\u003EThe src attribute and the alt attribute are required to be fully valid.\u003Cbr\u003EThe W3C requires the alt attribute for accessibility by people with disabilities.\u003Cbr\u003E","\u003Cp\u003Efigure and figcaption Elements \u003Cbr\u003E\u003Cp\u003EThe figure element specifies the type of figure you’re adding\u003Cbr\u003EThe figcaption element adds a caption to an image on a Web page\u003Cbr\u003ECan display the caption before or after the image\u003Cbr\u003E","\u003Cp\u003Efigure and figcaption Example \u003Cbr\u003E","\u003Cp\u003ESide by Side Example \u003Cbr\u003E\u003Cp\u003EIllustrations: © MightyIsland\u002FiStockphoto\u003Cbr\u003E","\u003Cp\u003ECanvas\u003Cbr\u003E\u003Cp\u003EUse JavaScript to draw pixel-based shapes on a canvas\u003Cbr\u003EInclude color, gradients, and pattern fills\u003Cbr\u003ERender text with various embellishments\u003Cbr\u003EAnimate objects by making them move, change scale, and so on\u003Cbr\u003EBasic syntax for the canvas element:\u003Cbr\u003E\u003Ccanvas id=\"smlRectangle\" height=\"100\"\u003Cbr\u003Ewidth=\"200\"\u003E\u003C\u002Fcanvas\u003E\u003Cbr\u003E",H,H,"\u003Cp\u003EFallback\u003Cbr\u003E\u003Cp\u003E“Backup” content that displays if primary content cannot\u003Cbr\u003ECan be a problem with some older browsers\u003Cbr\u003ECannot render canvas drawings or animation, for example\u003Cbr\u003EFallback adds an image, text, or some other HTML content within the canvas element that displays if the drawing cannot\u003Cbr\u003E","\u003Cp\u003EScalable Vector Graphics (SVG)\u003Cbr\u003E\u003Cp\u003EA language for describing 2D vector graphics in Extensible Markup Language (XML)\u003Cbr\u003ESVG graphics referred to as objects\u003Cbr\u003ESVG loads into the DOM\u003Cbr\u003EVector graphic changes size to fit screen, whether 32-inch PC monitor or smartphone\u003Cbr\u003ESVG is not new, but HTML5 can embed SVG objects in Web pages without using \u003Cobject\u003E or \u003Cembed\u003E tags\u003Cbr\u003E",I,I,"\u003Cp\u003EWhen to Use Canvas Instead of SVG\u003Cbr\u003E\u003Cp\u003EIf the drawing is relatively small, use canvas.\u003Cbr\u003EIf the drawing requires a large number of objects, use canvas; SVG degrades as it continually adds objects to the DOM\u003Cbr\u003EGenerally, use canvas for small screens and SVG for larger screens.\u003Cbr\u003EIf you must create highly detailed vector documents that must scale well, go with SVG.\u003Cbr\u003EIf you are displaying real-time data output, such as maps, map overlays, weather data, and so on, use canvas.\u003Cbr\u003E","\u003Cp\u003Evideo Element\u003Cbr\u003E\u003Cp\u003EEnables you to incorporate videos in HTML documents using minimal code\u003Cbr\u003EMarkup example:\u003Cbr\u003E\u003Cvideo src=\"intro.mp4\" width=\"400\" height=\"300\"\u003E\u003Cbr\u003E\u003C\u002Fvideo\u003E\u003Cbr\u003E","\u003Cp\u003Evideo Attributes\u003Cbr\u003E\u003Cp\u003Eposter: Displays a static image file before the video loads\u003Cbr\u003Eautoplay: Start playing the video automatically upon page load\u003Cbr\u003Econtrols: Displays a set of controls for playing, pausing, and stopping the video, and controlling the volume\u003Cbr\u003Eloop: Repeats the video\u003Cbr\u003E","\u003Cp\u003EVideo Markup Example\u003Cbr\u003E\u003Cp\u003E\u003Cvideo width=\"320\" height=\"240\" controls\u003E\r\n  \u003Csource src=\"movie.mp4\" type=\"video\u002Fmp4\"\u003E\r\n  \u003Csource src=\"movie.ogg\" type=\"video\u002Fogg\"\u003E\r\n  Your browser does not support the video tag.\r\n\u003C\u002Fvideo\u003E\u003Cbr\u003E","\u003Cp\u003Eaudio Element\u003Cbr\u003E\u003Cp\u003EEnables you to incorporate audio (music, other sounds) in HTML documents using minimal code\u003Cbr\u003EMarkup example:\u003Cbr\u003E\u003Caudio src=\"sample.mp3\" controls=\"controls\"\u003E\u003Cbr\u003E\u003C\u002Faudio\u003E\u003Cbr\u003E",J,J,"\u003Cp\u003EPractice Task\u003Cbr\u003E","\u003Cp\u003EThank You!\u003Cbr\u003E\u003Cp\u003ECopyright © 2010 SoftServe, Inc.\u003Cbr\u003E\u003Cp\u003EContacts\u003Cbr\u003E\u003Cp\u003EEurope Headquarters \u003Cbr\u003E52 V. Velykoho Str.\u003Cbr\u003ELviv 79053, Ukraine\u003Cbr\u003ETel: +380-32-240-9090\r\nFax: +380-32-240-9080\u003Cbr\u003EE-mail: info@softserveinc.com\u003Cbr\u003EWebsite: www.softserveinc.com\u003Cbr\u003E\u003Cp\u003EUS Headquarters\u003Cbr\u003E12800 University Drive, Suite 250\r\nFort Myers, FL 33907, USA\u003Cbr\u003ETel: 239-690-3111 \r\nFax: 239-690-3116\u003Cbr\u003E"],href:"\u002Finformatika\u002Fbuilding-the-user-interface-by-using",href_category:"\u002Finformatika",date:1623987053,related:[{id:185228,name:"Изучение понятий: информация, информатизация и информационные технологии, информационные процессы, информационное общество",href:"\u002Finformatika\u002Fizuchenie-ponyatiy-informatsiya-informatizatsiya-i-informatsionnye",jpg:"jpg\u002F185228"},{id:186883,name:"Процессы. Основные понятия. Классификация процессов. Адресное пространство процесса. Основные ресурсы процесса. (Лекция 7)",href:"\u002Finformatika\u002Fprotsessy-osnovnye-ponyatiya-klassifikatsiya-protsessov-adresnoe",jpg:"jpg\u002F186883"},{id:298410,name:"Автоматизация отдела продаж на базе Битрикс24",href:"\u002Finformatika\u002Favtomatizatsiya-otdela-prodazh-na-baze-bitriks24",jpg:"jpg\u002F298410"},{id:150311,name:"Ежемесячная газета МБОУ Красноясыльская средняя общеобразовательная школа Школьная жизнь №12",href:"\u002Finformatika\u002Fezhemesyachnaya-gazeta-mbou-krasnoyasylskaya-srednyaya-obshcheobrazovatelnaya-4",jpg:"jpg\u002F150311"},{id:487975,name:"Единицы измерения информации",href:"\u002Finformatika\u002Fedinitsy-izmereniya-informatsii-10",jpg:"jpg\u002F487975"},{id:606455,name:"Основные принципы структуризации и нормализации базы данных",href:"\u002Finformatika\u002Fosnovnye-printsipy-strukturizatsii-i-normalizatsii-bazy",jpg:"jpg\u002F606455"},{id:219821,name:"Бұлттық есептеулер жəне ұялы байланыс технологияларын интеграциялау",href:"\u002Finformatika\u002Fbltty-esepteuler-zhne-yaly-baylanys-tehnologiyalaryn-2",jpg:"jpg\u002F219821"},{id:397568,name:"Филатов Андрей В-45",href:"\u002Finformatika\u002Ffilatov-andrey-v-45",jpg:"jpg\u002F397568"},{id:572598,name:"Одномерные массивы в языке программирования Паскаль. Составление программ.",href:"\u002Finformatika\u002Fodnomernye-massivy-v-yazyke-programmirovaniya-paskal-2",jpg:"jpg\u002F572598"},{id:544040,name:"НОУ Клуб знатоков. Секция информатики Инфознайка",href:"\u002Finformatika\u002Fnou-klub-znatokov-sektsiya-informatiki-infoznayka",jpg:"jpg\u002F544040"},{id:107709,name:"Java introduction",href:"\u002Finformatika\u002Fjava-introduction",jpg:"jpg\u002F107709"},{id:159725,name:"Внешние международные информационные ресурсы",href:"\u002Finformatika\u002Fvneshnie-mezhdunarodnye-informatsionnye-resursy",jpg:"jpg\u002F159725"},{id:140080,name:"Основы программирования на Python. Лекция 1",href:"\u002Finformatika\u002Fosnovy-programmirovaniya-na-python-lektsiya-1",jpg:"jpg\u002F140080"},{id:190175,name:"Итеративная модель (базовый курс)",href:"\u002Finformatika\u002Fiterativnaya-model-bazovyy-kurs",jpg:"jpg\u002F190175"},{id:583619,name:"Программирование на языке Python. Алгоритм и его свойства",href:"\u002Finformatika\u002Fprogrammirovanie-na-yazyke-python-algoritm-i-3",jpg:"jpg\u002F583619"},{id:370534,name:"Растровая графика",href:"\u002Finformatika\u002Frastrovaya-grafika-6",jpg:"jpg\u002F370534"},{id:269460,name:"Пакеты прикладных программ по определению устойчивости горных пород. Программа RocLab",href:"\u002Finformatika\u002Fpakety-prikladnyh-programm-po-opredeleniyu-ustoychivosti",jpg:"jpg\u002F269460"},{id:411370,name:"Информационные ресурсы в работе профсоюзов",href:"\u002Finformatika\u002Finformatsionnye-resursy-v-rabote-profsoyuzov",jpg:"jpg\u002F411370"},{id:413612,name:"Персональный компьютер",href:"\u002Finformatika\u002Fpersonalnyy-kompyuter-28",jpg:"jpg\u002F413612"},{id:304884,name:"Памятка регионам по ведению соцсетей",href:"\u002Finformatika\u002Fpamyatka-regionam-po-vedeniyu-sotssetey",jpg:"jpg\u002F304884"},{id:594502,name:"Представление и обработка информации в интеллектуальных системах",href:"\u002Finformatika\u002Fpredstavlenie-i-obrabotka-informatsii-v-intellektualnyh",jpg:"jpg\u002F594502"},{id:418159,name:"Функціональна структура типової інформаційної системи для потреб оцінювання",href:"\u002Finformatika\u002Ffunktsonalna-struktura-tipovo-nformatsyno-sistemi-dlya",jpg:"jpg\u002F418159"},{id:272699,name:"Строки",href:"\u002Finformatika\u002Fstroki-2",jpg:"jpg\u002F272699"},{id:389886,name:"Экономико-математические методы и модели",href:"\u002Finformatika\u002Fekonomiko-matematicheskie-metody-i-modeli-2",jpg:"jpg\u002F389886"},{id:361028,name:"Редактор презентаций Power Point. (Часть 2)",href:"\u002Finformatika\u002Fredaktor-prezentatsiy-power-point-chast-2",jpg:"jpg\u002F361028"},{id:152382,name:"Межпроцессное взаимодействие. Синхронизация потоков с использованием объектов ядра Windows 2000+",href:"\u002Finformatika\u002Fmezhprotsessnoe-vzaimodeystvie-sinhronizatsiya-potokov-s-ispolzovaniem",jpg:"jpg\u002F152382"},{id:288672,name:"Применение ИКТ в обучении иностранному языку",href:"\u002Finformatika\u002Fprimenenie-ikt-v-obuchenii-inostrannomu-yazyku",jpg:"jpg\u002F288672"},{id:521276,name:"Презентация к уроку информатики Совместимые и несовместимые понятия",href:"\u002Finformatika\u002Fprezentatsiya-k-uroku-informatiki-sovmestimye-i",jpg:"jpg\u002F521276"}],navigation:{next:"\u002Funcategorized\u002Fotyn-energetikaly-keshen-keshenn-erekshelg-men",next_name:"Отын энергетикалық кешен. Кешеннің ерекшелігі мен маңызы. Мұнай және газ өнеркәсібі. Көмір өнеркәсібі. Электр қуаты",prev:"\u002Funcategorized\u002Fzhanysh-syytytar-temperaturasy",prev_name:"Жанғыш сұйықтықтар температурасы"}}},categories:{result:[{id:K,ordering:b,name:"Без категории",pseudoname:"uncategorized"},{id:144,ordering:b,name:"Бизнес",pseudoname:"biznes"},{id:146,ordering:b,name:"Образование",pseudoname:"obrazovanie"},{id:149,ordering:b,name:"Финансы",pseudoname:"finansy"},{id:150,ordering:b,name:"Государство",pseudoname:"gosudarstvo"},{id:152,ordering:b,name:"Спорт",pseudoname:"sport"},{id:154,ordering:b,name:"Армия",pseudoname:"armiya"},{id:156,ordering:b,name:"Культурология",pseudoname:"kulturologiya"},{id:157,ordering:b,name:"Еда и кулинария",pseudoname:"eda-i-kulinariya"},{id:158,ordering:b,name:"Лингвистика",pseudoname:"lingvistika"},{id:163,ordering:b,name:"Черчение",pseudoname:"cherchenie"},{id:164,ordering:b,name:"Физкультура",pseudoname:"fizkultura"},{id:165,ordering:b,name:"ИЗО",pseudoname:"izo"},{id:166,ordering:b,name:"Психология",pseudoname:"psihologiya"},{id:116,ordering:K,name:"Английский язык",pseudoname:"angliyskiy-yazyk"},{id:108,ordering:2,name:"Астрономия",pseudoname:"astronomiya"},{id:104,ordering:3,name:"Алгебра",pseudoname:"algebra"},{id:106,ordering:4,name:"Биология",pseudoname:"biologiya"},{id:142,ordering:5,name:"География",pseudoname:"geografiya"},{id:141,ordering:6,name:"Геометрия",pseudoname:"geometria"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:G,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:10,name:"Литература",pseudoname:"literatura"},{id:119,ordering:11,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:h,name:"Медицина",pseudoname:"medetsina"},{id:118,ordering:14,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:15,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:17,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:20,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:26,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:L,SITE_HOST:"mypreza.com",SITE_LANG:M,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:L,short_name:a,description:a,lang:M,start_url:"\u002F?standalone=true",display:"standalone",background_color:j,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:d,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:d,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:d,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:d,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:d,sizes:S,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:d,sizes:T,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:d,sizes:T,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:b,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F,token:a}}}}("",0,false,"image\u002Fpng",true,"any","maskable",13,"#d53032","#ffffff","Building the user interface by using HTML5. Text, graphics and media","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","mypreza@ya.ru","h3a","text","none","h3","category","both",80,800,"\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E","Информатика","\u003Cp\u003ECanvas Example\u003Cbr\u003E","\u003Cp\u003ESVG Example\u003Cbr\u003E","\u003Cp\u003Eaudio Example\u003Cbr\u003E",1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.0d6add34.js" crossorigin></script></body> </html>