Презентація на тему «Создание WEB сайта»

content: Создание WEB сайтаЭ.П. Чернаков[email protected]10 Сентября 2000 г.Практическое введение в технологию

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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