688.77K
Categories: internetinternet informaticsinformatics

Создание 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. На выбор:
- Найти информацию о способах заработка
в интернете или
- информацию о бесплатных хостингах.
English     Русский Rules