Автор: Пользователь скрыл имя, 15 Сентября 2013 в 17:37, научная работа
Цель работы - ознакомиться с определением web-дизайна и выявить, как он изменятся в зависимости от содержания web-ресурса.
Для достижения цели были поставлены следующие задачи:
1. Ознакомиться с понятием web-дизайна и его составляющими (этапами создания);
2. Найти и проанализировать различные сайты глобальной сети;
3. Выявить особенности каждой тематической группы сайтов;
Введение 3
Глава 1 5
§1 «Web – дизайн: от технической графики до современных сайтов» 5
§2 «Условия для оптимального web – дизайна» 7
§3 «Социологический опрос» 4
Глава 2 15
Создание собственного web-сайта 15
Заключение 21
Список используемой литературы 23
Далее размещаем области сайта, то есть шапку, меню, кнопки и др. Для этого создаем еще один слой, выбираем инструмент «Прямоугольная область, выделяем шапку сайта, с помощью клавиш ALT+Backspace закрашиваем шапку зеленовато – желтым цветом. Далее уменьшаем шапку строго по отношению к нашей области.
Точно так же делаем и другие области. При помощи различных эффектов делаем рамку у блоков, выделяем прямоугольную облость и усиливаем на ней цвет, накладываем глянец, накладываем градиент, добавляем тень. Для этого нужно выделить слой с зажатой клавишей CTRL и воспользоваться функциями Photoshop.
Далее выбираем инструмент «Раскройка» и выделяем им каждую область нашего сайта.
Сохраняем полученный документ: «Файл» — «Сохранить для WEB». Выбираем формат .PNG (наиболее выгодный формат для сайтов) и сохраняем. В итоге появилась папка на Рабочем столе с готовыми блоками нашего сайта. Переносим эти файлы в папку с сайтом.
Рис.4
3 этап: верстка сайта на HTML.
Теперь самое главное, нужно создать HTML страницу. На этом этапе нужно разместить все части шаблона в HTML документе, прописать меню, добавить текст главной страницы и другие кнопки.
Для более интересного дизайна сделали так, чтобы все элементы графики были как единое целое. Для того, чтобы соединить все элементы графики воедино, убрали границы таблицы html. В главную таблицу, в тег <table> поместим два параметра cellpadding=0 и cellspacing=0, со значением 0, кавычки можно опустить. Эти параметры обирают все границы.
У нас образовался промежуток между шапкой и сайтом, его необходимо убрать.
Для этого поместим параметр topMargin=”” в тег <body> и придадим ему значение 0, то есть <body topmargin=”0”>. После этого промежуток должен удалиться.
Итак, получился
следующий код:
<html>
<head>
<title>Старые Челны</title>
</head>
<body topmargin=»0»>
<center>
<table width =900 height=600 cellpadding=0 cellspacing=0>
<tr>
<td colspan=»2» width=900 height=162><img src=»shapka.jpg»></td>
</tr>
<tr>
<td width=205 height=387 background=»menu.jpg» valign=»
<td width=695 height=387 background=»kontent.jpg»
</tr>
<td colspan=»1» width=»170» height=»317» valign=»top» background=»i/site_09.gif»>
<li style=”padding-left:25px;
<li style=”padding-left:25px;
<li style=”padding-left:25px;
<li style=”padding-left:25px;
<li style=”padding-left:25px;
<li style=”padding-left:25px;
</td>
<td colspan=”3” width=”510” height=”317” valign=”top” background=”i/site_10.gif”>
<p><h2 style=”padding-left:25px;
<p style=»padding-left:25px;
Село Старые Челны возникло в 17 веке. Основали его чуваши. Место, где они поселились носит название Курмыш. Так назывались места, которые были незаметны для «степняков», часто появлявшихся в здешних местах, с целью захвата и грабежа земель. С 18 по 19 века, в след за чувашами прибывали сюда и русские.</p>
</td>
</tr>
</table>
</center>
</body>
</html>
Создание 2-ой страницы сайта
Главная
страница сайта обязательно должна иметь
название index с расширением .html. Могут быть
и другие расширения, например .htm, но главная
страница должна носить имя index.
Как сделать изменения
на всех страницах сайта наименьшими затратами?
Нами был выбран простой эффективный способ:
смысловые части сайта расположим в разных
файлах:
Заголовок и логотип в файле head
Старые Челны,
Начало основной таблицы и меню в файле
menu
Из истории села
Администрация
Общественная
жизнь
Смысловую часть главной табицы в файле
main1,
<p>Современное село Старые Челны расположено в красивом, живописном месте. С одной стороны оно окружено лесом, а с другой протекает река Черемшан, плавно несущая свои воды в нашу любимицу Волгу. Село Старые Челны возникло в 17 веке. Основали его чуваши. Место, где они поселились носит название Курмыш. Так назывались места, которые были незаметны для «степняков», часто появлявшихся в здешних местах, с целью захвата и грабежа земель. С 18 по 19 века, в след за чувашами прибывали сюда и русские.</p>
а смысловую часть остальных разделов в файлах main2,
<p>Глава сельского поселения – Иванов Юрий Ильич. С 1976 года работал в Старо – Челнинской средней школе учителем истории. Долгое время был директором данной школы. С 2012 года в должности главы сельского поселения.</p>
main3,
<p>как и в каждом селе, в Старых Челнах есть исторические памятники. Это: церковь, школа, дом культуры, больница (ранее самый известный в районе профилакторий), часовня.
Церковь впервые в Старых
Челнах построена в 1871 году. До этого
приход относился к Вознесенской
церкви села Седелькино.</p>
Новости и конец основной таблицы в файле
news
Оставшийся код запишем в файл bottom
Создадим файл make.bat (расширение обязательно)
с следующим содержанием:
copy /b head+menu+main1+news+bottom index.html
copy /b head+menu+main2+news+bottom animals.html
copy /b head+menu+main3+news+bottom contacts.html
Далее запускаем файл makebat двойным щелчком мыши и получаем три файла index, animals.html, contacts.html. Файл с расширением .bat в MS Windows - пакетный командный файл, или просто скрипт. Команда copy собирает из различных файлов один файл.
Теперь наш сайт полностью готов.
Заключение.
К сфере веб - дизайна, как и любому другому направлению в искусстве, можно применить фразу “все уже было придумано до нас” – часто воплощение, казалось бы, новых направлений не что иное как совершенствование былых тенденций и веяний. Конечно, время и развитие человечества оказывает определенное влияние, но некоторые вещи остаются неизменными довольно долго время. Подборки лучших дизайнов сайтов можно использовать как источник вдохновения, с одной стороны, и как возможность изучения опыта других веб-дизайнеров с другой. Часто подборки лучших дизайнов сайтов содержат примеры веб-дизайна определенных функциональных блоков, элементов или решений.
Основные характеристики успешного дизайна сайта: правильная подборка цветов, яркое графическое решение, соответствие дизайна сайта и его тематики, быстрая загрузка граффити.
При помощи социологического опроса и анализа различных групп сайтов сети Интернет, были определены основные условия успешного развития сайта: сайт должен легко осваиваться и легко запоминаться; быть эффективным и надежным в использовании; удовлетворять потребности пользователя; так же дизайн сайта должен обладать правильной подборкой цветов, ярким графическим решением, дизайн должен соответствовать тематики сайта, должна происходить быстрая загрузка граффити.
Первым из основных средств использования веб – дизайна является шрифт. Именно благодаря шрифту происходит довольно интересное наполнение ресурса различными знаками и символами.
Вторым средством являются цветовая гамма и цветовые оттенки. Данное средство необходимо для полного отображения картины действительности ресурса. Цветовая схема передает возможную и уникальную суть сайта в целом. Учитывая всю важность цветовой гаммы сайта, бывает крайне сложно подобрать цветовую палитру. Для того, чтобы сайт выглядел на мониторе и на бумаге одинаково существуют безопасные цвета - цвета, для которых насыщенность составляющих соответствует безопасным значениям.
Цвета сайта – это всегда огромная проблема и ответственность для любого дизайнера. Цвета играют решающую роль. Они влияют на настроение и, как следствие, на поведение пользователя на сайте. Использование спокойных тонов привлекает пользователей, в то же время, использование ярких и броских цветов может придать веб-проекту индивидуальность или полностью его испортить.
Учитывая всю важность цветовой гаммы сайта, бывает крайне сложно подобрать цветовую палитру. Цветовая гамма сайта должна отображать задачи и цели сайта.
Помимо цветовой гаммы и шрифта немаловажной деталью является формат графических файлов. В веб-дизайне наиболее популярны форматы GIF и JPEG.
Проведя исследование, пришла к выводу, что наша гипотиза была полностью подтверждена. Можно с уверенность сказать, что веб – дизайн на самом деле играет важную роль при создании сайта и должен быть различным, в зависимости от назначения ресурса.
Для
подтверждения на практики
Цель и задачи работы полностью достигнуты: в ходе исследования я проанализировала различные сайты сети Интернет; выявила особенности каждой тематической группы сайтов; определила оптимальные условия для успешного web – дизайна; провела социологический опрос; создала сайт села.
Итак,
подводя итог, можно сказать, что
веб – сайты являются
Список литературы
Ссылки на используемые сайты:
http://web2ua.com/items/web-
http://www.portalnauki.ru/
http://science.kulichki.com
http://smsky.info/ http://www.
http://www.klepa.ru
http://www.kulichki.com
http://www.structuralist.
http://wikipedia.org.net
http://www.soldis.ru/
http://russkij-tekst.ru/publ/