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

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

Содержание

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

Слайды и текст этой презентации

Слайд 1Элективный курс по информатике
Технология создания сайтов

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

Слайд 2

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

создание

изображения для веб-страниц;

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

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

Слайд 3
Вопросы на повторение


Какие знания нам необходимы для того, чтобы создать

web-страницу?

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

Назовите форматы

графических файлов.

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

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

Слайд 4Достоинства и недостатки растрового и векторного форматов.
Растровый формат
Векторный формат
Достоинства
Недостатки
Простота. Каждый

пиксел изображения описывается отдельно;
Создано много внешних устройств для ввода;
Можно добиваться

тончайшей передачи цвета

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

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

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

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

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

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

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

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

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

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

Достоинства и недостатки растрового и векторного форматов.Растровый форматВекторный форматДостоинстваНедостаткиПростота. Каждый пиксел изображения описывается отдельно;Создано много внешних

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

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

Слайд 6Тестовая работа

1. Каким атрибутом для тэга задается всплывающая подсказка?


title
alt
align
scr
2.

В какой строке допущена ошибка?
рисунок 2. рисунок 3. 4.

рисунок


В первой
Во второй
В третьей
В четвертой
3. Нужен ли закрывающий тэг для тэга ? <br> Да<br> Нет<br> Да и Нет<br> Такого тэга нет <br> </div> <div class="image"> <a href="/img/tmb/2/107738/5acf9cae8431a38931827a0e61a34beb-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Тестовая работа1. Каким атрибутом для тэга задается всплывающая подсказка? title alt align scr 2. В какой строке допущена ошибка? 2. 3. 4. В первой Во второй В третьей В четвертой 3. Нужен ли закрывающий тэг для тэга ? Да Нет Да и Нет Такого тэга нет "><img src="/img/tmb/2/107738/5acf9cae8431a38931827a0e61a34beb-800x.jpg" title="Технология создания сайтов Тестовая работа1. Каким атрибутом для тэга задается всплывающая подсказка? title" alt="Тестовая работа1. Каким атрибутом для тэга задается всплывающая подсказка? title alt align scr"></a> </div> <hr> </div> <div class="descrip" id="slide7"> <h2><a href="/img/tmb/2/107738/e9d24586e0d3aeb3fb2df118d5ea783a-800x.jpg" target="_blank">Слайд 7</a>4. Между какими тэгами должно быть видимое наполнение сайта? <br></h2> <div class="text"> <h3><br> <br> <br> Нет правильного ответа <br>5. Какой атрибут задает</h3> цвет фона таблицы? <br> background<br> back<br> fill<br> bgcolor <br>6. Какой элемент не может содержать таблица? <br> текст<br> иллюстрации<br> фреймы<br> таблицы <br>7. Может ли элемент <A> ссылаться на ресурс, не являющийся документом HTML? <br> Да<br> Нет<br> Только с применением атрибута "file"<br> Только с применением атрибута "onfile" <br> </div> <div class="image"> <a href="/img/tmb/2/107738/e9d24586e0d3aeb3fb2df118d5ea783a-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="4. Между какими тэгами должно быть видимое наполнение сайта? Нет правильного ответа 5. Какой атрибут задает цвет фона таблицы? background back fill bgcolor 6. Какой элемент не может содержать таблица? текст иллюстрации фреймы таблицы 7. Может ли элемент ссылаться на ресурс, не являющийся документом HTML? Да Нет Только с применением атрибута "file" Только с применением атрибута "onfile" "><img src="/img/tmb/2/107738/e9d24586e0d3aeb3fb2df118d5ea783a-800x.jpg" title="Технология создания сайтов 4. Между какими тэгами должно быть видимое наполнение сайта?" alt="4. Между какими тэгами должно быть видимое наполнение сайта? Нет правильного ответа 5."></a> </div> <hr> </div> <div class="descrip" id="slide8"> <h2><a href="/img/tmb/2/107738/cd801b8f67bc6eb7e7126a9ed6a8ec65-800x.jpg" target="_blank">Слайд 8</a><br>8. Какое значение атрибута "align" в тэге задает выранивание</h2> <div class="text"> <h3>по ширине? <br> left<br> justify<br> top<br> spase <br>9. Какой параметр</h3> для атрибута ссылки target задается автоматически? <br> blank<br> parent<br> self<br> Нет верных <br>10. Какой из тэгов не относится к изменению стиля текста? <br> <i></i><br> <u></u><br> <tr></tr><br> <b></b> <br> </div> <div class="image"> <a href="/img/tmb/2/107738/cd801b8f67bc6eb7e7126a9ed6a8ec65-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="8. Какое значение атрибута "align" в тэге задает выранивание по ширине? left justify top spase 9. Какой параметр для атрибута ссылки target задается автоматически? blank parent self Нет верных 10. Какой из тэгов не относится к изменению стиля текста? "><img src="/img/tmb/2/107738/cd801b8f67bc6eb7e7126a9ed6a8ec65-800x.jpg" title="Технология создания сайтов 8. Какое значение атрибута "align" в тэге задает выранивание по ширине?" alt="8. Какое значение атрибута "align" в тэге задает выранивание по ширине? left justify top spase 9."></a> </div> <hr> </div> <div class="descrip" id="slide9"> <h2><a href="/img/tmb/2/107738/e9e81b169f85c4a2969ed67f73ae50c4-800x.jpg" target="_blank">Слайд 9</a>Проектная деятельность<br></h2> <div class="image"> <a href="/img/tmb/2/107738/e9e81b169f85c4a2969ed67f73ae50c4-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Проектная деятельность"><img src="/img/tmb/2/107738/e9e81b169f85c4a2969ed67f73ae50c4-800x.jpg" title="Технология создания сайтов Проектная деятельность" alt="Проектная деятельность"></a> </div> <hr> </div> <div class="descrip" id="slide10"> <h2><a href="/img/tmb/2/107738/b7ff64aec37f2fbb9cd55c07e6f7bcd7-800x.jpg" target="_blank">Слайд 10</a>Демонстрация лучших проектов<br></h2> <div class="image"> <a href="/img/tmb/2/107738/b7ff64aec37f2fbb9cd55c07e6f7bcd7-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Демонстрация лучших проектов"><img src="/img/tmb/2/107738/b7ff64aec37f2fbb9cd55c07e6f7bcd7-800x.jpg" title="Технология создания сайтов Демонстрация лучших проектов" alt="Демонстрация лучших проектов"></a> </div> <hr> </div> <div class="descrip" id="slide11"> <h2><a href="/img/tmb/2/107738/f8212462dac63dbbfeb59852d0471015-800x.jpg" target="_blank">Слайд 11</a>Критерии оценок web-страницы<br></h2> <div class="image"> <a href="/img/tmb/2/107738/f8212462dac63dbbfeb59852d0471015-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Критерии оценок web-страницы"><img src="/img/tmb/2/107738/f8212462dac63dbbfeb59852d0471015-800x.jpg" title="Технология создания сайтов Критерии оценок web-страницы" alt="Критерии оценок web-страницы"></a> </div> <hr> </div> <div class="descrip" id="slide12"> <h2><a href="/img/thumbs/ff2559e6405e3ea3e8251ffef01bd466-800x.jpg" target="_blank">Слайд 12</a>Домашнее задание<br>Что вы дополнительно хотели бы изучить по этой теме?<br>Опишите,</h2> <div class="text"> <h3>что лично вы узнали при изучении темы «Графика».<br><br>Как вы считаете,</h3> обязательно ли использовать графику на web-странице?<br><br> </div> <div class="image"> <a href="/img/thumbs/ff2559e6405e3ea3e8251ffef01bd466-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Домашнее заданиеЧто вы дополнительно хотели бы изучить по этой теме?Опишите, что лично вы узнали при изучении темы «Графика».Как вы считаете, обязательно ли использовать графику на web-странице?"><img src="/img/thumbs/ff2559e6405e3ea3e8251ffef01bd466-800x.jpg" title="Технология создания сайтов Домашнее заданиеЧто вы дополнительно хотели бы изучить по этой теме?Опишите, что" alt="Домашнее заданиеЧто вы дополнительно хотели бы изучить по этой теме?Опишите, что лично вы узнали при изучении темы"></a> </div> <hr> </div> <div class="descrip" id="slide13"> <h2><a href="/img/thumbs/38f05aaeeb9a4d0f204d194e0d37bb59-800x.jpg" target="_blank">Слайд 13</a>До свидания. Спасибо за урок!<br></h2> <div class="image"> <a href="/img/thumbs/38f05aaeeb9a4d0f204d194e0d37bb59-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="До свидания. Спасибо за урок!"><img src="/img/thumbs/38f05aaeeb9a4d0f204d194e0d37bb59-800x.jpg" title="Технология создания сайтов До свидания. Спасибо за урок!" alt="До свидания. Спасибо за урок!"></a> </div> <hr> </div> </div> <div class="custom" > <!-- Yandex.RTB R-A-448123-10 --> <div id="yandex_rtb_R-A-448123-10"></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-448123-10", renderTo: "yandex_rtb_R-A-448123-10", 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 class="url" id="download"><a href="/informatika/tehnologiya-sozdaniya-saytov/download">Скачать презентацию</a></div> <div class="cloud"> <span><i class="fas fa-tags"></i>Теги</span> <div class="tags"> <ul> <li><a href="/tag/создания"><i class="fas fa-hashtag"></i>создания</a></li> <li><a href="/tag/технология"><i class="fas fa-hashtag"></i>технология</a></li> <li><a href="/tag/сайтов"><i class="fas fa-hashtag"></i>сайтов</a></li> </ul> </div> </div> </div> <div class="right"> <div class="banners"> <div class="custom" > <!-- Yandex.RTB R-A-448123-2 --> <div id="yandex_rtb_R-A-448123-2"></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-448123-2", renderTo: "yandex_rtb_R-A-448123-2", 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 class="list related"> <h2>Похожие презентации</h2> <div class="wrapper"> <a href="/informatika/prilozhenie-kalkulyator"> <img src="/img/thumbs/18675a724714e418109603223beaf884-800x.jpg" alt="ПРИЛОЖЕНИЕ КАЛЬКУЛЯТОР"> <span class="desc"> <span>ПРИЛОЖЕНИЕ КАЛЬКУЛЯТОР</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 391</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/antivirusy-i-virusy"> <img src="/img/thumbs/66d5ea6e76acb7a9a097dae8d2728825-800x.jpg" alt="Антивирусы и вирусы"> <span class="desc"> <span>Антивирусы и вирусы</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 296</span> </span> </a> </div> <div class="custom" > <!-- Yandex.RTB R-A-448123-12 --> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ type: 'fullscreen', blockId: 'R-A-448123-12' }) })</script></div> <div class="wrapper"> <a href="/informatika/kompyuternoe-testirovanie-osnovnye-ponyatiya-i-vidy-kompyuternogo-testirovaniya"> <img src="/img/thumbs/86136b67bd8962f1988b53070cf8df45-800x.jpg" alt="Компьютерное тестирование. Основные понятия и виды компьютерного тестирования"> <span class="desc"> <span>Компьютерное тестирование. Основные понятия и виды компьютерного тестирования</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 519</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/massivy-10"> <img src="/img/thumbs/ff13feda48e864bd63cea84d0bc72bb7-800x.jpg" alt="Массивы"> <span class="desc"> <span>Массивы</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 270</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/ispolzovanie-cookies"> <img src="/img/thumbs/6746f1b0417951b8a7ffeada49fab5c9-800x.jpg" alt="Использование cookies"> <span class="desc"> <span>Использование cookies</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 458</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/kolichestvo-informatsii-kak-mera-umensheniya-neopredelennosti-2"> <img src="/img/thumbs/10802c262e26ce3b9df6949500b13aed-800x.jpg" alt="Количество информации, как мера уменьшения неопределенности знаний"> <span class="desc"> <span>Количество информации, как мера уменьшения неопределенности знаний</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 312</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/kompyuter-i-komplektuyushchie-2"> <img src="/img/thumbs/3263a11c7d581cc6f8969c6b58048ed4-800x.jpg" alt="Компьютер и комплектующие"> <span class="desc"> <span>Компьютер и комплектующие</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 298</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/o-bezopasnosti-detey-v-seti-internet"> <img src="/img/thumbs/bed7353fa8aa92062e6c4b5a01d21be7-800x.jpg" alt="О безопасности детей в сети Интернет"> <span class="desc"> <span>О безопасности детей в сети Интернет</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 326</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/lampovye-kompyutery-1"> <img src="/img/thumbs/2e02d3bbc47ec634977127aae69b479e-800x.jpg" alt="Ламповые Компьютеры"> <span class="desc"> <span>Ламповые Компьютеры</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 379</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/imena-obektov-3-klass"> <img src="/img/thumbs/7d714e17dbe56be3f35109f0372a18a0-800x.jpg" alt="Имена объектов 3 класс"> <span class="desc"> <span>Имена объектов 3 класс</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 299</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/otkrytie-nedeli-informatiki-i-ikt-v"> <img src="/img/thumbs/d58df4ad3c1d08f9a2868776ce91f929-800x.jpg" alt="Открытие недели информатики и ИКТ в школе"> <span class="desc"> <span>Открытие недели информатики и ИКТ в школе</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 316</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/prezentatsya-ispolzovanie-informatsionno-kommunikatsionnyh-tehnologiy-v"> <img src="/img/thumbs/08072496c654b3171416517708fcc82e-800x.jpg" alt="Презентаця "Использование информационно - коммуникационных технологий в учебной и внеурочной деятельно""> <span class="desc"> <span>Презентаця "Использование информационно - коммуникационных технологий в учебной и внеурочной деятельно"</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 294</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/puteshestvie-v-dzhungli-3-klass"> <img src="/img/thumbs/9c7ac44b812f3318e8dccafa55b1a6ac-800x.jpg" alt="Путешествие в джунгли 3 класс"> <span class="desc"> <span>Путешествие в джунгли 3 класс</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 400</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/primenenie-zdorovesberegayushchih-tehnologiy-na-urokah-informatiki"> <img src="/img/thumbs/55562ceda14f81aa764792d20f8dd5bb-800x.jpg" alt="Применение здоровьесберегающих технологий на уроках информатики и ИКТ"> <span class="desc"> <span>Применение здоровьесберегающих технологий на уроках информатики и ИКТ</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 267</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/chto-umeet-kompyuter-1-klass-1"> <img src="/img/thumbs/2f242c8298fca6e7b4694febcca6baba-800x.jpg" alt="Что умеет компьютер (1 класс)"> <span class="desc"> <span>Что умеет компьютер (1 класс)</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 445</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/ashy-saba-6-klass"> <img src="/img/thumbs/2c4ebf97a2659e2647510c9c972ad620-800x.jpg" alt="Ашы? саба?, 6 класс"> <span class="desc"> <span>Ашы? саба?, 6 класс</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 329</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/ispolzovanie-informatsionnyh-tehnologiy-v-rabote-uchitelya-nachalnyh-klassov"> <img src="/img/thumbs/c2eb4cdf35f84805a848b7b36827b8c6-800x.jpg" alt="Использование информационных технологий в работе учителя начальных классов"> <span class="desc"> <span>Использование информационных технологий в работе учителя начальных классов</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 365</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/men-synybym--1"> <img src="/img/thumbs/b60b21eb7a2ce4ca1a568683f5a08743-800x.jpg" alt="Мені? сыныбым )))"> <span class="desc"> <span>Мені? сыныбым )))</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 424</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/pomogite-robotu-spasti-planetu-8-klass"> <img src="/img/thumbs/89ce8714478fa81ddd88512ab56dfa47-800x.jpg" alt="Помогите Роботу спасти планету! 8 класс"> <span class="desc"> <span>Помогите Роботу спасти планету! 8 класс</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 334</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/tablichnye-informatsionnye-modeli-5-7-klass"> <img src="/img/thumbs/d5b2c130272b211481b0915a5e214862-800x.jpg" alt="Табличные информационные модели 5-7 класс"> <span class="desc"> <span>Табличные информационные модели 5-7 класс</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 504</span> </span> </a> </div> <div class="clear"></div> </div> </div> </div> </div> </div> <div class="container bottom"> <div> <div class="call_back"> <h4><i class="fas fa-bullhorn"></i>Обратная связь</h4> <p>Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:</p> <p>Email: <a href="#" class="js_hidden_email" data-address="abusetheslide" data-domain="ya.ru">Нажмите что бы посмотреть</a> </p> </div> <div class="links"> </div> <div class="whatis"> <h4><i class="fa fa-info text-red"></i>Что такое TheSlide.ru?</h4> <p>Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.</p> <hr /> <p><a href="/privacy">Для правообладателей</a></p> <a href="https://metrika.yandex.ru/stat/?id=48768281&from=informer" target="_blank" rel="nofollow"><img src="https://informer.yandex.ru/informer/48768281/3_1_FFFFFFFF_EFEFEFFF_0_pageviews" style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" class="ym-advanced-informer" data-cid="48768281" data-lang="ru" /></a> <!--LiveInternet counter--> <script type="text/javascript"> document.write("<a href='//www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t16.2;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";h"+escape(document.title.substring(0,150))+";"+Math.random()+ "' alt='' title='LiveInternet: показано число просмотров за 24"+ " часа, посетителей за 24 часа и за сегодня' "+ "border='0' width='88' height='31'><\/a>") </script> <!--/LiveInternet--> </div> <div class="clear"></div> </div> </div> <script src="/templates/presentation/js/script.js?2f7a446f4c1827ed407306caac7b976b"></script> </body> </html>