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

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

Содержание

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

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

Слайд 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/osnovy-logiki-formy-myshleniya-1"> <img src="/img/thumbs/064c4f1f7d47bf33bd8b8cbe3c513dac-800x.jpg" alt="Основы логики. Формы мышления"> <span class="desc"> <span>Основы логики. Формы мышления</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 320</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/tehnicheskie-sredstva-multimedia"> <img src="/img/thumbs/41992a922c63bbb46989c0b130adc9d0-800x.jpg" alt="Технические средства мультимедиа"> <span class="desc"> <span>Технические средства мультимедиа</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 451</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/operator-bezuslovnogo-perehoda-v-goto"> <img src="/img/thumbs/7b1815ebeecb41fdbce7c31603ec2617-800x.jpg" alt="Оператор безусловного перехода в GOTO"> <span class="desc"> <span>Оператор безусловного перехода в GOTO</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 260</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/instrumenty-graficheskogo-redaktora-paint-5-klass"> <img src="/img/thumbs/19c3579ab16d344a173d97405d1718ca-800x.jpg" alt="Инструменты графического редактора Paint (5 класс)"> <span class="desc"> <span>Инструменты графического редактора Paint (5 класс)</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 473</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/vneklassnoe-meropriyatie-prover-sebya"> <img src="/img/thumbs/31ebd260782b28905c1eb7ff83119411-800x.jpg" alt="Внеклассное мероприятие Проверь себя"> <span class="desc"> <span>Внеклассное мероприятие Проверь себя</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 278</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/skype-3"> <img src="/img/thumbs/4e0d4a20d6c259f53ea3e8389a44984c-800x.jpg" alt="Skype"> <span class="desc"> <span>Skype</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 412</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/krugi-eylera-4"> <img src="/img/thumbs/2c10e734fa5e8be9866a9f781f488ae6-800x.jpg" alt="Круги Эйлера"> <span class="desc"> <span>Круги Эйлера</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 396</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/rabochiy-stol-upravlenie-kompyuterom-s-pomoshchyu-1"> <img src="/img/thumbs/918cb50f3c20bcd8a40808ec21bdf321-800x.jpg" alt="Рабочий стол. Управление компьютером с помощью мыши 5 класс"> <span class="desc"> <span>Рабочий стол. Управление компьютером с помощью мыши 5 класс</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 309</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/tsikoldy-algoritm"> <img src="/img/thumbs/5c509f19fc7aeb6cb629e9b44d37bf09-800x.jpg" alt="Циколды? алгоритм"> <span class="desc"> <span>Циколды? алгоритм</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 313</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/7-synyp-ashy-saba-zharys-saba"> <img src="/img/thumbs/68a3c9e2dd05b1fd1d3567c0822de8e6-800x.jpg" alt="7 сынып. Ашы? саба?. Жарыс саба?"> <span class="desc"> <span>7 сынып. Ашы? саба?. Жарыс саба?</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 342</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/osobennosti-uroka-informatiki"> <img src="/img/thumbs/62da0463d4dd6d655e013db30bb064e0-800x.jpg" alt="Особенности урока информатики"> <span class="desc"> <span>Особенности урока информатики</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 445</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/obshchenie-v-internete-8-klass"> <img src="/img/thumbs/0af66e43f6ab7b34ee866ca6ff516085-800x.jpg" alt="Общение в интернете (8 класс)"> <span class="desc"> <span>Общение в интернете (8 класс)</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 492</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/rabota-so-spiskami-kolonki-bukvitsa-stili"> <img src="/img/thumbs/af07b9e335e633a5ff4aae35a540d170-800x.jpg" alt="Работа со списками. Колонки. Буквица. Стили"> <span class="desc"> <span>Работа со списками. Колонки. Буквица. Стили</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 474</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/kompyuternye-prezentatsii-2"> <img src="/img/thumbs/f8b8dd578a6f27e6c1666764c2e0b72b-800x.jpg" alt="Компьютерные презентации"> <span class="desc"> <span>Компьютерные презентации</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 376</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/superkompyutery-1"> <img src="/img/thumbs/75ebd6e1451023f15915a633e4e3dd85-800x.jpg" alt="Суперкомпьютеры"> <span class="desc"> <span>Суперкомпьютеры</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 400</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/prezentatsya-algoritmicheskaya-struktura-tsikl-5-klass"> <img src="/img/thumbs/5938d9822501e106ec31c8f106bdaf5f-800x.jpg" alt="Презентаця "Алгоритмическая структура цикл" 5 класс"> <span class="desc"> <span>Презентаця "Алгоритмическая структура цикл" 5 класс</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 328</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/trenirovochnyy-test-oge-po-informatike-2018"> <img src="/img/thumbs/85600c16de763b10fc6d3e2e1e2c81f8-800x.jpg" alt="Тренировочный тест ОГЭ по информатике 2018"> <span class="desc"> <span>Тренировочный тест ОГЭ по информатике 2018</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 430</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/prezentatsiya-k-uroku-informatiki-v-9"> <img src="/img/thumbs/f9b92014ee6886889f7a403222d98a8b-800x.jpg" alt="Презентация к уроку информатики в 9 классе по теме: Алгоритмы. Свойства алгоритмов. Исполнители."> <span class="desc"> <span>Презентация к уроку информатики в 9 классе по теме: Алгоритмы. Свойства алгоритмов. Исполнители.</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 334</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/total-commander"> <img src="/img/thumbs/f9227df82ddb98cdb14725e7a43bed8b-800x.jpg" alt="Total commander"> <span class="desc"> <span>Total commander</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 554</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/prichiny-sboya-raboty-evm"> <img src="/img/thumbs/74d633008212d2592335fba24a0097d9-800x.jpg" alt="Причины сбоя работы ЭВМ"> <span class="desc"> <span>Причины сбоя работы ЭВМ</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 450</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>