Инфоурок / Информатика / Презентации / Презентация к уроку "Средства разработки веб-сайтов" 11 класс

Презентация к уроку "Средства разработки веб-сайтов" 11 класс



Московские документы для аттестации!

124 курса профессиональной переподготовки от 4 795 руб.
274 курса повышения квалификации от 1 225 руб.

Для выбора курса воспользуйтесь поиском на сайте KURSY.ORG


Вы получите официальный Диплом или Удостоверение установленного образца в соответствии с требованиями государства (образовательная Лицензия № 038767 выдана ООО "Столичный учебный центр" Департаментом образования города МОСКВА).

ДИПЛОМ от Столичного учебного центра: KURSY.ORG


библиотека
материалов
 Тема урока: Инструменты для разработки веб-сайтов 15 декабря 2014 г
Web-сайт это: Набор страниц, посвященных определенной тематике и связанных ме...
Анализ и проектирование сайта Информационное наполнение сайта Креатив, или ви...
2 способа Ручной С использованием конструктора С помощью языка разметки HTML...
На Web – страницах находится информация: текстовая, графическая, звуковая, ви...
Даны теги, определить парные и одиночные теги:  ; ;  ; Одиночные Парные Приме...
 Парные теги бывают: Пример:   ….   открывающиеся закрывающиеся
Название Web-страницы    Приветствую тебя, посетитель моего сайта. Меня зо...
В настоящее время имеется большое количество различных инструментальных средс...
- программа рассчитанная на работу в Windows, Linux,Mac Os. Для начала мы дол...
 Интерфейс визуального редактора Kompozer
Оформление страницы Установка фоновой заливки страницы В главном меню редакт...
Заголовок страницы Для изменения заголовка веб-страницы необходимо в главном...
Наполнение веб-страницы Наполнение страницы осуществляется довольно просто и...
Добавление гиперссылок На панели инструментов существует иконка, с помощью ко...
Добавление изображений Необходимо щелкнуть по иконке «Изображение» на панели...
Результат
Подведение итогов Чему научились? Что узнали нового? Что понравилось? Чему хо...
18 1

Описание презентации по отдельным слайдам:

№ слайда 1  Тема урока: Инструменты для разработки веб-сайтов 15 декабря 2014 г
Описание слайда:

Тема урока: Инструменты для разработки веб-сайтов 15 декабря 2014 г

№ слайда 2 Web-сайт это: Набор страниц, посвященных определенной тематике и связанных ме
Описание слайда:

Web-сайт это: Набор страниц, посвященных определенной тематике и связанных между собой гиперссылками

№ слайда 3 Анализ и проектирование сайта Информационное наполнение сайта Креатив, или ви
Описание слайда:

Анализ и проектирование сайта Информационное наполнение сайта Креатив, или визуальная составляющая сайта Написание кода Тестирование Публикация Поддержка Этапы разработки веб-сайтов:

№ слайда 4 2 способа Ручной С использованием конструктора С помощью языка разметки HTML
Описание слайда:

2 способа Ручной С использованием конструктора С помощью языка разметки HTML С помощью специальных программ С помощью online-сервисов

№ слайда 5 На Web – страницах находится информация: текстовая, графическая, звуковая, ви
Описание слайда:

На Web – страницах находится информация: текстовая, графическая, звуковая, видео. Для того, чтобы создать Web – страницу нужно написать программу на языке HTML. Слово «HTML» представляет собой сокращение от «HyperText Markup Language» - «язык разметки гипертекста». Основным понятием языка HTML является понятие тег. ТЕГ – инструкция браузеру, указывающая способ отображения информации заключенный в угловые скобки <>..

№ слайда 6 Даны теги, определить парные и одиночные теги:  ; ;  ; Одиночные Парные Приме
Описание слайда:

Даны теги, определить парные и одиночные теги: <H1> </H1>; <Br>; <Head> </Head>; Одиночные Парные Пример: <br> Пример:  <HTML> ….  </HTML>

№ слайда 7  Парные теги бывают: Пример:   ….   открывающиеся закрывающиеся
Описание слайда:

Парные теги бывают: Пример:  <HTML> ….  </HTML> открывающиеся закрывающиеся

№ слайда 8 Название Web-страницы    Приветствую тебя, посетитель моего сайта. Меня зо
Описание слайда:

<HTML> <HEAD> <TITLE> Название Web-страницы </TITLE> </HEAD> <BODY > Приветствую тебя, посетитель моего сайта. Меня зовут Петя. Это моя первая Web-страница. </BODY> </HTML>

№ слайда 9 В настоящее время имеется большое количество различных инструментальных средс
Описание слайда:

В настоящее время имеется большое количество различных инструментальных средств разработки Web-страниц и Web-сайтов, от простейших HTML-редакторов до систем с использованием технологии WYSIWYG ("What You See Is What You Get" - "Что видишь, то и получишь"). Такие редакторы (визуальные веб-редакторы) входят в состав некоторых офисных пакетов и некоторых интегрированных приложений для работы в Интернете: Front Page Express   Kompozer   Web-мастер AdobeDreamweaver 1st Page 2000 Microsoft Front Page AceHTML 4 Иструментльные средства разработки веб-сайтов

№ слайда 10 - программа рассчитанная на работу в Windows, Linux,Mac Os. Для начала мы дол
Описание слайда:

- программа рассчитанная на работу в Windows, Linux,Mac Os. Для начала мы должны определиться с тематикой Веб- сайта, продумать дизайн, количество ссылок. Визуальный редактор Kompozer

№ слайда 11  Интерфейс визуального редактора Kompozer
Описание слайда:

Интерфейс визуального редактора Kompozer

№ слайда 12 Оформление страницы Установка фоновой заливки страницы В главном меню редакт
Описание слайда:

Оформление страницы Установка фоновой заливки страницы В главном меню редактора необходимо выбрать: Формат Цвета и фон страницы

№ слайда 13 Заголовок страницы Для изменения заголовка веб-страницы необходимо в главном
Описание слайда:

Заголовок страницы Для изменения заголовка веб-страницы необходимо в главном меню выбрать : Формат Заголовок и свойства страницы

№ слайда 14 Наполнение веб-страницы Наполнение страницы осуществляется довольно просто и
Описание слайда:

Наполнение веб-страницы Наполнение страницы осуществляется довольно просто и напоминает работу в текстовом редакторе

№ слайда 15 Добавление гиперссылок На панели инструментов существует иконка, с помощью ко
Описание слайда:

Добавление гиперссылок На панели инструментов существует иконка, с помощью которой добавляем гиперссылку, указывающую на расположенный в Интернете сайт

№ слайда 16 Добавление изображений Необходимо щелкнуть по иконке «Изображение» на панели
Описание слайда:

Добавление изображений Необходимо щелкнуть по иконке «Изображение» на панели инструментов и выбрать картинку из папки локального или съемного диска

№ слайда 17 Результат
Описание слайда:

Результат

№ слайда 18 Подведение итогов Чему научились? Что узнали нового? Что понравилось? Чему хо
Описание слайда:

Подведение итогов Чему научились? Что узнали нового? Что понравилось? Чему хотели бы научиться? Что было самым трудным ?

Очень низкие цены на курсы переподготовки от Московского учебного центра для педагогов

Специально для учителей, воспитателей и других работников системы образования действуют 65% скидки при обучении на курсах профессиональной переподготовки.

После окончания обучения выдаётся диплом о профессиональной переподготовке установленного образца с присвоением квалификации (признаётся при прохождении аттестации по всей России).

Подайте заявку на интересующий Вас курс сейчас: KURSY.ORG


Общая информация

Номер материала: ДБ-193048

Похожие материалы

Получите наградные документы сразу с 38 конкурсов за один орг.взнос: Подробнее ->>