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

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

Содержание

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

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

Слайд 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/poisk-faylov-i-papok"> <img src="/img/thumbs/07038859f5f9cd742431465078e89fd3-800x.jpg" alt="Поиск файлов и папок"> <span class="desc"> <span>Поиск файлов и папок</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 486</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/peredacha-informatsii-zhivotnymi-3"> <img src="/img/thumbs/a38e0033cb140aca0ee44022a8c447fa-800x.jpg" alt="Передача информации животными."> <span class="desc"> <span>Передача информации животными.</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 381</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/rabota-v-seti-internet-elektronnaya-pochta"> <img src="/img/thumbs/0d53d8745e2612569ba399cc744fe0fe-800x.jpg" alt="Работа в сети Интернет. Электронная почта"> <span class="desc"> <span>Работа в сети Интернет. Электронная почта</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 487</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/model-model-zhasaudy-negzg-kezeder"> <img src="/img/thumbs/844bcc5df3c152052341101a812193d1-800x.jpg" alt="Модель, модель жасауды? негізгі кезе?дері."> <span class="desc"> <span>Модель, модель жасауды? негізгі кезе?дері.</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 731</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/logika-v-zadaniyah-oge-po-informatike"> <img src="/img/thumbs/a0e96e346ae82048d87e9701dcb3ae74-800x.jpg" alt="Логика в заданиях ОГЭ по информатике."> <span class="desc"> <span>Логика в заданиях ОГЭ по информатике.</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 567</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/bezopasnyy-internet-2017-podskazki-roditelyam"> <img src="/img/thumbs/8d40cb73b1dd1ac335bb87b89624c901-800x.jpg" alt="Безопасный интернет 2017 Подсказки родителям"> <span class="desc"> <span>Безопасный интернет 2017 Подсказки родителям</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 507</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/rastrovaya-i-vektornaya-grafika-8-klass-1"> <img src="/img/thumbs/f9ad0bda3958b942a8ce19c0474b61d7-800x.jpg" alt="Растровая и векторная графика 8 класс"> <span class="desc"> <span>Растровая и векторная графика 8 класс</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 358</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/proekt-kompyuternaya-zavisimost-mif-ili-realnost"> <img src="/img/thumbs/fcbeb37dd16cf80775a8b701ca292cdf-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/kompyuter-kak-universalnoe-ustroystvo-obrabotki-informatsii"> <img src="/img/thumbs/413f5367551c4c05634eb4611ee93d1c-800x.jpg" alt="Компьютер как универсальное устройство обработки информации 7 класс"> <span class="desc"> <span>Компьютер как универсальное устройство обработки информации 7 класс</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 443</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/vneshnyaya-pamyat-kompyutera-1"> <img src="/img/thumbs/71140542f89ff22ec81b08932a2b58ed-800x.jpg" alt="Внешняя память компьютера"> <span class="desc"> <span>Внешняя память компьютера</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 550</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/natsionalnye-traditsii-v-narodnyh-remyoslah"> <img src="/img/thumbs/73fc0258d503fdece1b7f8abb5411890-800x.jpg" alt="Национальные традиции в народных ремёслах"> <span class="desc"> <span>Национальные традиции в народных ремёслах</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 457</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/rabota-v-graficheskom-redaktore-paint-pryamougolnik"> <img src="/img/thumbs/80e1f4bffadae4d14b3caef90310ab3f-800x.jpg" alt="Работа в графическом редакторе PAINT. Прямоугольник 8 класс"> <span class="desc"> <span>Работа в графическом редакторе PAINT. Прямоугольник 8 класс</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 349</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/prezentatsiya-k-uroku-informatiki-kompyuternaya-grafika"> <img src="/img/thumbs/6dbc9dd6ede044f474c5b91a54092f3b-800x.jpg" alt="Презентация к уроку информатики "Компьютерная графика""> <span class="desc"> <span>Презентация к уроку информатики "Компьютерная графика"</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 407</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/cyzyty-algoritmd-programmalau-esepter-shyaru"> <img src="/img/thumbs/7ca4be3fe812c13d63a465137da5aa2d-800x.jpg" alt="Cызықтық алгоритмді программалау. есептер шығару."> <span class="desc"> <span>Cызықтық алгоритмді программалау. есептер шығару.</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 413</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/urok-prezentatsiya-po-teme-istoriya-razvitiya"> <img src="/img/thumbs/7a02cdf4a85952d208ec2b2900b22dba-800x.jpg" alt="Урок презентация по теме: "История развития вычислительной техники""> <span class="desc"> <span>Урок презентация по теме: "История развития вычислительной техники"</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 501</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/minusy-interneta"> <img src="/img/thumbs/ba319d0cc65cab5e42bea1c000ce8b7b-800x.jpg" alt="Минусы интернета"> <span class="desc"> <span>Минусы интернета</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 615</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/graficheskie-informatsionnye-obekty-2"> <img src="/img/thumbs/73dc256daac0411eb5e34cad2ecde910-800x.jpg" alt="Графические информационные объекты"> <span class="desc"> <span>Графические информационные объекты</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 432</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/kodirovanie-informatsii-5-klass-umk-llbosovoy-1"> <img src="/img/thumbs/3cec6c0315361c7141b7509ff71f1dc0-800x.jpg" alt="Кодирование информации 5 класс УМК Л.Л.Босовой"> <span class="desc"> <span>Кодирование информации 5 класс УМК Л.Л.Босовой</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 576</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/rastrovoe-kodirovanie-graficheskoy-informatsii-4"> <img src="/img/thumbs/058ba50e8e67046bb251bcaf29ba2bda-800x.jpg" alt="Растровое кодирование графической информации"> <span class="desc"> <span>Растровое кодирование графической информации</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 359</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/poisk-informatsii-v-informatsionnyh-sistemah-i"> <img src="/img/thumbs/1f39dfe9b25b31e8213097e19647dac0-800x.jpg" alt="Поиск информации в информационных системах и базах данных 9 класс"> <span class="desc"> <span>Поиск информации в информационных системах и базах данных 9 класс</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 393</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>