Презентація "Создание WEB сайта"

Попередній слайд
Наступний слайд


Завантажити презентацію "Создание WEB сайта"
Слайд #1
Создание WEB сайта
Э.П. Чернаков
e.cher@g23.relcom.ru
10 Сентября 2000 г.
Практическое введение в технологию


Слайд #2
Этапы создания сайта
1. Общее описание сайта
2. Эскизы страниц
3. Разработка и тестирование сайта
4. Анализ результатов


Слайд #3
1. Общее описание сайта
1.1. Название сайта
1.2. Назначение и предполагаемая аудитория
1.3. Информационное наполнение сайта
1.4. Логическая структура сайта
1.5. Процедуры поддержки сайта
Рекомендуемые темы сайтов:
Сайт учреждения (Учебного заведения, организации, центра и т.д.)
Персональный сайт (Должен представлять общественный интерес)
Сайт дистанционного обучения по курсу или теме курса.
На : Этапы создания сайта ...


Слайд #4
1.1. Название сайта
Название сайта должно отражать не только общую тематическую направленность, но и конкретные отличительные особенности вашего сайта.
На : Общее описание сайта ...


Слайд #5
1.2. Назначение и предполагаемая аудитория
Какова цель создания вашего сайта?
Какие новые возможности предоставляет ваш сайт?
Кто будет основной (и вторичной) аудиторией вашего сайта?
Какого они возраста?
Чем они занимаются?
Сколько времени они предположительно проведут на вашем сайте?
Что может привлечь их повторно посетить ваш сайт?
На : Общее описание сайта ...


Слайд #6
1.3. Информационное наполнение сайта
Общая характеристика данных, включаемых в сайт
Предположительный объем и предполагаемое содержание текстовой части
Фотографии, рисунки, диаграммы, анимации и звуки, которые вы предполагаете включить в сайт.
Какая часть данных, включенных в сайт будет обновляться.
Периодичность обновления данных сайта
На : Общее описание сайта ...


Слайд #7
1.4. Логическая структура сайта
Логическая структура сайта показывает, каким образом информация распределяется по страницам сайта и как она может быть получена пользователем.
Логическая структура сайта должна естественным образом отображать логическую структуру информации.
Для представления логической структуры сайта можно воспользоваться древовидными организационными диаграммами
На : Общее описание сайта ...


Слайд #8
1.5. Процедуры поддержки сайта
Где предполагается разместить сайт?
Какие страницы будут обновляться, как часто и кем?
Предполагается ли получение информации от посетителей сайта?
Предполагается ли регистрация посетителей сайта
На : Общее описание сайта ...


Слайд #9
2. Эскизы страниц
2.1. Общие вопросы дизайна
2.2. Домашняя страница
2.3. Страницы второго уровня
2.4. Страницы третьего уровня
На : Этапы создания сайта ...


Слайд #10
2.1. Общие вопросы дизайна
В отношении каждой порции информации, каждой картинки и каждой детали спросите себя, как отреагирует на это ваша аудитория.
Придерживайтесь единого стиля оформления для всех страниц файла
На : Эскизы страниц ...


Слайд #11
2.2. Домашняя страница
На : Эскизы страниц ...
Наша Школа
О нашей школе
После уроков
Новости
Элементы
навигации
Иллюстрация
Текст
Текст
Заголовок


Слайд #12
2.3. Страница второго уровня
На : Эскизы страниц ...
После уроков
На домашнюю стр.
Наши друзья
Дальше...
Элементы
навигации
Иллюстрация
Текст
Заголовок
Иллюстрация
Иллюстрация
Текст
Текст
Драмкружок...
Кружок по фото...
Мне еще и петь охота


Слайд #13
2.4. Страница третьего уровня
На : Эскизы страниц ...
Драмкружок
На домашнюю стр.
Назад
Дальше
Элементы
навигации
Иллюстрация
Обновляемый Текст
Заголовок
Иллюстрация
Иллюстрация
Обновляемый Текст
Обновляемый Текст
План работы
Репертуар
Гастроли


Слайд #14
2.5. Заготовка новой страницы
На : Эскизы страниц ...
Назад
Страница
в
процессе
разработки
Заголовок


Слайд #15
3. Разработка и тестирование сайта
3.1. Использование мастеров и шаблонов
3.2. Построение страниц и включение текста
3.3. Включение изображений и активных элементов
3.4. Редактирование HTML-кода
3.5. Включение и проверка гиперссылок
3.6. Публикация сайта и проверка на месте.
На : Этапы создания сайта ...


Слайд #16
3.1. Использование мастеров и шаблонов
Мастера и шаблоны позволяют быстро создать заготовку типового сайта
Достоинства:
экономия времени на разработку дизайна и установление основных гиперссылок
Недостатки:
стандартные решения лишают сайт оригинальности
необходимость приспособления сайта к конкретным задачам
Разработчики WEB-сайтов используют собственные шаблоны для придания всем сайтам «фирменного» вида
На : Разработка и тестирование сайта ...


Слайд #17
3.2. Построение страниц и включение текста
При создании Web-страниц удобно использовать таблицы, позволяющие выполнить:
выравнивание данных путем вставки в ячейки таблицы;
распределение текста и графики по разным колонкам;
создание обрамления вокруг текста или графических изображений; расположение текста по контуру графического изображения;
создание цветного фона для текстового фрагмента или отдельного изображения;
Закончив создание Web-страницы, следует проверить, как она будет выглядеть в броузере при разрешении экрана 640х480 и 800х600, с 256 цветами, поскольку в настоящее время на многих компьютерах установлено одно из этих разрешений.
На : Разработка и тестирование сайта ...


Слайд #18
3.3. Включение изображений и активных элементов
Основная часть объема файла Web-страницы обычно приходится на графические и мультимедийные файлы. Для уменьшения влияния объема файла Web-страницы на продолжительность загрузки рекомендуется использовать графические и мультимедийные файлы как можно меньшего объема.
Графические изображения -- важный компонент любой Web-страницы. В Web в основном используются два формата графических изображений GIF и JPEG. Изображения в этих форматах воспроизводятся самими броузерами без использования встраиваемых модулей.
Для подсчета посетителей сайта на домашней странице может быть установлен специальный счетчик.
На : Разработка и тестирование сайта ...


Слайд #19
3.4. Редактирование HTML-кода
Совсем недавно Web-страницы создавались только вручную, при этом ввод HTML-кода выполнялся в любом текстовом редакторе. Создание Web-страниц таким способом занимало много времени и, как правило, сопровождалось большим числом ошибок.
Сегодня для создания Web-страниц широко применяются специальные редакторы, поддерживающие режим WYSIWYG (what you see is what you get — что видите, то и получаете). При создании Web-страницы соответствующие HTML-кодыгенерируются автоматически.
Тем не менее, редактирование HTML-текста вручную позволяет исправить ошибки в случае, если редактор FrontPage оказывается недоступным или недостаточно эффективным
На : Разработка и тестирование сайта ...


Слайд #20
3.5. Включение и проверка гиперссылок
Желательно, чтобы пользователю не приходилось переходить более чем по двум гиперссылкам (первая из которых расположена на домашней странице) для открытия необходимой страницы.
На домашней странице должны находиться ссылки на страницы с основной информацией. Со страниц, содержащих основную информацию, осуществляется переход на страницы с более подробной информацией по выбранной теме.
Каждая страница на Web-узле должна содержать обратную ссылку на домашнюю страницу.
Проверка гиперссылок осуществляется либо вручную, либо с помощью специальных средств, предусмотренных в инструментальной системе. Проверку следует повторять при изменении, добавлении или удалении страниц сайта.
На : Разработка и тестирование сайта ...


Слайд #21
3.6. Публикация сайта и проверка на месте.
Процесс, который называется публикацией сайта, позволяет перенести содержимое сайта на сервер или осуществить необходимые изменения в сайте. Публикацию сайта желательно проводить после консультаций с администратором WEB-сервера.
После публикации сайт еще раз проверяют в процессе сеанса в Интернет.
Периодически следует анализировать посещаемость файла, актуальность информации, необходимость изменений.
Если предусмотрена возможность получения информации от пользователей (страница обратной связи, почтовый адрес), реакция дожна быть быстрой и адекватной
На : Разработка и тестирование сайта ...


Слайд #22
4. Анализ результатов
Оценка итогов проектирования сайта
Оценка оптимальности логической структуры
Удобства для посетителей сайта
Необходимость модификации сайта
Анализ отзывов
Сложность обслуживания сайта
На : Этапы создания сайта ...