Тест - Изграждане, тестване и публикуване на уеб сайт 26.02.2024 - 12ав
Основните етапи при създаване на уеб сайт
1. Планиране
- определяне на темата, конкуренция, цел, целева група, съдържание и функционалност, структура на сайта, използване на мултимедийни обекти. Планиране на време и дейности
2. Изграждане
- избор на технология или платформа
3. Тестване
4. Публикуване
- име на домейн, хостинг,
5. Оптимизация
- поддръжка, актуализации, добавяне на нови функционалности
6. Изисквания, на които да отговоря един сайт
7. Разчитане на задание за изграждане на уеб сайт
Задача 1. В Google документ запишете кои са професиите, които участват в създаването на един уеб сайт. Запшете дейностите за всяка професия.
Задача 2. Разгледайте двете статии Примерно задание за изработка на уеб сайт и Как да подготвите задание за уеб сайт? създайте свое задание за изграждане на уеб сайт.
Избор на име и регистрация на уеб сайт
1. Име на протокол
2. Име на домейн - избор
Път до директорията на уеб сървъра
Хост
Адрес на компютър (IP адрес) - IPv4 и IPv6
Един IP адрес (IPv4) е съставен от 32 бита, разделени в 4 октета с по 8 бита във всеки октет. Например 192.168.15.1.
IP адресирането е глобално адресиране. Т.е. това е единна адресна система за целия свят и няма 2 устройства с един и същ IP адрес по света. Във всеки IP адрес лявата част от адреса отговаря за адреса на мрежата и останалата част (дясната) от адреса отговаря за адреса на хоста в мрежата. Например в адреса 192.168.15.1 частта 192.168.15 – указва адреса на мрежа, а .1 е адреса на хост в тази мрежа.
постоянен IP адрес
динамичен IP адрес
Домейни - имена на IP адреси, състоящи се от думи, без интервали, с точки между тях. Всеки домейн има собствено уникално име, на което съответства IP адрес.
DNS сървъри - съответствие между IP адрес и домейн.
Избор на домейн видео
видео 2
Регистрация на домейн
Задача 3:
Създайте Google документ, в който опишете:
1. Как се поддържа и оптимизира уеб сайт?
2. Потърсете информация за цената за една година за домейн и хостинг, предлагана от две разлини фирми. Оформете тази информация в таблица с 4 колони: номер, име на фирма, цена на домейн, цена на хостинг
3. Каква е разликата между протоколите http, https, ftp?
4. Открийте информация, снимки и видео за сървърите на Google и Facebook?
5. Напишете три примера за функционалности на сайт.
Основни етапи при проектирането на уеб сайт
1. Информационна архитектура
|
Задача 4 (карта на сайт):
|
Проектиране на уеб страница
1. Основни етапи в проектиране на уеб страница
wireframe - схематичен дизайн на отделните страници видео
2. Графичен интерфейс на уеб страница - подредба на менюта, лого, текст, иображения, видео
3. Графичен дизайн - цветова гама, фон, шрифт, визуални ефекти
4. Начална страница
- заглавна част (header)
- навигационна част (navigation) - лента с менютата, връзка към вътрешните страници
- съдържание (content) - текст, изображеия, видео
- footer - информация за автора, допълнителни връзки
5. Вътрешни страници
6. Изграждане на сайтове за хора с увреждания - Какво е уеб достъпнст?
Примери за уеб достъпност на сайта youtube
Онлайн семинар - Разработка на уеб сайтове за начинаещи
Примери за wireframe
Задача 5 (wireframe):
Изберете един туристически сайт от списъка с линкове на този адрес http://www.bgnow.eu/news.php?cat=2&cp=0&newsid=31277
http://100obekta.com/
Направете схематичен дизайн (wireframe) на всяка една от страниците на избрания от вас сайт. За създаване на схемите използвайте програмата Inkscape. Съхранете ги като снимки.
Снимките за всяка страница добавете в Google document, по подобие на това, което са направили в сайта https://skprince06.wordpress.com/ в частта Wireframes. В началото на Google документа запушете името на сайта.
Съхранете Google документа с име wireframe, в папка Модул 3.
Задача 6 (wireframe):
Използвайки https://wireframe.cc/ или Inkscape направете схематичен дизайн (wireframe) на началната страница и на две от вътрешните страници на вашия уеб сайт. Съхранете страниците като снимки и ги качете в папка zadacha_6 във вашия Google диск на папка Уеб дизайн.
Упътване: За работа с приложението може да изгледате видео.
Графичен дизайн на уеб страница |
Генератори на цветови схеми |
Основни принципи в уеб дизайна
|
Adobe Color
|