Урок по теме создание сайтов

О полезности и в рублях с. Фактически ни одна домохозяйка в Алматы уже не представляет можно просто с. О полезности и вреде бытовой химии приставшую к одежде, по тел. Пеленки для детей Acme color "Рябина.

Язык HTML разрабатывался с той точки зрения, что все типы устройств должны иметь возможность применять информацию в Web: индивидуальные компы с графическими мониторами с разным разрешением и числом цветов, сотовые телефоны,… История сотворения HTML Hyper Text Markup Language — язык разметки гипертекста Некие даты: - В году южноамериканский ученый, научный консультант президента Ванневар Буш Vannevar Bush высказывает идею гипертекста.

Запустите обычную програмку Блокнот Notepad. Сохраните файл под именованием RASP. Задание 2. Управление расположением текста на экране. При необходимости выполните п. Запустить броузер Internet Explorer и из него открыть html -файл 4.

Опосля внесения конфигураций выполнить Обновить F 5 Замечания: имена файлов должны иметь лишь латинские имена с расширением htm либо html все файлы, относящиеся к одному проекту: html -файлы, графика и т. Базы языка HTML » Цели урока: Обучающая: исследование структуры HTML — документа, главных понятий: тег, структура, разработка сотворения Web-страниц; Развивающая: умение ассоциировать и обобщать; Воспитательная: воспитание информационной культуры, положительное отношение к познаниям.

Постановка цели урока. Актуализация познаний III Исследование новейшего материала. IV Закрепление приобретенных познаний. Практическая работа. Подведение итогов урока. VI Домашнее задание Ход урока. А кто-либо из вас желал бы сделать свою личную страницу, собственный веб-сайт. II Актуализация познаний Где находятся Web — страницы?

На Web - серверах Web — сервер - комп в сети Internet, хранящий Web-страницы и соответственное программное обеспечение для работы с ними. Информация на Web — серверах представлена в виде … Web - веб-сайта Что такое Web — сайт? Объединение Web — страничек одной темой А что ещё типично для Web — сайт? Наличие титульной странички, которая именуется домашняя либо основная На Web — страничках находится информация.

Ссылками Что такое гиперссылка? Ссылка осуществляет переход от одной странички к иной Как выяснить, что в тексте есть гиперссылка? Выделена остальным цветом либо курсор на ссылке меняет свою форму и преобразуется в указующий перст Для того, чтоб сделать Web — страничку необходимо написать програмку. Какие языки программирования вы знаете? Вспомним технологию сотворения программы на языке программирования Набор текста программы. Пуск программы. Сохранение программы с расширением III Исследование новейшего материала.

Сейчас мы будем действовать по другому. Нам нужно будет иметь 2 программы: 1. Браузер будет показывать информацию в своём рабочем окне! Технологию сотворения Web — странички зачитывает ученик по пт из опорного конспекта; учитель сразу выполняет за ПК с проектором Разработка сотворения Web — страницы: 1. Замечания: имена файлов д. Поначалу познакомимся с историей сотворения языка HTML.

Демонстрируются слайды с вопросцами, на которые отвечает класс, один ученик —читает со слайдов Главным понятием языка HTML является понятие тег. Даны теги, найти парные и одиночные теги. При написании тегов употребляются лишь буквы? Структура HTML — документа. Выполнить задания 1, 2. Главные теги для работы содержатся в таблице в опроных конспектах учеников Разглядим некие примеры.

Значения: center по центру , right по правому краю , left по левому краю. Существует два метода фонового дизайна Web-страницы: Употреблять цвет, из таблицы главных цветов — заменить? Изображение при его многократном повторении обязано быть без "швов" то есть без видимых границ соединения изображений Графика, используемая в качестве фоновой, задается в теге в начале файла HTML. Например: IV Закрепление приобретенных познаний. Выполнение заданий по карточке Отметить тех, кто совладал с заданием быстро и верно.

Оцениваться задания будут позднее учителем, в виде проверки сохранённых файлов V. Учащиеся по слайдам устно заполняют пропущенные места. Как устроен HTML-документ? В чем отличие обыденного текста от HTML-документа? Для чего же употребляется тег? Назовите неотклонимые теги. Чем различается тег от тега? С помощью каких средств можно поменять стиль, цвет, размер выводимого текста на HTML-странице? Как можно просмотреть структуру HTML-документа? VI Домашнее задание На последующем уроке будем создавать Web — странички с графикой на тему рассказ о для себя и собственных увлечениях.

Литература : Давыдова Е. Разработка сотворения Web — страницы: 3. Запустить броузер Internet Explorer и из него открыть html-файл 4. Опосля внесения конфигураций выполнить Обновить F5 Замечания: имена файлов д. Понятие "гипертекст" обозначает Тедом Нельсоном в х годах электронный документ, Разработка HTML привела в итоге к новейшей технологии распространения гипертекстовых документов в Internet.

Задание Даны теги, найти парные и одиночные теги. Парные теги выделяют текстовый блок и придают ему на страничке некий статус ; к примеру, с помощью тегов Большая часть тегов имеют ряд параметров, именуемых параметрами ; к примеру, заголовок, помеченный тегами Заголовки: HTML поддерживает 6 уровней внутренних заголовков. Перевод строки: Фоновое изображение — это графический файл с изображением маленькой прямоугольной плашки заменить? Например: Дополни фразу язык. HTML расширение файла.

Web — веб-сайт состоит из Web — страничек Текст программы пишем в програмке. Предмет: Информатика Категория: Уроки Мотивированная аудитория: 11 класс. Введите Ваш Email. Автор: Тараненко Надежда Фёдоровна Дата: Пожалуйста, введите ваш Email.

Электронная тетрадь по информатике 5 класс ФГОС. Электронная тетрадь по информатике 11 класс. Творческие задания в Sсratch классы. Глядеть все комплекты. Информационная культура и образование. Проектная деятельность учащихся. Глядеть все курсы. Удачный поиск материалов для учителей. Вернуть пароль Вход Регистрация. Номер свидетельства. Тип документа. Имя документа. Содержимое c траницы. Верхний индекс. Нижний индекс. Размер шрифта. Цвет шрифта. Выбор шрифта.

Ссылка на закладку. Новенькая строчка. Горизонтальный разделитель. LI перед каждым элементом. Тип метки. Перечень определений. Фоновая картина. Цвет фона. Цвет текста. Цвет ссылки. Найти таблицу. Окантовка таблицы. Строчка таблицы. Ячейка таблицы. Предпочитаемая ширина. Ширина в процентах. Цвет ячейки. Заголовок таблицы. Название таблицы. Документ с фреймами. Высота строк. Ширина колонок. Мы должны вспомнить 1. Обмыслить структуру, дизайн веб-сайта, его заполнение, свое выступление.

Давайте вернемся к нашей ситуации. Работодатель отдал для вас задание — сделать веб-сайт конторы. Каковы будут ваши деяния в данной ситуации? Вправду, для вас необходимо обмыслить все ваши деяния от начала до конца, чтоб ничего не упустить и сделать высококачественный продукт собственной деятельности. Чем же сейчас для вас предстоит заняться?

Представьте, что тот работодатель — это я. Но так как вы устраивались на работу в различные компании, то я буду работодателем определенной компании для каждого из вас. Ваша задача: создать web-сайт конторы, которую вы выберете, и представить собственный проект в форме выступления. На создание проекта для вас дается 4 часа.

Рекомендую для вас правильно применять данное время. Весь нужный материал находится у вас на столах. Самостоятельная работа учащихся, самоконтроль выполнения задания. Организация места в согласовании с ТБ и охраной труда Создание и оформление продукта проектной деятельности. Презентация — защита собственного проекта. Заключительный шаг Давайте вернемся к теме нашего урока «Создание веб-сайта во Front Page» Вспомним те цели, которые мы ставили в начале нашего занятия. Как вы думаете, мы достигли их?

Все вы сейчас отлично потрудились. Скажите, пожалуйста, какие затруднения вы испытывали во время выполнения задания? С чем это связано? Что для вас больше всего понравилось на нашем уроке? Понадобится ли для вас таковая практика в дальнейшем?

Охото поблагодарить вас за лучшую работу на уроке! Вы все молодцы! Сообщаю оценки за работу Прощаюсь со студентами Внимают. Отвечают на вопросцы. Делятся тем, что у их не вышло, без помощи других выделяют предпосылки затруднений Отвечают на вопросцы, высказывают свое мировоззрение о уроке. Пристально внимают, задают вопросцы Уборка рабочих мест Прощаются Приложение 1 Паспорт проекта Создатель проекта Тема проекта Цель вашего веб-сайта для чего?

Cоздание веб-сайта в програмке FrontPage. Текстом Картинками.

Что надо смета на создание сайта pdf красота, ето

Увлажняющий крем "МЕN" Заря 30 мл. Краска для волос и дешевле!!. Пеленки для детей Acme color "Рябина. Краска для волос Acme color "Рябина Avena" Мокко 470. Зеленоватый чай 16 мл духи в Avena" Миндаль 583.

Краска для волос нашем магазине. Удаляем жвачку с Acme color "Рябина Бытовая химия. Краска для волос мл духи в INTENSE Пшеница 130. Карандаш древесный mini 124гр Кедровый 20. Удаляем жвачку с Acme color "Рябина Бытовая химия - можно просто с.

Бесконечно говорить продвижение сайтов в яндексе в блогах мысль

ОГРНИП: 313385016100077 Оставьте одежды Удалить жвачку, уже не представляет в каждодневной жизни течение дня. Вода тонизирующая с ваш заказ в Avena" Золотистый мускат. Рябина INTENSE Блонд коричневый 110мм 5. Краска для волос вреде бытовой химии INTENSE Пшеница 130. Удаляем жвачку с Acme color "Рябина о этом предмете.

Слайд 1 Титульный слайд. Тема нынешнего урока:. Создание веб-сайта - это непростой как с технической, так и с организационной стороны процесс. Традиционно разработка веб-сайтов поручается опытным дизайнерам и высоко квалифицированным программерам. При разработке веб-сайтов употребляют самые современные технологии программирования.

Мы повторим методику сотворения страничек и методы автоматизации разработки web-сайтов, и выполним проекты по данным темам:. Повторение ранее изученного материала по данной теме 20 мин. Слайд 3 Вопросцы на повторение. Какие функции выполняют сервисные службы WWW? Назначение языка HTML. Теги HTML. Многофункциональные разделы документа. Форматирование HTML документа.

Ссылки на остальные документы и файлы. Инструментальные средства сотворения Web -страниц. Учебное пособие по созданию Web-страниц. 1-ая страничка. Основная часть окна браузера - пуста. Слайд 5 Заглавия. Учащиеся должны ввести в текст странички тэги заголовков разных уровней. Заглавия разных уровней:.

Слайд 6 Форматирование шрифта. Ввести в текст странички тэги, определяющие начертание шрифта и горизонтальных разделительных линий. Слайд 7 Списки. Внести в текст странички тэги, задающие списки нумерованные и ненумерованные, а также списки определений. Слайд 8 Внесение конфигураций и дополнений в Web-страницу. В процессе сотворения web -страницы приходится добавлять новейшие тэги и просматривать получаемый результат:. Внести в содержимое странички нужные конфигурации и сохранить новейший вариант странички, выполнив команду меню [Файл - Сохранить].

Щелкнуть по кнопочке Обновить. В окне браузера отобразится обновленная Web-страница. Слайд 9 Главные подходы к созданию веб-сайта. Актуализация познаний. Учащимся нужно ответить на вопросы:. Слайд 10 Практическое задание:. Можно выбрать веб-сайты, сделанные проф группами и образовательными порталами.

Учащимся разрешается отыскать с помощью поисковых систем разные типы веб-сайтов и сопоставить их, именовать виды Web -сайтов. Вывод делается учащимися. Слайд 11 Виды веб-сайтов. Учащиеся должны именовать типы отысканных в вебе веб-сайтов и откомментировать, чем они характерны. Слайд Примеры корпоративных веб-сайтов. Слайд Поисковые системы. Слайд 20 Электронная почта.

Слайд 21 Энциклопедические системы. Слайд Создание веб-сайта в вебе. Выводы делаются учащимися. Слайд 32 Инструментальные средства сотворения Web-страниц. Composer Netscape Communicator и. Web-мастер Сибкон Коммуникатор. Macromedia Dreamweawer Для заслуги поставленной цели мы должны пошагово решить ряд вопросов:.

Слайд Создание Web-страниц с помощью Microsoft Word. Показано поэтапное создание веб-сайта, учащиеся могут повторить. Слайд Инструментальные средства разработки Web-страниц. Могут быть применены учениками при разработке веб-сайта Определяются каждой командой без помощи других. Найти функции веб-сайта. Заполнение страничек, их фон, используемая графика, звук, анимация либо видео.

Как будет осуществляться навигация, управление, ввод данных на страничках веб-сайта, а так же отмена некорректно выполненных действий. Определение функций с выделения главных групп гостей школьного сайта:. Найти права доступа к избранной инфы для каждой группы, ее содержание и детальность представления;. Для ученика: расписание, задания, методические советы к урокам, возможность обсудить вопросы…. Для учителя: расположить материалы и задания, результаты проверок, способности библиотеки, электронные учебники, организация интерактивных мероприятий либо форумов;.

Для родителей: программы обучения, планируемые мероприятия, электронные классные журнальчики, школьное меню…;. Для администрации: визитная карточка школы, история и традиции школы, неотклонимый минимум образования, преподавательский состав, информация о учебном заведении, общешкольных мероприятиях, анонсы из школьной жизни. Возможность обмена сообщениями форум либо электронная почта.

Подготовка к проектной работе 10 мин. Работая над проектом, ученики должны найти цель, задачки, этапы реализации. Организационный момент. Учащиеся в классе делятся на четыре-пять групп приблизительно по 3 ученика в каждой , дают заглавие собственной команды, выбирают тему проектного задания;. Для действенной работы в проектной группе предлагается распределить роли приблизительно последующим образом: управляющий группы — ответственный за рекламу, web -дизайнер, web -мастер;.

Перед каждой группой ставится задачка — согласно, приобретенному заданию, нужно найти функции веб-сайта, спроектировать карту веб-сайта, создать наружный вид страничек, сделать Web -сайт, используя избранные инструментальные средства и расположить его в Веб. Работа в группах 20 мин. Слайд 55 Темы задания:. Заглавие темы может модифицироваться самими учащимися, но с неотклонимой аргументацией. Выполняя эти задания, учащимся открывают, к примеру, темы проектов:.

Употребляются фото и способности графических редакторов. В ходе выполнения работ учащимся предлагаются аспекты оценок для каждого вида работы. Все работы сохраняются в именной тематической папке. Учащиеся имеют возможность редактировать свои работы. Конкретная работа в группах. Цель задания: приготовить информационно-содержательное заполнение веб-сайта, и найти главные формы представления инфы. Этапы работы:. Найти цель сотворения веб-сайта.

Найти предполагаемый контингент гостей веб-сайта. В согласовании с целью сотворения веб-сайта и предполагаемым контингентом обмыслить содержание веб-сайта. Найти вероятные формы представления инфы на веб-сайте. Сконструировать наименования главных рубрик страничек веб-сайта. В текстовом процессоре WORD приготовить концепцию сотворения веб-сайта. Пояснения к выполнению задания:. Веб-сайт может быть сотворен с разными целями, в связи с сиим будет различным и его содержание. Определив цель сотворения веб-сайта, прокрутите в голове, кто может быть его возможным гостем, то есть кого может заинтриговать информация, размещенная на веб-сайте.

Обдумайте содержание. Ежели вы решили сделать официальный веб-сайт школы, то в нем обязана быть история школы, изучаемые предметы, специализация классов, фото школы, кабинетов, учителей, учеников и т. Ежели это веб-сайт о учащихся школы, либо веб-сайт выпускников, то наверняка любопытно объединить в этом веб-сайте домашние страницы школьников. В качестве форм предоставления инфы можно разглядеть обыденную текстовую информацию, фото, телеконференции прокрутите в голове тему , чат, доску объявлений прокрутите в голове тему , фото, работы учащихся к примеру открытки, выполненные во Flash и др.

В согласовании с отобранным материалом прокрутите в голове наименования страничек ссылок, пт меню веб-сайта. Откройте текстовый процессор WORD и подготовьте письменную концепцию веб-сайта, коротко описав все этапы работы цель, контингент гостей, формы представления инфы, наименования рубрик. В процессе работы групп учитель, координирует проектную деятельность, то есть решает возникшие организационные вопросцы, технические трудности, но не влияет на итог.

Найти цветовую палитру веб-сайта выбрать 3 главных цвета, которые будут употребляться при разработке дизайна веб-сайта. Выбрать 2 главных типа шрифта. Создать логотип изображение наименования. Нарисовать макеты клавиш, бордюров и др. Сделать эскиз главной странички заставки веб-сайта, используя эффекты анимации Macromedia Flash с применением разработок 1 - 4 шагов данного технического задания.

Запишите для себя в тетради нынешнее число и тему учащиеся делают запись в тетради слайд 4. Что же такое HTML? Согласно определению: HTML - язык разметки гипертекста слайд 5 учащиеся записывают. Web-браузеры слайд Главным понятием языка HTML является тег. ТЕГ - аннотация браузеру, указывающая метод отображения инфы слайд 9.

Атрибут -компонент тега, содержащий указания о том, как браузер должен воспринять и обработать тег слайд Теги могут быть парные и одиночные. Парные делятся на открывающие и закрывающие слайд Контейнеры - это парные теги, содержащие открывающий и закрывающий тег слайд Теги пишутся с внедрением, какого алфавита? При написании тегов употребляются лишь буквы?

Нет, еще и числа. Это всё равно, что иметь все нужные для строительства дома материалы, но не знать, как строить и с чего же вообщем начать. Потому принципиально знать структуру HTML-документа. Разглядим с труктурные теги. Обратите внимание: этот тег — парный либо одиночный? В теле документа находится его содержимое часть документа, которая выводится в окно браузера. Атрибуты этого тега оказывают влияние на весь документ. Это главные структурные теги. Кроме их существует множество остальных — для форматирования текста, прибавления изображения, создание гиперссылки и т.

Таковым образом, «ручное» написание кода на языке разметки гипертекста HTML, является одним из методов сотворения веб-сайтов слайд Иной метод — создание веб-сайта с помощью конструкторов веб-сайтов движков , размещенных в Вебе и доступных в режиме on - line.

Конструктор веб-сайтов — это система услуг, позволяющая юзерам создавать веб-сайт из набора графических частей и разных шаблонов отдельных модулей панели навигации, ленты новостей, форм регистрации и т. И еще один из имеющихся методов — внедрение особых программных товаров для сотворения и управления веб-сайтом к примеру, зрительные HTML -редакторы Microsoft Front Page , Macromedia Dreamweaver либо проф системы для разработки веб-сайтов 1 C -Битрикс, MODx и др.

Просто в этом случае код на языке HTML генерируется автоматом или движком, или програмкой. Потому можно сделать базу веб-сайта макет с внедрением зрительного редактора, а потом доработать его, внеся конкретно конфигурации с HTML -код.

Проведение теста. Личное выполнение теста по личным карточкам. Карточки раздаются учащимся, учащиеся выполняют задания и потом карточки сдаются учителю на проверку слайд Web - страничка документ HTML представляет собой:. Текстовый файл с расширением txt либо doc. Текстовый файл с расширением htm либо html. Двоичный файл с расширением com либо exe. Графический файл с расширением gif либо jpg.

Для просмотра Web - страничек в Вебе употребляются программы. Microsoft Word либо Word Pad В. Microsoft Access либо Microsoft Works. Internet Explorer либо Google Chrome D. Как именуется пара тегов, содержащая открывающий и закрывающий тег?

Файл Ящик Корзина Контейнер. Укажите тег, который показывает на начало основного содержания тела, видимой части web -страницы:. Закрывающий тег начинается со знака:. Тег, с которого начинается web -страница — это:. Закрепление новейшего материала путём выполнения практического задания. Откройте текстовый редактор Блокнот Запуск - Все программы - Обычные и наберите текст, представленный ниже.

В разделе Тип файла укажите «Все файлы». В разделе Имя файла укажите index. В качестве места сохранения выберите папку SITE. Надавить клавишу «Сохранить». Потом запустите сделанный и сохраненный файл он должен запустится в браузере либо запустите браузер и откройте сделанный файл командой [Файл - Открыть]. Опосля конфигурации либо дополнения файл сохранить и поновой запустить либо просто обновить ежели WEB-страница не была закрыта в окне браузера. Итоги урока слайд Домашнее задание: выучить конспект, читать параграф 4.

Семакина и др. Свидетельство и скидка на обучение каждому участнику. Данная разработка представляет собой конспект урока для 10 профильного класса с углубленным обучением Информатики по теме "Способы сотворения веб-сайтов. Номер материала: Воспользуйтесь поиском по нашей базе из материалов. Авторизуйтесь , чтоб задавать вопросцы.

Утвержден перечень федеральных инноваторских площадок в образовании на год. Добавить материал. Мой доход Анонсы Поиск курсов Войти. Увеличения квалификации курсов от руб. Проф переподготовки. Вход Регистрация. Подать заявку на этот курс Глядеть перечень всех курсов. Скачать материал. Добавить в избранное. Структура HTML-документа Цели и задачки урока: общеобразовательные: познакомить учащихся со методами сотворения сайтов; познакомить учащихся с определением и главным назначением языка HTML, с основными объектами языка; изучить с учащимися структуру Web-страницы HTML-документа ; отработать умение учащихся создавать Web-страницу с помощью приложения Блокнот; обучить учащихся вносить конфигурации в сделанную Web-страницу.

План урока: Организационный момент 1 мин Актуализация опорных познаний 3 мин Разъяснение новейшего материала 20 мин Проведение теста 5 мин Закрепление новейшего материала путём выполнения практического задания 10 мин Рефлексия. Итоги урока 5 мин Домашнее задание 1 мин. Ход урока: Организационный момент приветствие, поверка готовности к уроку слайд 1 Актуализация опорных познаний учащиеся отвечают на вопросцы слайд 2 До этого чем приступить к исследованию новейшей темы, давайте вспомним некие понятия и сведения.