Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

Презентация на тему по информатике : Создание Web-страницы для начинающих

Содержание

Здравствуй пользователь. Если ты желаешь создать свою web-страницу и не знаешь как это сделать, то не отчаивайся. Как всегда – выход есть. Этот краткий курс тебе в этом поможет.
Создание Web-страницы для начинающих Подготовила учитель информатики: Путятина Татьяна Юрьевна Здравствуй пользователь. Если ты желаешь создать свою web-страницу и не знаешь как Для начала немного теории: 1. Существует специальный язык При создании web-документа мы будем использовать Теги. Тег – инструкция браузеру, указывающая … - парные теги указывающие на начала и конец web-документа. … - Приступим к созданию web-документа: 1. Создадим на рабочем столе новую папку и 2. Откроем программу «Блокнот». Для этого зайдем в меню «Пуск» >> «Все 3. Наберем структуру HTML-документа. Для этого переключим язык с русского на английский, 4. Сохраните файл в папке «Моя веб-страница», присвоив имя 1.html Для этого 5. Зайдем в папку, вызовем контекстное меню на файле(кликнуть правой кнопкой мыши Первый урок завершен! Поздравляю! Урок второй.  Теперь мы сделаем нашу веб-страницу более красивой. Поставим перед 1. Зайдем в нашу папку и откроем наш файл 1.html через «Блокнот», Теперь переходим в оформлению страницы 3. в теге допишем bgcolor=“gray”> должно получиться Вот названия цветов: 4. После тега  нажмем Enter  и напишем Тег . Это 5. Придадим заголовку нашей биографии более красивый внешний вид.  После тега Должно получиться вот так >> Теперь перейдем к написанию самой биографии и ее оформлению. 6. Пишем тег Должно получиться вот так >> Теперь посмотрим что получилось через браузер: для этого закроем блокнот сохранив и Если все написано и составлено верно, то наша с вами страница будет Понемногу мы приближаемся к нашей цели, теперь сделаем вторую часть. Добавим картинки 1. Перейдем на новую строку 2. По центру напишем какие мы любим После нашей выше написанной биографии, которая замыкается тегами   жмем Enter После тега жмем Enter и пишем тег что бы следующая информации писалась Примечания: 1. Картинки можете найти в интернете и скачать, сохранив их в Вставка ссылки на картинку:  1. Нажав Enter пропишем тег После проделанных нами операций, должно получиться следующее Теперь напишем строчку тем цветом какой нам нравится, например возьмем красный цвет Далее мы напишем о том что мы больше всего любим и вставим Вот что должно поулчиться: Теперь глянем что у нас получилось)  Закрываем блокнот и открываем наш Вот то, что получилось у меня >>
Слайды презентации

Слайд 2 Здравствуй пользователь. Если ты желаешь создать свою web-страницу

Здравствуй пользователь. Если ты желаешь создать свою web-страницу и не знаешь

и не знаешь как это сделать, то не отчаивайся.

Как всегда – выход есть. Этот краткий курс тебе в этом поможет.

Слайд 3 Для начала немного теории: 1.

Для начала немного теории: 1. Существует специальный язык Web-страниц

Существует специальный язык Web-страниц HTML (HyperText Markup Language) –

язык разметки гипертекста для публикации документов в глобальной или кооперативной сети. 2. При создании Web-документа необходимо учесть следующие моменты: - все создаваемые файлы будущего проекта (сайта) должны сохраняться в одну папку (Web-страницы, видео- и звуковой файлы); - в имени Web-документа разрешается использовать латинские буквы, цифры. Расширение Web-документа – html или htm. 3. Для создания электронного документа необходим любой текстовый редактор. Мы будем использовать «Блокнот». 4. Просмотр результата созданной вами Web-страницы осуществляется в программе-браузере. Примером этой программы может послужить нам Internet Explorer или Google Chrome.

Слайд 4 При создании web-документа мы будем использовать Теги. Тег –

При создании web-документа мы будем использовать Теги. Тег – инструкция браузеру,

инструкция браузеру, указывающая способ отражения текста. Тег всегда заключается в

треугольные скобки - <…>. Открывается тег знаком меньше <, закрывается знаками слэш и больше />

Слайд 5 … - парные теги указывающие на начала и

… - парные теги указывающие на начала и конец web-документа. …

конец web-документа. … - парные теги, описывающие заголовок документа. …

- парные теги используются для размещения заголовка окна. … - парные теги внутри которых пишется содержимое web-страницы(текст, картинки, аудио и видео файлы, таблицы, гиперссылки на другие web-страницы).

Слайд 6 Приступим к созданию web-документа: 1. Создадим на рабочем столе

Приступим к созданию web-документа: 1. Создадим на рабочем столе новую папку

новую папку и назовем ее «Моя веб-страница». Для этого

нажмем кликнем правой кнопкой мыши по рабочему столу и в контекстном меню выберем пункт «Создать». Далее выйдет еще одно контекстное меню, выберем пункт «Папку»

Слайд 8 2. Откроем программу «Блокнот». Для этого зайдем в меню

2. Откроем программу «Блокнот». Для этого зайдем в меню «Пуск» >>

«Пуск» >> «Все программы» >> «Стандартные» >> «Блокнот».


Слайд 9 3. Наберем структуру HTML-документа. Для этого переключим язык с

3. Наберем структуру HTML-документа. Для этого переключим язык с русского на

русского на английский, по умолчанию это комбинация клавиш Alt

+ Shift. … …

Слайд 11 4. Сохраните файл в папке «Моя веб-страница», присвоив

4. Сохраните файл в папке «Моя веб-страница», присвоив имя 1.html Для

имя 1.html Для этого нужно в блокноте кликнуть вкладке «Файл»

>> «Сохранить как…». Появиться окно, в появившемся окне в строке «тип файла» указываем «все файлы». В строке «Имя файла» Пишем имя документа 1.html Указываем путь в ранее созданной нами папке и кликаем «сохранить».

Слайд 12 5. Зайдем в папку, вызовем контекстное меню на

5. Зайдем в папку, вызовем контекстное меню на файле(кликнуть правой кнопкой

файле(кликнуть правой кнопкой мыши по файлу) 1.html >> «Открыть

с помощью» Internet Explorer или Google Chrome. Смотрим результат и закрываем браузер.

Слайд 13 Первый урок завершен! Поздравляю!

Первый урок завершен! Поздравляю!

Слайд 14 Урок второй. Теперь мы сделаем нашу веб-страницу более

Урок второй. Теперь мы сделаем нашу веб-страницу более красивой. Поставим перед

красивой. Поставим перед собой цель, например: Создать краткую биографию о

себе с приложением картинок.

Слайд 15 1. Зайдем в нашу папку и откроем наш

1. Зайдем в нашу папку и откроем наш файл 1.html через

файл 1.html через «Блокнот», кликнув по файлу правой кнопкой

мыши и в контекстном меню выбрать «открыть с помощью» >> «Блокнот» 2. В строке введем текст: Моя биография и вашу фамилию имя отчество. <br> </div> <hr> </div> <div class="descrip"> <h3 id="slide16"> <a href="/img/tmb/6/562971/c233bff0389639013da6ad0a49a39626-720x.jpg" target="_blank">Слайд 16</a> Теперь переходим в оформлению страницы 3. в теге </h3> <div class="image"> <a href="/img/tmb/6/562971/c233bff0389639013da6ad0a49a39626-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Теперь переходим в оформлению страницы 3. в теге допишем bgcolor=“gray”> должно получиться вот так: Это сделает фон нашей страницы серым. Можно выставить и другой цвет, для этого нужно в кавычках слово grey изменить на название другого цвета. Названия цветов должны писаться обязательно на английском языке либо в шестнадцатеричном коде цвета"><img src="/img/tmb/6/562971/c233bff0389639013da6ad0a49a39626-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="Теперь переходим в оформлению страницы 3. в теге допишем bgcolor=“gray”> должно"></a> </div> <div class="text"> <h4>допишем bgcolor=“gray”> должно получиться вот так: Это сделает фон</h4> нашей страницы серым. Можно выставить и другой цвет, для этого нужно в кавычках слово grey изменить на название другого цвета. Названия цветов должны писаться обязательно на английском языке либо в шестнадцатеричном коде цвета<br> </div> <hr> </div> <div class="descrip"> <h3 id="slide17"> <a href="/img/tmb/6/562971/27bc5fca0ef6d0226cccdf66358e2c5c-720x.jpg" target="_blank">Слайд 17</a> Вот названия цветов: <br> </h3> <div class="image"> <a href="/img/tmb/6/562971/27bc5fca0ef6d0226cccdf66358e2c5c-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Вот названия цветов: "><img src="/img/tmb/6/562971/27bc5fca0ef6d0226cccdf66358e2c5c-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="Вот названия цветов:"></a> </div> <hr> </div> <div class="descrip"> <h3 id="slide18"> <a href="/img/tmb/6/562971/5527aa64704f16377659eec6d6679900-720x.jpg" target="_blank">Слайд 18</a> 4. После тега нажмем Enter и </h3> <div class="image"> <a href="/img/tmb/6/562971/5527aa64704f16377659eec6d6679900-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="4. После тега нажмем Enter и напишем Тег . Это даст нашему следующему тексту находиться по середине страницы. Жмем Enter >> "><img src="/img/tmb/6/562971/5527aa64704f16377659eec6d6679900-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="4. После тега нажмем Enter и напишем Тег . Это"></a> </div> <div class="text"> <h4>напишем Тег . Это даст нашему следующему тексту находиться</h4> по середине страницы. Жмем Enter >> <br> </div> <hr> </div> <div class="descrip"> <h3 id="slide19"> <a href="/img/tmb/6/562971/a620a6e35704842ecb287e6b76894130-720x.jpg" target="_blank">Слайд 19</a> 5. Придадим заголовку нашей биографии более красивый внешний </h3> <div class="image"> <a href="/img/tmb/6/562971/a620a6e35704842ecb287e6b76894130-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="5. Придадим заголовку нашей биографии более красивый внешний вид. После тега с новой строки напишем следующую комбинацию: Это будет внешним видом нашего заголовка. Size – это размер шрифта color – это цвет face – определение типа шрифта. Размер шрифта определяется от 1 до 7. Через пробел напишем тег - это позволит нашему тексту отображаться курсивом. Далее через пробел напишем «Моя биография» и через пробел закроем предыдущие теги Жмем Enter >> пишем "><img src="/img/tmb/6/562971/a620a6e35704842ecb287e6b76894130-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="5. Придадим заголовку нашей биографии более красивый внешний вид. После тега"></a> </div> <div class="text"> <h4>вид. После тега с новой строки напишем следующую</h4> комбинацию: <font size=4 color=“black” face=“Georgia”> Это будет внешним видом нашего заголовка. Size – это размер шрифта color – это цвет face – определение типа шрифта. Размер шрифта определяется от 1 до 7. Через пробел напишем тег <I> - это позволит нашему тексту отображаться курсивом. Далее через пробел напишем «Моя биография» и через пробел закроем предыдущие теги </I> </font> Жмем Enter >> пишем </center> <br> </div> <hr> </div> <div class="descrip"> <h3 id="slide20"> <a href="/img/tmb/6/562971/d08a4fd0d5b17ca944edadf763a35d4d-720x.jpg" target="_blank">Слайд 20</a> Должно получиться вот так >> <br> </h3> <div class="image"> <a href="/img/tmb/6/562971/d08a4fd0d5b17ca944edadf763a35d4d-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Должно получиться вот так >> "><img src="/img/tmb/6/562971/d08a4fd0d5b17ca944edadf763a35d4d-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="Должно получиться вот так >>"></a> </div> <hr> </div> <div class="descrip"> <h3 id="slide21"> <a href="/img/tmb/6/562971/f5a4da5365a8e46e5392ac356a56278a-720x.jpg" target="_blank">Слайд 21</a> Теперь перейдем к написанию самой биографии и ее </h3> <div class="image"> <a href="/img/tmb/6/562971/f5a4da5365a8e46e5392ac356a56278a-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Теперь перейдем к написанию самой биографии и ее оформлению. 6. Пишем тег через пробел пишем нужное нам оформление дальнейшего текста Жмем Enter пишем свою биографию, минимум 3 – 4 предложения. После написания текста Жмем Enter и закрываем теги "><img src="/img/tmb/6/562971/f5a4da5365a8e46e5392ac356a56278a-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="Теперь перейдем к написанию самой биографии и ее оформлению. 6. Пишем"></a> </div> <div class="text"> <h4>оформлению. 6. Пишем тег через пробел пишем нужное нам</h4> оформление дальнейшего текста <font size=2 color="black" face="Georgia"> Жмем Enter пишем свою биографию, минимум 3 – 4 предложения. После написания текста Жмем Enter и закрываем теги </font> <center> <br> </div> <hr> </div> <div class="descrip"> <h3 id="slide22"> <a href="/img/tmb/6/562971/8cd8bd8ad9f2eca2ef95b471d33c150c-720x.jpg" target="_blank">Слайд 22</a> Должно получиться вот так >> <br> </h3> <div class="image"> <a href="/img/tmb/6/562971/8cd8bd8ad9f2eca2ef95b471d33c150c-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Должно получиться вот так >> "><img src="/img/tmb/6/562971/8cd8bd8ad9f2eca2ef95b471d33c150c-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="Должно получиться вот так >>"></a> </div> <hr> </div> <div class="descrip"> <h3 id="slide23"> <a href="/img/tmb/6/562971/8c1f5eca8634c2293545c137381d7e5d-720x.jpg" target="_blank">Слайд 23</a> Теперь посмотрим что получилось через браузер: для этого закроем </h3> <div class="image"> <a href="/img/tmb/6/562971/8c1f5eca8634c2293545c137381d7e5d-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Теперь посмотрим что получилось через браузер: для этого закроем блокнот сохранив и откроем наш файл через браузер (клик правой кнопкой мыши по файлу >> контекстное меню >> Открыть с помощью …. "><img src="/img/tmb/6/562971/8c1f5eca8634c2293545c137381d7e5d-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="Теперь посмотрим что получилось через браузер: для этого закроем блокнот сохранив"></a> </div> <div class="text"> <h4>блокнот сохранив и откроем наш файл через браузер (клик</h4> правой кнопкой мыши по файлу >> контекстное меню >> Открыть с помощью …. <br> </div> <hr> </div> <div class="descrip"> <h3 id="slide24"> <a href="/img/tmb/6/562971/cc3158c4b09af6c2cc39498b8c8ee6bb-720x.jpg" target="_blank">Слайд 24</a> Если все написано и составлено верно, то наша </h3> <div class="image"> <a href="/img/tmb/6/562971/cc3158c4b09af6c2cc39498b8c8ee6bb-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Если все написано и составлено верно, то наша с вами страница будет выглядеть вот так >> Стало чуть красивее, чем было изначально."><img src="/img/tmb/6/562971/cc3158c4b09af6c2cc39498b8c8ee6bb-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="Если все написано и составлено верно, то наша с вами страница"></a> </div> <div class="text"> <h4>с вами страница будет выглядеть вот так >> Стало</h4> чуть красивее, чем было изначально.<br> </div> <hr> </div> <div class="descrip"> <h3 id="slide25"> <a href="/img/tmb/6/562971/aae3f7b5ced1861dae5c4864a156ce8e-720x.jpg" target="_blank">Слайд 25</a> Понемногу мы приближаемся к нашей цели, теперь сделаем </h3> <div class="image"> <a href="/img/tmb/6/562971/aae3f7b5ced1861dae5c4864a156ce8e-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Понемногу мы приближаемся к нашей цели, теперь сделаем вторую часть. Добавим картинки на веб-страницу. Перед тем как приступить к дальнейшему заданию, поставим перед собой несколько простых задач. "><img src="/img/tmb/6/562971/aae3f7b5ced1861dae5c4864a156ce8e-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="Понемногу мы приближаемся к нашей цели, теперь сделаем вторую часть. Добавим"></a> </div> <div class="text"> <h4>вторую часть. Добавим картинки на веб-страницу. Перед тем как приступить</h4> к дальнейшему заданию, поставим перед собой несколько простых задач. <br> </div> <hr> </div> <div class="descrip"> <h3 id="slide26"> <a href="/img/tmb/6/562971/4552f2dff9dfb7c5e5f0ee9ab5474e03-720x.jpg" target="_blank">Слайд 26</a> 1. Перейдем на новую строку 2. По центру напишем </h3> <div class="image"> <a href="/img/tmb/6/562971/4552f2dff9dfb7c5e5f0ee9ab5474e03-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="1. Перейдем на новую строку 2. По центру напишем какие мы любим цветы и вставим картинку 3. Далее по центру напишем какой мы любим цвет выделив эту строчку тем цветом какой мы любим. 4. Напишем о том что мы больше всего любим в этой жизни и вставим картинку."><img src="/img/tmb/6/562971/4552f2dff9dfb7c5e5f0ee9ab5474e03-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="1. Перейдем на новую строку 2. По центру напишем какие мы"></a> </div> <div class="text"> <h4>какие мы любим цветы и вставим картинку 3. Далее по</h4> центру напишем какой мы любим цвет выделив эту строчку тем цветом какой мы любим. 4. Напишем о том что мы больше всего любим в этой жизни и вставим картинку.<br> </div> <hr> </div> <div class="descrip"> <h3 id="slide27"> <a href="/img/tmb/6/562971/9886b3fcc334f10279d9d7234d93ce86-720x.jpg" target="_blank">Слайд 27</a> После нашей выше написанной биографии, которая замыкается тегами </h3> <div class="image"> <a href="/img/tmb/6/562971/9886b3fcc334f10279d9d7234d93ce86-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="После нашей выше написанной биографии, которая замыкается тегами жмем Enter и пишем тег - этот тег позволит нам перейти на новую пустую строку в веб-документе, он одиночный, поэтому не требуется в закрытии после написания и вставки информации."><img src="/img/tmb/6/562971/9886b3fcc334f10279d9d7234d93ce86-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="После нашей выше написанной биографии, которая замыкается тегами жмем Enter"></a> </div> <div class="text"> <h4> жмем Enter и пишем тег <br> -</h4> этот тег позволит нам перейти на новую пустую строку в веб-документе, он одиночный, поэтому не требуется в закрытии после написания и вставки информации.<br> </div> <hr> </div> <div class="descrip"> <h3 id="slide28"> <a href="/img/tmb/6/562971/a7bb5e399aa36197dc45944263465d69-720x.jpg" target="_blank">Слайд 28</a> После тега жмем Enter и пишем тег </h3> <div class="image"> <a href="/img/tmb/6/562971/a7bb5e399aa36197dc45944263465d69-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="После тега жмем Enter и пишем тег что бы следующая информации писалась по центру. Жмем Enter и пишем строчку «Я люблю такие цветы, как (свои любимые цветы)» Теперь займемся вставкой картинки наших любимых цветов."><img src="/img/tmb/6/562971/a7bb5e399aa36197dc45944263465d69-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="После тега жмем Enter и пишем тег что бы следующая информации"></a> </div> <div class="text"> <h4>что бы следующая информации писалась по центру. Жмем Enter и</h4> пишем строчку «Я люблю такие цветы, как (свои любимые цветы)» Теперь займемся вставкой картинки наших любимых цветов.<br> </div> <hr> </div> <div class="descrip"> <h3 id="slide29"> <a href="/img/tmb/6/562971/84219096e9f2e1f70df5115fffd875c5-720x.jpg" target="_blank">Слайд 29</a> Примечания: 1. Картинки можете найти в интернете и скачать, </h3> <div class="image"> <a href="/img/tmb/6/562971/84219096e9f2e1f70df5115fffd875c5-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Примечания: 1. Картинки можете найти в интернете и скачать, сохранив их в нашу папку «Моя первая веб-страница» с нашим файлом. 2. Для дальнейшего удобства, советую переименовывать картинки в более простые названия, такие как (cart1, cart2, cart3 и т.д.) 3. при этом нужно заострить внимание на расширении картинки. Это играет очень важную роль в дальнейшем. Расширение картинки можно узнать, кликнув по картинке правой кнопкой мыши в контекстном меню выбрать пункт «Свойства» и в появившемся окне в строке «Тип Файла» будет написано расширение нужной вам картинки. Там будет присутствовать два расширения – полное и сокращенное. Нам нужно будет только сокращенное, оно указано в скобах маленькими буквами "><img src="/img/tmb/6/562971/84219096e9f2e1f70df5115fffd875c5-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="Примечания: 1. Картинки можете найти в интернете и скачать, сохранив их"></a> </div> <div class="text"> <h4>сохранив их в нашу папку «Моя первая веб-страница» с</h4> нашим файлом. 2. Для дальнейшего удобства, советую переименовывать картинки в более простые названия, такие как (cart1, cart2, cart3 и т.д.) 3. при этом нужно заострить внимание на расширении картинки. Это играет очень важную роль в дальнейшем. Расширение картинки можно узнать, кликнув по картинке правой кнопкой мыши в контекстном меню выбрать пункт «Свойства» и в появившемся окне в строке «Тип Файла» будет написано расширение нужной вам картинки. Там будет присутствовать два расширения – полное и сокращенное. Нам нужно будет только сокращенное, оно указано в скобах маленькими буквами <br> </div> <hr> </div> <div class="descrip"> <h3 id="slide30"> <a href="/img/tmb/6/562971/6e24cc1f63cfeb947da11b0a55f41a22-720x.jpg" target="_blank">Слайд 30</a> <br> </h3> <div class="image"> <a href="/img/tmb/6/562971/6e24cc1f63cfeb947da11b0a55f41a22-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption=""><img src="/img/tmb/6/562971/6e24cc1f63cfeb947da11b0a55f41a22-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt=""></a> </div> <hr> </div> <div class="descrip"> <h3 id="slide31"> <a href="/img/tmb/6/562971/f69e4b666203866c7052d2f3d6e374f3-720x.jpg" target="_blank">Слайд 31</a> Вставка ссылки на картинку: 1. Нажав Enter пропишем </h3> <div class="image"> <a href="/img/tmb/6/562971/f69e4b666203866c7052d2f3d6e374f3-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption=" Вставка ссылки на картинку: 1. Нажав Enter пропишем тег 2. Нажав Enter пропишем тег это ссылка в веб-документе на картинку которую мы вставляем. Вместо «названия картинки» пишем имя картинки которая содержится уже в нашей папке. Width и height – это ширина и высота нашей картинки. По умолчанию это 256х128. "><img src="/img/tmb/6/562971/f69e4b666203866c7052d2f3d6e374f3-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="Вставка ссылки на картинку: 1. Нажав Enter пропишем тег 2."></a> </div> <div class="text"> <h4>тег <br> 2. Нажав Enter пропишем тег </h4> width=256 height=128> это ссылка в веб-документе на картинку которую мы вставляем. Вместо «названия картинки» пишем имя картинки которая содержится уже в нашей папке. Width и height – это ширина и высота нашей картинки. По умолчанию это 256х128. <br> </div> <hr> </div> <div class="descrip"> <h3 id="slide32"> <a href="/img/tmb/6/562971/db04fceeb17da8143e4e573c5a7f01c6-720x.jpg" target="_blank">Слайд 32</a> После проделанных нами операций, должно получиться следующее<br> </h3> <div class="image"> <a href="/img/tmb/6/562971/db04fceeb17da8143e4e573c5a7f01c6-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="После проделанных нами операций, должно получиться следующее"><img src="/img/tmb/6/562971/db04fceeb17da8143e4e573c5a7f01c6-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="После проделанных нами операций, должно получиться следующее"></a> </div> <hr> </div> <div class="descrip"> <h3 id="slide33"> <a href="/img/tmb/6/562971/06ece52bef0aed40e799d4304047fc42-720x.jpg" target="_blank">Слайд 33</a> Теперь напишем строчку тем цветом какой нам нравится, </h3> <div class="image"> <a href="/img/tmb/6/562971/06ece52bef0aed40e799d4304047fc42-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Теперь напишем строчку тем цветом какой нам нравится, например возьмем красный цвет 1. Жмем Enter пишем тег и снова жмем Enter 2. пишем тег и указываем нужный нам размер шрифта, цвет, и поставим стиль шрифта “Georgia” Наш тег должен выглядеть следующим образом Я люблю …. цвет "><img src="/img/tmb/6/562971/06ece52bef0aed40e799d4304047fc42-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="Теперь напишем строчку тем цветом какой нам нравится, например возьмем красный"></a> </div> <div class="text"> <h4>например возьмем красный цвет 1. Жмем Enter пишем тег <br></h4> и снова жмем Enter 2. пишем тег <font> и указываем нужный нам размер шрифта, цвет, и поставим стиль шрифта “Georgia” Наш тег должен выглядеть следующим образом <font size=размер шрифта (от 1 до 7) color=ваш любимый цвет на английском языке в кавычках face=“Georgia”> Я люблю …. цвет </font><br> </div> <hr> </div> <div class="descrip"> <h3 id="slide34"> <a href="/img/tmb/6/562971/da71cbd8b0a43d1ea368675128099f84-720x.jpg" target="_blank">Слайд 34</a> Далее мы напишем о том что мы больше </h3> <div class="image"> <a href="/img/tmb/6/562971/da71cbd8b0a43d1ea368675128099f84-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Далее мы напишем о том что мы больше всего любим и вставим картинку если таковую найдем в интернете. 1. Жмем Enter пишем тег 2. Жмем Enter пишем то, что мы больше всего любим в жизни и жмем Enter 3. Пишем тег Жмем enter и вставляем ссылку на картинку указывая при этом ширину и высоту нашей картинки. И правильно указываем название и расширение нашей картинки. 4. Жмем Enter и закрываем тег "><img src="/img/tmb/6/562971/da71cbd8b0a43d1ea368675128099f84-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="Далее мы напишем о том что мы больше всего любим и"></a> </div> <div class="text"> <h4>всего любим и вставим картинку если таковую найдем в</h4> интернете. 1. Жмем Enter пишем тег <br> 2. Жмем Enter пишем то, что мы больше всего любим в жизни и жмем Enter 3. Пишем тег <br> Жмем enter и вставляем ссылку на картинку указывая при этом ширину и высоту нашей картинки. И правильно указываем название и расширение нашей картинки. 4. Жмем Enter и закрываем тег </center><br> </div> <hr> </div> <div class="descrip"> <h3 id="slide35"> <a href="/img/tmb/6/562971/d4b447a1324df302bc7d65781b32bfe7-720x.jpg" target="_blank">Слайд 35</a> Вот что должно поулчиться:<br> </h3> <div class="image"> <a href="/img/tmb/6/562971/d4b447a1324df302bc7d65781b32bfe7-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Вот что должно поулчиться:"><img src="/img/tmb/6/562971/d4b447a1324df302bc7d65781b32bfe7-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="Вот что должно поулчиться:"></a> </div> <hr> </div> <div class="descrip"> <h3 id="slide36"> <a href="/img/tmb/6/562971/013abf669cd9cc7130ae12ed6427a29a-720x.jpg" target="_blank">Слайд 36</a> Теперь глянем что у нас получилось) Закрываем блокнот </h3> <div class="image"> <a href="/img/tmb/6/562971/013abf669cd9cc7130ae12ed6427a29a-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Теперь глянем что у нас получилось) Закрываем блокнот и открываем наш файл через браузер. Смотрим что вышло…"><img src="/img/tmb/6/562971/013abf669cd9cc7130ae12ed6427a29a-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="Теперь глянем что у нас получилось) Закрываем блокнот и открываем наш"></a> </div> <div class="text"> <h4>и открываем наш файл через браузер. Смотрим что вышло…<br></h4> </div> <hr> </div> </div> <div class="custom" > <!-- Yandex.RTB R-A-11464146-5 --> <div id="yandex_rtb_R-A-11464146-5"></div> <script> window.yaContextCb.push(() => { Ya.Context.AdvManager.render({ "blockId": "R-A-11464146-5", "renderTo": "yandex_rtb_R-A-11464146-5" }) }) </script></div> <div class="content dl-content" style="margin-top: 20px"> <form action="" method="post" class="js_captcha dl-form"> <div> <ul> <li>Имя файла: prezentatsiya-po-informatike-sozdanie-web-stranitsy-dlya-nachinayushchih.pptx</li> <li>Количество просмотров: 78</li> <li>Количество скачиваний: 0</li> </ul> <div class="g-recaptcha" data-sitekey="6Lf0iN8nAAAAACKv8U8VhTtj8F1wq0TA-RBjxFb2"></div> <input type="submit" value="Скачать презентацию"> <input type="hidden" name="task" value="dodownload"> <input type="hidden" name="0579518f540b312d5345f5b96f76ee5d" value="1" /> </div> <div class="clear"></div> </form> <div class="adBlockDownload"> <div class="banners"></div> </div> </div> <div class="itemNavigation"> <div class="itemNavigation-wrapper"> <div class="itemNavigation-item"> - Предыдущая <a class="itemNavigation-link" href="/uncategorized/562970-elektronnoe-portfolio-dlya-masterov-i-prepodavateley">Электронное Портфолио для мастеров и преподавателей Профессионального и обще профессионального цикла</a> </div> <div class="itemNavigation-item"> Следующая - <a class="itemNavigation-link" href="/russkiy-yazyk/562972-prezentatsiya-k-uroku-russkogo-yazyka-po-408">Презентация к уроку русского языка по теме Спряжение глаголов Перспективная начальная школа</a> </div> </div> </div> </div> <div class="right"> <div class="banners"> <div class="custom" > <!-- Yandex.RTB R-A-11464146-1 --> <div id="yandex_rtb_R-A-11464146-1"></div> <script> window.yaContextCb.push(() => { Ya.Context.AdvManager.render({ "blockId": "R-A-11464146-1", "renderTo": "yandex_rtb_R-A-11464146-1" }) }) </script></div> </div> <div class="list related"> <h2>Похожие презентации</h2> <div class="wrapper"> <a href="/informatika/1s-bitriks-gotovye-resheniya"> <img src="/img/tmb/12/1129514/34892458fd0a394476e987d9913e9e9a-210x.jpg" alt="1С-Битрикс: Готовые решения"> <span class="desc"> <span>1С-Битрикс: Готовые решения</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 150</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/modelirovanie-13_"> <img src="/img/tmb/14/1394340/eeece1dfb036b9ca13083110bdf86b21-210x.jpg" alt="Моделирование"> <span class="desc"> <span>Моделирование</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 109</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/645669-prezentatsiya-po-informatike-zdorovesberegayushchie-komponenty-uroka"> <img src="/img/tmb/7/645669/76903a84a1e406069b5524f55c2dfd63-210x.jpg" alt="Презентация по информатике Здоровьесберегающие компоненты урока информатики"> <span class="desc"> <span>Презентация по информатике Здоровьесберегающие компоненты урока информатики</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 118</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/microsoft-office-word-2007"> <img src="/img/tmb/11/1048379/a2f4377aedbb132eb36e3e40af465140-210x.jpg" alt="Microsoft Office Word 2007"> <span class="desc"> <span>Microsoft Office Word 2007</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 207</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/sostavit-programmu-1"> <img src="/img/tmb/12/1151904/71db39782dee42accc9ebea0e1565567-210x.jpg" alt="Составить программу"> <span class="desc"> <span>Составить программу</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 110</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/lokalnye-kompyuternye-seti-5"> <img src="/img/tmb/14/1389837/0d520366b91d9b3ec5658f8cb9e82899-210x.jpg" alt="Локальные компьютерные сети"> <span class="desc"> <span>Локальные компьютерные сети</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 102</span> </span> </a> </div> <div class="clear"></div> </div> </div> </div> <div class="cntWrapper"> <div class="list"> <h2 class="right-heading" id="related">Похожие презентации</h2> <div class="wrapper"> <a href="/informatika/puteshestvie-po-kontinentam-afrika-prezentatsiya-k"> <img src="/img/tmb/9/885292/c07ad790fe64025e81b1eaf9c088979f-210x.jpg" alt="Путешествие по КОНТИНЕНТАМ. Африка презентация к уроку по информатике (средняя, старшая группа)"> <span class="desc"> <span>Путешествие по КОНТИНЕНТАМ. Африка презентация к уроку по информатике (средняя, старшая группа)</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 152</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/poisk-dannyh-i-zashchita-informatsii"> <img src="/img/tmb/12/1102390/a44c542ee73986df490e1a4725b23444-210x.jpg" alt="Поиск данных и защита информации"> <span class="desc"> <span>Поиск данных и защита информации</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 149</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/yazyk-programmirovaniya-pascal-massivy"> <img src="/img/tmb/12/1196740/8cecb922e3fb777be36e2c7aac9851f2-210x.jpg" alt="Язык программирования Pascal. Массивы"> <span class="desc"> <span>Язык программирования Pascal. Массивы</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 171</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/tsifrovaya-obrabotka-zvukovogo-signala"> <img src="/img/tmb/15/1438688/772eac009e914727aa778e22789fce2f-210x.jpg" alt="Цифровая обработка звукового сигнала"> <span class="desc"> <span>Цифровая обработка звукового сигнала</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 117</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/fakultet-kibernetiki"> <img src="/img/tmb/14/1355667/46287adc24f95db03c3ca97fb13234ee-210x.jpg" alt="Факультет Кибернетики"> <span class="desc"> <span>Факультет Кибернетики</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 119</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/ponyatie-kak-forma-myshleniya-3_"> <img src="/img/tmb/13/1280893/1dbbb05c641de5f22db1b80e0cb1635f-210x.jpg" alt="Понятие как форма мышления"> <span class="desc"> <span>Понятие как форма мышления</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 114</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/robot-kumir"> <img src="/img/tmb/12/1130575/edf18f481606621b750d5874bf4698e8-210x.jpg" alt="Робот Кумир"> <span class="desc"> <span>Робот Кумир</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 209</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/bezopasnaya-rabota-v-sotsialnyh-setyah-26_"> <img src="/img/tmb/14/1301014/1509b3076f344e9163b04f77823bff9d-210x.jpg" alt="Безопасная работа в социальных сетях"> <span class="desc"> <span>Безопасная работа в социальных сетях</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 123</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/526999-teksty-v-kompyuternoy-pamyati-3"> <img src="/img/tmb/6/526999/e3573ffbea35ee492e68c58cf3b56bd7-210x.jpg" alt="Тексты в компьютерной памяти"> <span class="desc"> <span>Тексты в компьютерной памяти</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 154</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/massiv-komandy-dlya-massivov"> <img src="/img/tmb/15/1415074/885135d1c45283156f459bc636004bd0-210x.jpg" alt="Массив. Команды для массивов"> <span class="desc"> <span>Массив. Команды для массивов</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 287</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/vikoristannya-mentalnih-kart-na-urokah-nformatiki"> <img src="/img/tmb/15/1464334/0ea22605a28539e76d23431b47ef5ab1-210x.jpg" alt="Використання ментальних карт на уроках інформатики"> <span class="desc"> <span>Використання ментальних карт на уроках інформатики</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 117</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/teoriya-avtomatov-i-formalnyh-yazykov-strukturnyy"> <img src="/img/tmb/15/1482372/ca4f3051bae5fe13a46bf5511ea81d8c-210x.jpg" alt="Теория автоматов и формальных языков. Структурный синтез. Триггеры"> <span class="desc"> <span>Теория автоматов и формальных языков. Структурный синтез. Триггеры</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 271</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/informatika-v-nachalnuyu-shkolu-prishla"> <img src="/img/tmb/12/1141853/6a061eb8acd8b6ea8dbb235b5f3ed25a-210x.jpg" alt="Информатика в начальную школу пришла"> <span class="desc"> <span>Информатика в начальную школу пришла</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 122</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/elektronnye-obrazovatelnye-resursy-pri-obuchenii-postroeniyu"> <img src="/img/tmb/12/1156763/dcd29dec279d86e2f1fbf2ec648a6d7a-210x.jpg" alt="Электронные образовательные ресурсы при обучении построению диаграмм и графиков в школьном курсе информатики"> <span class="desc"> <span>Электронные образовательные ресурсы при обучении построению диаграмм и графиков в школьном курсе информатики</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 149</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/tehnologiya-razrabotki-programmnogo-obespecheniya-86"> <img src="/img/tmb/15/1446423/e5ffa6d3bf0c8575de2df5f77bdc11eb-210x.jpg" alt="Технология разработки программного обеспечения"> <span class="desc"> <span>Технология разработки программного обеспечения</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 156</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/skazka-o-bezopasnosti-interneta-prezentatsiya-k"> <img src="/img/tmb/9/870523/fd217cab83844d675a1f229cdf0ece17-210x.jpg" alt="Сказка о безопасности Интернета презентация к уроку по информатике (1, 2, 3, 4 класс)"> <span class="desc"> <span>Сказка о безопасности Интернета презентация к уроку по информатике (1, 2, 3, 4 класс)</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 152</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/obshchie-svedeniya-o-seti-internet"> <img src="/img/tmb/11/1056399/41a39a6320311b360b615561b6e1f286-210x.jpg" alt="Общие сведения о сети интернет"> <span class="desc"> <span>Общие сведения о сети интернет</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 186</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/kompyuternaya-grafika-9_"> <img src="/img/tmb/13/1267971/e14152f7e7170603d105638dd07c9271-210x.jpg" alt="Компьютерная графика"> <span class="desc"> <span>Компьютерная графика</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 115</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/ispolzovanie-testovyh-obolochek-dlya-sozdaniya-testov"> <img src="/img/tmb/11/1060834/5d0e43f204ddf6c33858fb88c2c28877-210x.jpg" alt="Использование тестовых оболочек для создания тестов по алгебре"> <span class="desc"> <span>Использование тестовых оболочек для создания тестов по алгебре</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 196</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/baza-dannyh-3_"> <img src="/img/tmb/14/1314302/aecae1bcf4a4aa690d8d254307a07193-210x.jpg" alt="База данных"> <span class="desc"> <span>База данных</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 164</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/tipy-tablits"> <img src="/img/tmb/12/1192559/3b5884f6de0f8607db5c7068e278bdce-210x.jpg" alt="Типы таблиц"> <span class="desc"> <span>Типы таблиц</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 172</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/sozdanie-prezentatsiy-v-srede-microsoft-powerpoint"> <img src="/img/tmb/9/889742/bc8ad72b1723fd0d6b2b457586f994df-210x.jpg" alt="Создание презентаций в среде Microsoft PowerPoint презентация к уроку по информатике (4 класс)"> <span class="desc"> <span>Создание презентаций в среде Microsoft PowerPoint презентация к уроку по информатике (4 класс)</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 162</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/pravila-bezopasnosti-v-kabinete-informatiki_"> <img src="/img/tmb/13/1268564/9398c8ddb4f761fad3ae2ec25510317c-210x.jpg" alt="Правила безопасности в кабинете информатики"> <span class="desc"> <span>Правила безопасности в кабинете информатики</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 130</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/odnomernye-massivy-3"> <img src="/img/tmb/12/1136412/5fd0c142c4512bbb7bd03642d2eeefdd-210x.jpg" alt="Одномерные массивы"> <span class="desc"> <span>Одномерные массивы</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 166</span> </span> </a> </div> <div class="clear"></div> </div> </div> </div> </div> <script src="/templates/presentation/js/script.js?7ae5a315ef1850f1ab2723f8f8484030"></script> </body> </html>