» » » Технология создания сайтов
Технология создания сайтов

Презентация на тему Технология создания сайтов


Презентацию на тему Технология создания сайтов можно скачать абсолютно бесплатно на нашем сайте. Предмет презентации : Информатика. Красочные слайды и илюстрации помогут вам заинтересовать своих одноклассников или аудиторию. Для просмотра содержимого презентации воспользуйтесь плеером, или если вы хотите скачать презентацию - нажмите на соответствующий текст под плеером. Презентация содержит 13 слайдов.

Слайды презентации

Слайд 1: Презентация Технология создания сайтов
Слайд 1

Элективный курс по информатике

Технология создания сайтов

Слайд 2: Презентация Технология создания сайтов
Слайд 2

Технология совершенствования вида сайта при изучении графики

Цели урока: создание изображения для веб-страниц; размещение графического изображения на веб-странице;

Слайд 3: Презентация Технология создания сайтов
Слайд 3

Вопросы на повторение

Какие знания нам необходимы для того, чтобы создать web-страницу?

Зачем используются web – редакторы, в частности, МS FrontPage?

Назовите форматы графических файлов.

Перечислите достоинства и недостатки растрового и векторного форматов.

Слайд 4: Презентация Технология создания сайтов
Слайд 4

Достоинства и недостатки растрового и векторного форматов.

Растровый формат Векторный формат Достоинства Недостатки

Простота. Каждый пиксел изображения описывается отдельно;

Создано много внешних устройств для ввода;

Можно добиваться тончайшей передачи цвета

Форматы файлов являются стандартными.

Экономичность. Требуется мало места на диске;

Объекты векторной графики просто трансформируются, и это не оказывает практически никакого влияния на качество изображения;

Векторная графика максимально использует возможности разрешающей способности любого выводного устройства

Объем файла точечной графики зависит от количества пикселов в изображении и глубины цвета;

Размер изображения зависит от размера и разрешения экрана монитора;

При попытке слегка повернуть на небольшой угол изображение, линии превращаются в заметные ступеньки.

Каждая программа сохраняет данные в своем собственном формате;

Сложность векторного принципа описания изображения не позволяет автоматизировать ввод графической информации;

Векторная графика ограничена в чисто живописных средствах и не предназначена для создания реалистических изображений.

Слайд 5: Презентация Технология создания сайтов
Слайд 5
Слайд 6: Презентация Технология создания сайтов
Слайд 6
Тестовая работа

1. Каким атрибутом для тэга задается всплывающая подсказка? title alt align scr 2. В какой строке допущена ошибка? рисунок 2. рисунок 3. 4.

рисунок

В первой Во второй В третьей В четвертой 3. Нужен ли закрывающий тэг для тэга ? Да Нет Да и Нет Такого тэга нет</p></div> </div><div class="prezslides"> <div class="prezslide_img"> <a href="https://files.prezentacii.org/18/03/47628/data/pres/screen7.jpg" rel="highslide" class="highslide"><img src="https://files.prezentacii.org/18/03/47628/data/pres/thumbs/screen7.jpg" alt='Слайд 7: Презентация Технология создания сайтов' title='Слайд 7: Презентация Технология создания сайтов' /></a> </div> <div class="prezslidenumber"><noindex>Слайд 7</noindex></div> <div class="prezslides_ann"><p>4. Между какими тэгами должно быть видимое наполнение сайта? <Html></Html> <Head></Head> <Body></Body> Нет правильного ответа 5. Какой атрибут задает цвет фона таблицы? background back fill bgcolor 6. Какой элемент не может содержать таблица? текст иллюстрации фреймы таблицы 7. Может ли элемент <A> ссылаться на ресурс, не являющийся документом HTML? Да Нет Только с применением атрибута "file" Только с применением атрибута "onfile"</p></div> </div><div class="prezslides"> <div class="prezslide_img"> <a href="https://files.prezentacii.org/18/03/47628/data/pres/screen8.jpg" rel="highslide" class="highslide"><img src="https://files.prezentacii.org/18/03/47628/data/pres/thumbs/screen8.jpg" alt='Слайд 8: Презентация Технология создания сайтов' title='Слайд 8: Презентация Технология создания сайтов' /></a> </div> <div class="prezslidenumber"><noindex>Слайд 8</noindex></div> <div class="prezslides_ann"><p>8. Какое значение атрибута "align" в тэге <p></p> задает выранивание по ширине? left justify top spase 9. Какой параметр для атрибута ссылки target задается автоматически? blank parent self Нет верных 10. Какой из тэгов не относится к изменению стиля текста? <i></i> <u></u> <tr></tr> <b></b></p></div> </div><div class="prezslides"> <div class="prezslide_img"> <a href="https://files.prezentacii.org/18/03/47628/data/pres/screen9.jpg" rel="highslide" class="highslide"><img src="https://files.prezentacii.org/18/03/47628/data/pres/thumbs/screen9.jpg" alt='Слайд 9: Презентация Технология создания сайтов' title='Слайд 9: Презентация Технология создания сайтов' /></a> </div> <div class="prezslidenumber"><noindex>Слайд 9</noindex></div> <div class="prezslides_ann"><p>Проектная деятельность</p></div> </div><div class="prezslides"> <div class="prezslide_img"> <a href="https://files.prezentacii.org/18/03/47628/data/pres/screen10.jpg" rel="highslide" class="highslide"><img src="https://files.prezentacii.org/18/03/47628/data/pres/thumbs/screen10.jpg" alt='Слайд 10: Презентация Технология создания сайтов' title='Слайд 10: Презентация Технология создания сайтов' /></a> </div> <div class="prezslidenumber"><noindex>Слайд 10</noindex></div> <div class="prezslides_ann"><p>Демонстрация лучших проектов</p></div> </div><div class="prezslides"> <div class="prezslide_img"> <a href="https://files.prezentacii.org/18/03/47628/data/pres/screen11.jpg" rel="highslide" class="highslide"><img src="https://files.prezentacii.org/18/03/47628/data/pres/thumbs/screen11.jpg" alt='Слайд 11: Презентация Технология создания сайтов' title='Слайд 11: Презентация Технология создания сайтов' /></a> </div> <div class="prezslidenumber"><noindex>Слайд 11</noindex></div> <div class="prezslides_ann"><p>Критерии оценок web-страницы</p></div> </div><div class="prezslides"> <div class="prezslide_img"> <a href="https://files.prezentacii.org/18/03/47628/data/pres/screen12.jpg" rel="highslide" class="highslide"><img src="https://files.prezentacii.org/18/03/47628/data/pres/thumbs/screen12.jpg" alt='Слайд 12: Презентация Технология создания сайтов' title='Слайд 12: Презентация Технология создания сайтов' /></a> </div> <div class="prezslidenumber"><noindex>Слайд 12</noindex></div> <div class="prezslides_ann">Домашнее задание<p>Что вы дополнительно хотели бы изучить по этой теме?</p><p>Опишите, что лично вы узнали при изучении темы «Графика».</p><p>Как вы считаете, обязательно ли использовать графику на web-странице?</p></div> </div><div class="prezslides"> <div class="prezslide_img"> <a href="https://files.prezentacii.org/18/03/47628/data/pres/screen13.jpg" rel="highslide" class="highslide"><img src="https://files.prezentacii.org/18/03/47628/data/pres/thumbs/screen13.jpg" alt='Слайд 13: Презентация Технология создания сайтов' title='Слайд 13: Презентация Технология создания сайтов' /></a> </div> <div class="prezslidenumber"><noindex>Слайд 13</noindex></div> <div class="prezslides_ann"><p>До свидания. Спасибо за урок!</p></div> </div> <br /> <h2 style="margin: 15px;display: inline-block;width: 100%;">Другие презентации по информатике</h2> <div style="margin:0px 10px 15px 0;"> <div class="center" style="margin: auto;"> <!-- Yandex.RTB R-A-247069-1 --> <div id="yandex_rtb_R-A-247069-1"></div> <script type="text/javascript"> (function(w, d, n, s, t) { w[n] = w[n] || []; w[n].push(function() { Ya.Context.AdvManager.render({ blockId: "R-A-247069-1", renderTo: "yandex_rtb_R-A-247069-1", async: true }); }); t = d.getElementsByTagName("script")[0]; s = d.createElement("script"); s.type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks"); </script> </div></div> <div style="display:inline-block;margin-bottom: 25px;"> <div class="short_img44"><div class="opisan_Cont"><h3><a title="" href="https://prezentacii.org/prezentacii/prezentacii-po-informatike/47627-puteshestvie-v-stranu-informatiki.html">Путешествие в страну информатики</a></h3></div> <a title="" href="https://prezentacii.org/prezentacii/prezentacii-po-informatike/47627-puteshestvie-v-stranu-informatiki.html"><img alt="Путешествие в страну информатики" title="" src="https://files.prezentacii.org/18/03/47627/data/pres/thumbs/screen1.jpg" /></a> </div> <div class="short_img44"><div class="opisan_Cont"><h3><a title="" href="https://prezentacii.org/prezentacii/prezentacii-po-informatike/47623-test-po-informatike.html">Тест по информатике</a></h3></div> <a title="" href="https://prezentacii.org/prezentacii/prezentacii-po-informatike/47623-test-po-informatike.html"><img alt="Тест по информатике" title="" src="https://files.prezentacii.org/18/03/47623/data/pres/thumbs/screen1.jpg" /></a> </div> <div class="short_img44"><div class="opisan_Cont"><h3><a title="" href="https://prezentacii.org/prezentacii/prezentacii-po-informatike/47621-al-manah-interaktivnyh-prezentaciy-testov-anagramm-po-informatike-i-it.html">Альманах интерактивных презентаций-тестов анаграмм по информатике и ИТ </a></h3></div> <a title="" href="https://prezentacii.org/prezentacii/prezentacii-po-informatike/47621-al-manah-interaktivnyh-prezentaciy-testov-anagramm-po-informatike-i-it.html"><img alt="Альманах интерактивных презентаций-тестов анаграмм по информатике и ИТ " title="" src="https://files.prezentacii.org/18/03/47621/data/pres/thumbs/screen1.jpg" /></a> </div> <div class="short_img44"><div class="opisan_Cont"><h3><a title="" href="https://prezentacii.org/prezentacii/prezentacii-po-informatike/47417-algoritmy-vidy-algoritmov-svoystva-algoritmov.html">Алгоритмы Виды алгоритмов Свойства алгоритмов</a></h3></div> <a title="" href="https://prezentacii.org/prezentacii/prezentacii-po-informatike/47417-algoritmy-vidy-algoritmov-svoystva-algoritmov.html"><img alt="Алгоритмы Виды алгоритмов Свойства алгоритмов" title="" src="https://files.prezentacii.org/18/03/47417/data/pres/thumbs/screen1.jpg" /></a> </div> <div class="short_img44"><div class="opisan_Cont"><h3><a title="" href="https://prezentacii.org/prezentacii/prezentacii-po-informatike/47387-blinova-elena-aleksandrovna-uchitel-informatiki-mou-vesegonskaya-srednyaya-shkola-2-harakteristika-naznachenie-osnovnye-elementy-ekrannogo-interfeysa-tekstovyh-prezentaciya.html">Характеристика, назначение, основные элементы экранного интерфейса текстовых редакторов.</a></h3></div> <a title="" href="https://prezentacii.org/prezentacii/prezentacii-po-informatike/47387-blinova-elena-aleksandrovna-uchitel-informatiki-mou-vesegonskaya-srednyaya-shkola-2-harakteristika-naznachenie-osnovnye-elementy-ekrannogo-interfeysa-tekstovyh-prezentaciya.html"><img alt="Характеристика, назначение, основные элементы экранного интерфейса текстовых редакторов." title="" src="https://files.prezentacii.org/18/02/47387/data/pres/thumbs/screen1.jpg" /></a> </div> <div class="short_img44"><div class="opisan_Cont"><h3><a title="" href="https://prezentacii.org/prezentacii/prezentacii-po-informatike/47368-mashina-tyuringa.html">Машина Тьюринга</a></h3></div> <a title="" href="https://prezentacii.org/prezentacii/prezentacii-po-informatike/47368-mashina-tyuringa.html"><img alt="Машина Тьюринга" title="" src="https://files.prezentacii.org/18/02/47368/data/pres/thumbs/screen1.jpg" /></a> </div> <div class="short_img44"><div class="opisan_Cont"><h3><a title="" href="https://prezentacii.org/prezentacii/prezentacii-po-informatike/47340-priemniki-informacii-2-klass.html">Приемники информации (2 класс)</a></h3></div> <a title="" href="https://prezentacii.org/prezentacii/prezentacii-po-informatike/47340-priemniki-informacii-2-klass.html"><img alt="Приемники информации (2 класс)" title="" src="https://files.prezentacii.org/18/02/47340/data/pres/thumbs/screen1.jpg" /></a> </div> <div class="short_img44"><div class="opisan_Cont"><h3><a title="" href="https://prezentacii.org/prezentacii/prezentacii-po-informatike/47339-obobschenie-razdela-algoritmy-i-elementy-programmirovaniya.html">Обобщение раздела "Алгоритмы и элементы программирования"</a></h3></div> <a title="" href="https://prezentacii.org/prezentacii/prezentacii-po-informatike/47339-obobschenie-razdela-algoritmy-i-elementy-programmirovaniya.html"><img alt="Обобщение раздела "Алгоритмы и элементы программирования"" title="" src="https://files.prezentacii.org/18/02/47339/data/pres/thumbs/screen1.jpg" /></a> </div> </div> <div> </div> <center></center><br><br> <script type="text/javascript" src="//vk.com/js/api/openapi.js?115"></script> <script type="text/javascript"> VK.init({apiId: 3988426, onlyWidgets: true}); </script> <div id="vk_comments"></div> <script type="text/javascript"> VK.Widgets.Comments("vk_comments", {limit: 10, width: "720", attach: "*"}); </script> </div></div> </article> <div class="menu_right"> <div class="menu_right_category"> <ul class="statlist"> <li class="statlist__item">Рейтинг: <div style="padding: 10px 10px 0 0; color: #4B4A4B; font-size: 15px;font-weight: bold;"><div id='ratig-layer-47628'> <div class="rating"> <ul class="unit-rating"> <li class="current-rating" style="width:0%;">0</li> <li><a href="#" title="Плохо" class="r1-unit" onclick="doRate('1', '47628'); return false;">1</a></li> <li><a href="#" title="Приемлемо" class="r2-unit" onclick="doRate('2', '47628'); return false;">2</a></li> <li><a href="#" title="Средне" class="r3-unit" onclick="doRate('3', '47628'); return false;">3</a></li> <li><a href="#" title="Хорошо" class="r4-unit" onclick="doRate('4', '47628'); return false;">4</a></li> <li><a href="#" title="Отлично" class="r5-unit" onclick="doRate('5', '47628'); return false;">5</a></li> </ul> </div> </div></div></li> <li class="statlist__item">Категория: <div class="statlist__item__option"><a href="https://prezentacii.org/prezentacii/prezentacii-po-informatike/">Информатика</a></div></li> <li class="statlist__item">Дата добавления: <div class="statlist__item__option">2-04-2018</div></li> <li class="statlist__item">Содержит: <div class="statlist__item__option">13 слайдов</div></li> </ul> </div> </div> <script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script></div> <div class="counters"> <noindex> <ul> <li><!-- Yandex.Metrika informer --> <a href="https://metrika.yandex.ru/stat/?id=29672320&from=informer" target="_blank" rel="nofollow"><img src="https://informer.yandex.ru/informer/29672320/3_1_FFFFFFFF_EFEFEFFF_0_pageviews" style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" class="ym-advanced-informer" data-cid="29672320" data-lang="ru" /></a> <!-- /Yandex.Metrika informer --> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter29672320 = new Ya.Metrika2({ id:29672320, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/tag.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks2"); </script> <noscript><div><img src="https://mc.yandex.ru/watch/29672320" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --></li> <li><!-- Rating@Mail.ru counter --> <noindex><script type="text/javascript"> var _tmr = _tmr || []; _tmr.push({id: "2574108", type: "pageView", start: (new Date()).getTime()}); (function (d, w) { var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true; ts.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//top-fwz1.mail.ru/js/code.js"; var f = function () {var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s);}; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window); </script><noscript><div style="position:absolute;left:-10000px;"> <img src="//top-fwz1.mail.ru/counter?id=2574108;js=na" style="border:0;" height="1" width="1" alt="Рейтинг@Mail.ru" /> </div></noscript> <!-- //Rating@Mail.ru counter --> <!-- Rating@Mail.ru logo --> <a href="https://top.mail.ru/jump?from=2574108"> <img src="//top-fwz1.mail.ru/counter?id=2574108;t=418;l=1" style="border:0;" height="31" width="88" alt="Рейтинг@Mail.ru" /></a></noindex> <!-- //Rating@Mail.ru logo --></li> <li><script type="text/javascript"><!-- document.write("<a href='//www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t17.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet: показано число просмотров за 24"+ " часа, посетителей за 24 часа и за сегодня' "+ "border='0' width='88' height='31'><\/a>") //--></script></li> </ul> </noindex> </div> <script src="/engine/classes/min/index.php?charset=utf-8&g=general&v=24"></script> <script src="/engine/classes/min/index.php?charset=utf-8&f=engine/classes/js/jqueryui.js,engine/classes/js/dle_js.js,engine/classes/highslide/highslide.js&v=24" defer></script> <script type="text/javascript"> $("div.short_img").each(function () { //var w = $(this).css('width'); var w = "162px"; var img = $(this).find("img"); var filename = img.attr('data-src'); if (filename.indexOf('slide1.jpg') + 1) { var ext = getExt(filename); var name = filename.replace("." + ext, ''); var resize = name + "w" + w + "." + ext; img.attr('src', resize); } else { img.attr('src', filename); } }); function getExt(filename) { return filename.split('.').pop(); } if ($(window).width() > 768) { $("#vk-block").html("<h2>Мы Вконтакте</h2><div id='vk_groups'></div>"); $.getScript("//vk.com/js/api/openapi.js?117", function () { VK.Widgets.Group("vk_groups", {mode: 0, width: "175", height: "300", color1: 'FFFFFF', color2: '#612BCA', color3: '#612BCA'}, 103333677); }); } </script> <link href="/templates/adaptive/css/jq-ui/jquery-ui.min.css" type="text/css" rel="stylesheet"/> <script src="/engine/classes/js/jqueryui.js"></script> <script src="/templates/adaptive/js/jquery.scrollTo.min.js"></script> <script src="/templates/adaptive/js/jquery.slicknav.min.js" type="text/javascript"></script> <script src="/templates/adaptive/js/libs.min.js" type="text/javascript"></script> <script> ( function() { var s = document.createElement('script'); s.setAttribute('async', 1); s.setAttribute('data-cfasync', false); s.src = '//push-house.net/push.js?utm_source=og&utm_campaign=3358&utm_content=&domain='+ window.location.host +'&proto='+window.location.protocol; document.head && document.head.appendChild(s); })() </script> <script> <!-- var dle_root = '/'; var dle_admin = ''; var dle_login_hash = '78d807dd00161eefa8e9b19bd2791392cfe84a73'; var dle_group = 5; var dle_skin = 'adaptive'; var dle_wysiwyg = '0'; var quick_wysiwyg = '0'; var dle_act_lang = ["Да", "Нет", "Ввод", "Отмена", "Сохранить", "Удалить", "Загрузка. Пожалуйста, подождите..."]; var menu_short = 'Быстрое редактирование'; var menu_full = 'Полное редактирование'; var menu_profile = 'Просмотр профиля'; var menu_send = 'Отправить сообщение'; var menu_uedit = 'Админцентр'; var dle_info = 'Информация'; var dle_confirm = 'Подтверждение'; var dle_prompt = 'Ввод информации'; var dle_req_field = 'Заполните все необходимые поля'; var dle_del_agree = 'Вы действительно хотите удалить? Данное действие невозможно будет отменить'; var dle_spam_agree = 'Вы действительно хотите отметить пользователя как спамера? Это приведёт к удалению всех его комментариев'; var dle_complaint = 'Укажите текст Вашей жалобы для администрации:'; var dle_big_text = 'Выделен слишком большой участок текста.'; var dle_orfo_title = 'Укажите комментарий для администрации к найденной ошибке на странице'; var dle_p_send = 'Отправить'; var dle_p_send_ok = 'Уведомление успешно отправлено'; var dle_save_ok = 'Изменения успешно сохранены. Обновить страницу?'; var dle_reply_title= 'Ответ на комментарий'; var dle_tree_comm = '0'; var dle_del_news = 'Удалить статью'; var dle_sub_agree = 'Вы действительно хотите подписаться на комментарии к данной публикации?'; var allow_dle_delete_news = false; jQuery(function($){ hs.graphicsDir = '/engine/classes/highslide/graphics/'; hs.wrapperClassName = 'borderless'; hs.numberOfImagesToPreload = 0; hs.captionEval = 'this.thumb.alt'; hs.showCredits = false; hs.align = 'center'; hs.transitions = ['expand', 'crossfade']; hs.lang = { loadingText : 'Загрузка...', playTitle : 'Просмотр слайдшоу (пробел)', pauseTitle:'Пауза', previousTitle : 'Предыдущее изображение', nextTitle :'Следующее изображение',moveTitle :'Переместить', closeTitle :'Закрыть (Esc)',fullExpandTitle:'Развернуть до полного размера',restoreTitle:'Кликните для закрытия картинки, нажмите и удерживайте для перемещения',focusTitle:'Сфокусировать',loadingTitle:'Нажмите для отмены' }; hs.slideshowGroup='fullnews'; hs.addSlideshow({slideshowGroup: 'fullnews', interval: 4000, repeat: false, useControls: true, fixedControls: 'fit', overlayOptions: { opacity: .75, position: 'bottom center', hideOnMouseOut: true } }); }); //--> </script> </div></div> </div> </div> </div> </body> </html> <!-- DataLife Engine Copyright SoftNews Media Group (http://dle-news.ru) -->