Программирование на языке высокого уровня. Конспект лекции. Лекции Основы Webдизайна
 Скачать 37.02 Kb.
|
|
Конспект лекции «Основы Web-дизайна» Понятие сайта Информация, доступная в Internet, располагается на компьютерах (Web-серверах), на которых установлено специальное ПО. Значительная часть этой информации организована в виде Web-сайтов. Для просмотра Web-сайтов используются специальные программы, которые называютсябраузерами (Internet Explorer и др.). Web-сайт – это информация, которая располагается на Web-сервере и имеет свой адрес; некоторый набор текстовой и графической информации, организованный в виде нескольких веб-страниц; страницы связаны между собой гипертекстовыми ссылками. Web-сайты бывают личные (персональные) информационные (сайты учебных заведений) дистанционного образования коммерческие (internet-магазины) развлекательные Web-страница представляет собой текстовый файл с расширением *.htm (*.html), который содержит текстовую информацию и специальные команды - HTML-коды, определяющие в каком виде эта информация будет отображаться в окне браузера. Вся графическая, аудио- и видео информация непосредственно в Web-страницу не входит и представляет собой отдельные файлы: *.gif, *.jpg - графика, *.mid, *.mp3 - звук, *.avi - видео. В HTML-коде страницы содержатся только указания на такие файлы. Каждая страница Web-сайта также имеет свой Internet адрес, который состоит из адреса сайта и имени файла, соответствующего данной странице. Переход между страницами Web-сайта в браузере осуществляется с помощью гиперссылок. ^ Создание сайта Этапы создания сайта. Планирование. Определяется содержание каждой страницы сайта и связи между ними. Осуществляется поиск ресурсов в Internet по выбранной теме. Реализация. Подготовка текстового и графического материала. Организовываются ссылки между файлами сайта. Тестирование. После того как Web-сайт создан, необходимо проверить правильность переходов со страницы на страницу. Просмотреть свой Web-сайт другим браузером. Просмотреть сайт на компьютере с другими техническими характеристиками. Публикация. Размещение сайта в Internet. Рекламирование. Сообщить адрес Вашего сайта как можно большему числу людей. Сопровождение. Обновление информации, расширение материала, улучшение дизайна Состав команды для создания сайта. Администратор. Организует совместную работу между членами группы. Следит за ходом выполнения работ. Дает необходимые указания и рекомендации. Следит за поступлением новой информации Веб-дизайнер. Создает фирменный стиль и логотип учебного заведения. Реализует его в графических программах (Photoshop, CorelDraw, Flash) Веб-программист. Занят в написании различных программ для веб-сайта. Например: написание форума, гостевой книги, скриптов для динамического обновления новостей Веб-мастер. Объединяет в себе функции веб-дизайнера и веб-программиста. Отвечает за общее представление веб-сайта в Интернете. Верстальщик. После того как создан фирменный стиль сайта и реализован дизайн одной из страниц веб сайта, необходимо сформировать основные страницы, создать структуру и наполнить страницы информацией Наборщик. Набирает необходимую текстовую информацию для сайта используя редакторы Word, Excel (или другие) Редактор. Проверяет подготовленный материал для размещения на сайте с литературной точки зрения. Исправляет ошибки, корректирует тексты Менеджер. Занимается раскруткой и рекламой веб-сайта. Содержание или контент - является одной из самых важных составляющих. Если на сайте нет полезной информации, способной заинтересовать определенный круг людей, то можно ставить вопрос о необходимости существования сайта как такового. Дизайн - вторая по важности составляющая хорошего сайта. От дизайна зависит, насколько привлекательны будут странички, т.е. в конечном счете, сколько людей дополнительно захотят прийти и посмотреть на Ваш сайт. Не забывайте, что встречают-то по одежке. Оформление сайта Дизайн – размещение и оформление элементов содержания и навигации Композиция – определенное сочетание частей изображения, соотношение их размеров - пропорции, цветов, фактур… Все элементы композиции должны быть связаны чем-либо воедино - стилем рисунка, выравниванием, цветами, размерами и т.д. Графика - это визуальное средство подчеркивания и выделения информации, раскрываемой текстом Web-страницы. Внешний вид и привлекательность сайта в значительной мере зависит от наполняющей его графики Пути получения графического изображения: создание изображения в графическом редакторе ; поиск в библиотеках графических изображений (ClipArt, Internet), сканирование с печатного экземпляра. ^ Наполнение сайта Графические форматы GIF (Graphic Interchange Format) - формат графического обмена. GIF-файлы - это файлы растровых изображений, в которых используется не более 256 цветов. (прозрачная, анимированная графика и рисунки). ^ JPEG (Joint Photographic Experts Group) - JPEG - файлы представляют собой растровые изображения, в которых может быть использовано до 16.7 млн. цветов. При каждом сохранении такого файла качество изображения ухудшается. (фотографии) |