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

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

Содержание

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

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

Слайд 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/internet-zarabotok-dlya-studentov"> <img src="/img/thumbs/b8e09246cdce83155be393bb766baf4e-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/izmerenie-informatsii-2"> <img src="/img/thumbs/fadadef3e5a7e60fbb7e039249d1abbd-800x.jpg" alt="Измерение информации"> <span class="desc"> <span>Измерение информации</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 434</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/struynyy-printer"> <img src="/img/thumbs/d6ad0beb03476d01ded8a6975fc6dc0b-800x.jpg" alt="Струйный принтер"> <span class="desc"> <span>Струйный принтер</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 454</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/nadezhnost-informatsionnyh-sistem"> <img src="/img/thumbs/bcda8e29796d7b5bbde7e36f6dba74be-800x.jpg" alt="Надежность информационных систем"> <span class="desc"> <span>Надежность информационных систем</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 402</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/chto-takoe-modelirovanie-1"> <img src="/img/thumbs/7a206d0e03072b22450751b0a0a91123-800x.jpg" alt="Что такое моделирование"> <span class="desc"> <span>Что такое моделирование</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 340</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/tehnologicheskaya-karta-uroka-nachalnye-svedeniya-ob"> <img src="/img/thumbs/538248a0fe4b635e775f1c51bbd8524c-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/formirovanie-slozhnyh-zaprosov-k-gotovoy-baze"> <img src="/img/thumbs/eae155f2e8c3812dbfcc1a4c46c33fef-800x.jpg" alt="Формирование сложных запросов к готовой базе данных"> <span class="desc"> <span>Формирование сложных запросов к готовой базе данных</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 426</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/v-mire-skazok-2-klass"> <img src="/img/thumbs/7b226e9d6e8c2fd4c60ba5c699c6e892-800x.jpg" alt="В мире сказок 2 класс"> <span class="desc"> <span>В мире сказок 2 класс</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 320</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/primenenie-filtrov-v-photoshop-1"> <img src="/img/thumbs/35610ab27b19dcada4bfe2715ef8fa41-800x.jpg" alt="Применение фильтров в Photoshop"> <span class="desc"> <span>Применение фильтров в Photoshop</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 464</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/logicheskie-velichiny-operatsii-vyrazheniya"> <img src="/img/thumbs/384fafe1f2061d9b419b579759354770-800x.jpg" alt="Логические величины, операции, выражения"> <span class="desc"> <span>Логические величины, операции, выражения</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 476</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/logika-vyskazyvaniy-algoritm-postroeniya-tablits-istinnosti"> <img src="/img/thumbs/7eb16fbe3a5b2abd35601d4314bdaa3c-800x.jpg" alt="Логика высказываний. Алгоритм построения таблиц истинности 10-11 класс"> <span class="desc"> <span>Логика высказываний. Алгоритм построения таблиц истинности 10-11 класс</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 261</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/prezentatsiya-algoritm-i-ego-formalnoe-ispolnenie"> <img src="/img/thumbs/9b08a103060a2168ae9adbf4ace7c7c7-800x.jpg" alt="Презентация. Алгоритм и его формальное исполнение."> <span class="desc"> <span>Презентация. Алгоритм и его формальное исполнение.</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 361</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/magistralno-modulnyy-printsip-postroeniya-kompyutera-5"> <img src="/img/thumbs/f16ea375b06791a9e8a1a75a9f425570-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="wrapper"> <a href="/informatika/arhivatory-5"> <img src="/img/thumbs/cb94086721fb0a944b89648ae202be00-800x.jpg" alt="Архиваторы"> <span class="desc"> <span>Архиваторы</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 398</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/obekty-i-ih-mnozhestva"> <img src="/img/thumbs/d77cd804e508354009d6d4a89a493635-800x.jpg" alt="Объекты и их множества"> <span class="desc"> <span>Объекты и их множества</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 297</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/primery-modelirovaniya-1"> <img src="/img/thumbs/09bb9d6ba17f2c184e49a3325d8b8efd-800x.jpg" alt="Примеры моделирования"> <span class="desc"> <span>Примеры моделирования</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 421</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/slozhenie-i-vychitanie-chisel-v-dvoichnoy-sisteme-schisleniya-1"> <img src="/img/thumbs/3e318ff14b37b427193516c05eb67261-800x.jpg" alt="Сложение и вычитание чисел в двоичной системе счисления"> <span class="desc"> <span>Сложение и вычитание чисел в двоичной системе счисления</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 291</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/derekter-ory-olardy-trler"> <img src="/img/thumbs/479cf97f59bd955b37c8dbada2818ece-800x.jpg" alt="Деректер ?оры, оларды? т?рлері"> <span class="desc"> <span>Деректер ?оры, оларды? т?рлері</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 389</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/uchebno-metodicheskiy-kompleks-front-page-2003"> <img src="/img/thumbs/42d68a5c284cc47173fb9f044139f864-800x.jpg" alt="Учебно-методический комплекс Front Page 2003"> <span class="desc"> <span>Учебно-методический комплекс Front Page 2003</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 243</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/vstavka-muzyki-v-prezentatsiyu-4"> <img src="/img/thumbs/ead04faabd72038c5f422bf23a68a4d8-800x.jpg" alt="Вставка музыки в презентацию"> <span class="desc"> <span>Вставка музыки в презентацию</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 269</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>