Transcript File

Основни етапи
в разработката на уеб сайт
Съдържание:
 Уеб сайт – същност
 Видове сайтове
 Основни етапи при разработката на сайт
 Съвети за създаване на успешен уеб сайт
 Основни структурни части на уеб страница
 KompoZer – основни понятия в интерфейса
Next >>
Уеб сайт – същност
 Уеб сайт (Web site) е уеб страница (Web page)
или колекция от уеб страници, създадени на
основата
на
езика
HTML,
съдържащи
текст,
анимация, звук, мултимедия.
 Уеб страница (Web page) – текстов файл,
съхранен на уеб сървър, който съдържа съвкупност
от данни и хипервръзки към други документи,
обикновено разширението му е .html или .htm;
Next >>
 HTML (Hyper Text Markup Language) – език за
хипертекст и форматиране. Чрез него се изграждат
уеб страници;
 Хипервръзка (Hyperlink) – текст / изображение от
документ, който има връзка към друг документ или
към част от същия документ.
 Уеб
дизайн
структуриране,
(Web
Design)
организиране,
графично-художествено
–
планиране,
проектиране
оформяне
и
на
информацията, представена в интернет чрез уеб
сайтовете.
Next >>
ВИДОВЕ САЙТОВЕ
 Статични – Форматирането се осъществява чрез написан код
на HTML/XHTML/CSS. В тях не се осигурява връзка с бази от
данни и няма административен модул за редактиране на
съдържанието. Използват се обикновено за портфолиа, при
които не се изисква периодично добавяне на информация
 Динамични – В тях потребителят има възможността да
манипулира съдържанието на сайта чрез защитен с парола
административен интерфейс. Тук също се използва HTML, но
динамиката се осъществява чрез програмни езици, които
използват
бази
данни
са
съхранение
на
информацията
/например PHP/
Next >>
ОСНОВНИ ЕТАПИ В РАЗРАБОТКАТА
НА САЙТ
 ПЛАНИРАНЕ – ИДЕЯ, ЦЕЛИ (КАКВО ИСКATЕ ДА
ПОСТИГНЕТЕ ЧРЕЗ ТОЗИ САЙТ)
 УТОЧНЯВАНЕ НА СЪДЪРЖАНИЕТО, СЪБИРАНЕ НА
ИНФОРМАЦИЯ
 ИЗБОР НА ДИЗАЙН И ЦВЕТОВЕ
 ИЗРАБОТВАНЕ НА САЙТА
 УТОЧНЯВАНЕ НА СРОКОВЕТЕ
 ПРЕДСТАВЯНЕ (ПУБЛИКУВАНЕ) НА САЙТА
 ПОДДЪРЖАНЕ И АКТУАЛИЗИРАНЕ
Next >>
Съвети за създаване на
успешен уеб сайт
Проектирайте, преди да създадете:
–
обмислете посланието на сайта;
–
оформете основните теми като заглавия;
–
определете
подгответе
съдържанието
всички
на
материали
сайта
и
текст,
-
изображения, мултимедийни обекти;
–
съставете
подробна
блок-схема
на
структурата на сайта;
–
помислете върху стила и дизайна на сайта
Next >>
Съвети за създаване на
успешен уеб сайт
Подберете внимателно текстовото съдържание:
–
пишете като за екран, а не като за страница;
–
бъдете кратки; изразявайте се възможно по-
живо и пестеливо;
–
при дълги описания, представете анонс от 10-12
реда, а към останалата информация направете
препратка;
–
подберете
подходящи
шрифтове,
текстови
блокове, подравнявания и бели полета.
Next >>
Съвети за създаване на
успешен уеб сайт
Създайте добър графичен дизайн:
–
използвайте
графичния
дизайн,
за
да
улесните възприемането на информацията
–
дизайнът трябва да бъде изчистен и стилен.
–
в него се включва и изборът на основните
цветове на сайта.
Next >>
Съвети за създаване на
успешен уеб сайт
Символично значение на някои от цветовете:
–
синьо – цвят на бизнеса; дистанцира; хладно
–
червено
–
агресивен
цвят
в
интернет
пространството
–
жълто – активно
–
зелено – положително, натурално
–
оранжево
–
оригиналност,
подтиква
към
сътрудничество
Next >>
Избор на цветова гама
http://kuler.adobe.com/
http:// www.colourlovers.com
Next >>
Съвети за създаване на
успешен уеб сайт
Функционалност и лекота на използване
–
тествайте сайта си с няколко браузъра
–
погрижете се всички връзки да работят
–
отделете навигацията от съдържанието
Next >>
Съвети за създаване на
успешен уеб сайт
Общото впечатление
– сайтът представлява повече, отколкото
сборът от своите части
– оставили сте приятно впечатление, когато
посетителят:
• Запази адреса
• Разкаже на приятел за сайта
• Остане на сайта достатъчно дълго
Next >>
Примерна таблица за уточняване на
структурата и съдържанието за личен уеб
сайт
Рубрика
Начална
страница
За мен
Галерия
Връзки
Съдържание
- графична заглавна част (колаж), присъстваща на всяка
страница на сайта
- хоризонтално разположено меню, което присъства на всички
страници, като по този начин позволява на посетителя да има
достъп до всички секции на сайта за минимално време,
включващо следните елементи: ЗА МЕН, ГАЛЕРИЯ, ВРЪЗКИ,
КОНТАКТ
- лична снимка
- кратко приветствие
Име, Псевдоними, Месторождение, Зодия, Хоби, Музика,
Спорт, Девиз
- Училище;
- Лични;
- Неочаквана ваканция
- Хипервръзки към любими сайтове
Next >>
Основни структурни части
на уеб страница
Заглавна – Header
– име и изображение на представяния обект
Главна навигационна – Main Navigation
– връзки към страниците от сайта
За съдържание – Content
Footer
– информация за автора, допълнителни
връзки
Next >>
Взаимно разположение на
основните части
Next >>
Взаимно разположение на
основните части
Next >>
Взаимно разположение на
основните части
Next >>
Програми за създаване на уеб сайт
Изработването на сайта се осъществява с различни
редактори за създаване на уеб страници:
– HTML – редактори
– Визуални редактори (WYSIWYG)
– Системи за управление на съдържанието
(CMS – Content Management Systems)
Next >>
KompoZer – основни
понятия в интерфейса
Стартирайте програмата и разгледайте основните
елементи