Similar presentations:
Создание Web-страницы
1.
«Для наших клиентов сделанный намисайт или фирменный стиль – не статья
расхода, а статья дохода.»
/Артемий Лебедев/
МАОУ «СОШ№45»
2.
Web-дизайнер - специалист,проектирующий
структуру
Web-сайта,
подбирающий
способы подачи информации и
выполняющий художественное
оформление Web-проекта.
3.
МАОУ «СОШ№45»4.
Тема урока:Создание Webстраницы»
5.
Цель урока: создать веб-страницуЗадачи:
1. Познакомиться со способами создания
сайтов, содержанием и структурой сайта
2. Продумать тему и структуру своего сайта
3. Используя шаблон создать пробную вебстраницу
4. Продемонстрировать результат своей работы
классу
МАОУ «СОШ№45»
6.
<html>…
текст
…
</html>
<head>
<title>Заголовок страницы </title>
(заголовок страницы)
</head>
7.
Технология создания сайтаСпособы создания сайта
Язык разметки
гипертекста HTML
(Hyper Text Markup Language)
Текст размечают
специальными
метками – тегами
Текстовый
редактор
Визуальный
HTML-редактор,
конструктор сайтов
Документ
сохраняют как
Web-страницу
Microsoft FrontPage
uCoz, Сайткрафт
и др.
8.
Оформление сайтаНа главной странице размещают название сайта,
тематическое графическое изображение, короткий текст с
описанием содержания сайта, главное меню - ссылки на
основные разделы сайта.
9.
Оформление сайтаКаждая страница сайта, как правило, имеет несколько
постоянных элементов, которые всегда находятся на одних и
тех же местах. Это:
• заголовок сайта, расположенный в самом верху
страницы;
• главное меню, как правило, размещаемое в левой части
страницы.
Графика
Меню
Название сайта
Название страницы
Фон
Поле ввода информации
Координаты
Примерный шаблон страниц сайта
10.
Размещение сайта в ИнтернетХостинг - услуга по размещению сайта на сервере,
постоянно находящемся в сети Интернет; хостинг может быть
как платным, так и бесплатным.
11.
Домашнее задание1. Собрать материал для своего сайта:
- изображения,
- Фоновые рисунки,
- Текстовые файлы
2. На выбор:
- Найти информацию о способах заработка
в интернете или
- информацию о бесплатных хостингах.