Веб-дизайн, поисковая оптимизация. Реферат. Оглавление
Вид материала | Реферат |
Содержание1. Создание сайта: первые шаги 2. Выбор инструментария: средства создания html страниц 3. Текст и графика: как объять необъятное Формат JPG (JPEG) |
- Принципи доступу до інформації в мережі Інтернет. Поняття про веб-сайт, веб-сторінку,, 85.43kb.
- Автоматизированная информационно-поисковая система, 345.58kb.
- Web-дизайн Понятие веб-дизайна, 215.6kb.
- Краснопрошин Виктор Владимирович ст преподаватель Кожич Павел Павлович Минск 2008, 166.87kb.
- Реферат на тему: Реклама и дизайн План Реферат на тему: Реклама и дизайн, 131.72kb.
- Сидорская Ирина Владимировна старший преподаватель Кожич Павел Павлович Минск 2010, 900.44kb.
- Забрейко Петр Петрович доцент Кожич Павел Павлович Минск 2007 г. Оглавление Оглавление, 254.67kb.
- Качан Александр Вячеславович Руководители профессор, доктор биол наук Евтушенков, 253.54kb.
- Внешняя поисковая оптимизация страницы. Топ10 основных методов, 57.18kb.
- Писарев Валерий Михайлович, Ст преп. Воробьев М. А. Минск 2010 оглавление оглавление, 415.9kb.
1. Создание сайта: первые шаги
Сколько разноликих сайтов в сети! Море информации рекламного, развлекательного, учебного плана. Если Вы представляете фирму, то разговор о наполнении будущего сайта отпадает сам собой. Реклама фирмы "от А до Я", ее продуктов, обзоры рынка. А если требуется создать тематический сайт, то надо знать следующее: тема будущего сайта освещается как минимум несколькими десятками уже раскрученных сайтов. Исключением из правила может являться тема, например, о размножении ангорских хомячков в условиях крайнего севера.
Рассмотрим несколько популярных тем для будущего сайта:






Вопрос выбора труден. Но если Вы его решили, то подумайте дальше над тем, сколько сил можно отдать на поддержку сайта. Не секрет, что ООчень большое количество сайтов в сети Интернет лежат мертвым грузом. Чем больше времени посвящено поддержке, своевременному обновлению сайта, тем больше будет посетителей.
2. Выбор инструментария: средства создания html страниц
Для того, чтобы воплотить в жизнь все Ваши мечты, необходимо знание основ html - языка разметки страниц.
Для полноценной работы над страницами понадобятся: текстовый редактор, графический редактор, графический конвертер, конвертер для русских текстов, FTP-клиент, различные браузеры. Если Вы впервые знакомитесь с html, то Вам помогут следующие автоматизированные средства создания страничек (именно страничек, а не сайтов. Сайт нужно собирать "по кубикам" самостоятельно):





Исходя из своего опыта, а также сообщений по Интернету, хочу сказать, что наилучшим средством разработки сайта является обычный Notepad, входящий в комплект Windows. Все самые "тонкие" стороны разработки сайта можно учесть только в нем (или в подобных ему текстовых процессорах), причем нет никакого контроля за Вашими действиями.
Графика сайта, на мой взгляд, - это не самое главное. Если Вы решили использовать графические элементы на страницах Вашего будущего сайта, то не забывайте о cледующих редакторах:




Ни в коем случае не используйте Paint из состава Windows. Для анимированных картинок подойдет Ulead Gif Animator. Для оптимизации полученных изображений - Ulead SmartSaver Pro.
3. Текст и графика: как объять необъятное
Наполнение сайта нужной информацией - это только начало. Необходимо составить такой текст, чтобы читателю казалось, что автор разговаривает прямо с ним. Не стоит углубляться в термины, которые известны только специалистам.
Необходимо проверить текст с помощью Word или Orfo. Данные программы значительно сократят или полностью искоренят грамматические и синтаксические ошибки. Для использования графики в сети Интернет применяется два основных формата графических файлов - GIF и JPG. Рассмотрим некоторые особенности данных форматов.
Формат JPG (JPEG)


Формат GIF








Итоги: формат JPG применяется для фотографий и реалистических изображений, где требуется точно передать плавные переходы в градации цвета изображения. Для рисованных изображений, где количество цветов не велико, разумнее применять формат GIF. Для создания анимации используется формат GIF. Для графических изображений размером не более 80х50 пикселов (точек) рекомендуется использование формата GIF.
Если Вы хотите создать очень быстрый сайт, то Вам необходимо почти полностью отказаться от графических элементов и рекламы. Три строчки описания будут много эффективнее, чем десяти - килобайтовый баннер. Очень "тяжелые" сайты - это, как правило, художественные галереи, музеи веб - дизайна и т.д. Их ядро - это графика. Преимущество последних - красивый вид страниц. Недостаток - большое время загрузки (128 килобитные модемы есть не у всех).
Размер страницы со всеми графическими элементами не должен превышать 40-46 килобайт. Если суммарный размер страницы, больший, чем указывалось выше, то необходимо подумать о разбиении страницы на две более маленькие страницы. Суммарный объем этих страниц будет больше, но временные затраты на загрузку каждой страницы в отдельности будут меньшими (работает механизм кэширования данных).