Изграждане, тестване и публикуване на уеб сайт
Тема 8. Стандарти в уеб дизайн и основни уеб технологии
1. Организация на работа в уеб пространството
а) хипертекст
Организацията на работа и обменът на данни в интернет се основават на мрежовата архитектура клиент - сървър. От едната страна са клиентите (уеб браузъри), които подават заявки и изчакват отговор, а от другата страна са сървърите (компютри, съхраняващи огромен капацитет от ресурси), които чакат заявки, за да ги обработят, и предлагат своите услуги на клиентите.
а) хипертекст
- основният метод за предаване на информация в интернет, при който части от текст, изображение, звук и др. могат да съдържат връзка към друга информация, се нарича хипертекст. Самата връзка се нарича хипервръзка ( hiperlink).
- Информацията в интернет е организирана в уебстраници, които са хипертекстови документи. Те могат да съдържат текст, изображения, видео и други компоненти. Езикът, използван за описване на това съдържание се нарича HTML (HyperText Markup Language).
- Всяка страница има свой собствен адрес (URL), който не се повтаря. Уеб страниците са групирани в уеб сайтове, които са съвкупност от страници, допълващи се функционално, имат сходен дизайн и обикновено са разположени на един уеб сървър. Сайтовете се съхраняват на сървъра под формата на файлове. Всеки уеб сайт има собствено уникално име, по което да бъде различаван в интернет.
Организацията на работа и обменът на данни в интернет се основават на мрежовата архитектура клиент - сървър. От едната страна са клиентите (уеб браузъри), които подават заявки и изчакват отговор, а от другата страна са сървърите (компютри, съхраняващи огромен капацитет от ресурси), които чакат заявки, за да ги обработят, и предлагат своите услуги на клиентите.
2. Стандарти
- стандартите са документи с общопризнати норми, които обобщават и систематизират научното знание, опита и добрите практики в дадена област. Стандартите Включват подробни технически спецификации, процедури за производство, методи за изпитване и оценяване на съответствието. Прилагането на стандартите гарантира качеството на продуктите и услугите и ефективността на процесите в организациите.
Повече за стандарти и стандартизация четете тук >>
|
3. Уеб стандарти
- уеб стандартите представляват спецификации на технологии и методи за визуализиране на съдържание в уеб среда.
4. World Wide Web Consortium
- W3C е главната международна организация за стандартизация в интернет. Тя се занимава със задълбочено изследване на видовете публикувано уеб съдържание, като целта й е да осигури и въведе стандартна система за разработване, публикуване и разпространение на съдържанието в интернет. W3C е основана от Тим Бърнърс-Лий през октомври 1994 г. в лабораторията по компютърни науки на Масачузетския технологичен институт в САЩ.
Уеб дизайн стандартите се отнасят до това как една страница/сайт трябва да бъде проектирана. Ето някои примери за стандарти за уеб дизайн, които се отнасят до външния вид на уебсайт:
- кои шрифтове да се използват, с какви размери;
- кои цветове да се използват и къде;
- стил на бутоните, върху които може да се кликва;
- разположение на менюто за навигация (стандартите за уеб дизайн казват, че трябва да е в горната част на страницата);
- къде да се постави функцията за търсене.
Уеб дизайн стандартите обхващат както естетическия външен вид, така и функционалното устройство на сайта. С навлизането на мобилните устройства се появява нуждата сайтовете да се виждат на тях (mobile friendly). Появява се т.нар. адаптивен дизайн:
5. Адаптивен дизайн.
Адаптивният дизайн, наричан още респонсив (responsive), е предназначен за визуализиране на сайтове на дисплеи с всякакъв размер. Неговото изработване включва в себе си стилна, визуална и гъвкава подредба на всички елементи по специфичен начин, така че в крайна сметка външният вид и структурата на страницата да бъдат достатъчно удобни, достъпни и прегледни за всички интернет настолни или мобилни устройства. Това става посредством подбрани HTML компоненти със специфични CSS стилове.
Адаптивният дизайн, наричан още респонсив (responsive), е предназначен за визуализиране на сайтове на дисплеи с всякакъв размер. Неговото изработване включва в себе си стилна, визуална и гъвкава подредба на всички елементи по специфичен начин, така че в крайна сметка външният вид и структурата на страницата да бъдат достатъчно удобни, достъпни и прегледни за всички интернет настолни или мобилни устройства. Това става посредством подбрани HTML компоненти със специфични CSS стилове.
6. Основни уеб технологии, използвани в интернет
Изборът на уеб технологии при изграждане на сайтове в интернет е част от процеса на планиране на даден проект. Всеки уеб сайт има нужда от правилно избрани технологии за успешната си реализация. Основните фактори, които влияят при избора на технология, са честота и обем на актуализациите в сайта.
Изборът на уеб технологии при изграждане на сайтове в интернет е част от процеса на планиране на даден проект. Всеки уеб сайт има нужда от правилно избрани технологии за успешната си реализация. Основните фактори, които влияят при избора на технология, са честота и обем на актуализациите в сайта.
a) Маркиращите езици (Markup Languages) - използват се за анотиране на документи - Примери!
б) Езиците за описание на стилове - използват за визуално оформление на документи - Примери!
в) Езици за уеб програмиране.
Уеб програмирането обхваща множество процеси, част от които са свързани с разработването на уеб съдържание, изграждането на мрежова сигурност и създаването на уеб базирани приложения.
б) Езиците за описание на стилове - използват за визуално оформление на документи - Примери!
в) Езици за уеб програмиране.
Уеб програмирането обхваща множество процеси, част от които са свързани с разработването на уеб съдържание, изграждането на мрежова сигурност и създаването на уеб базирани приложения.
Тема 9. Специализирани софтуерни средства за създаване на уеб сайтове
Създаването и редактирането на уеб страници, базирани на езика HTML, може да се извърши чрез HTML редактори и HTML приставки.
1. HTML редакторите са предназначени за създаване на уеб страници. Въпреки че уеб страниците, базирани на HTML, могат да бъдат написани с всеки текстов редактор. HTML редакторите предлагат удобство и допълнителна функционалност, например структуриране на кода, възможност за тестване на страницата в различни браузъри и при различни разделителни способности, форматиране на съдържанието или добавяне на мултимедийни файлове само с влачене.
2. Видове HTML редактори - делят се на графични (визуални) и текстови.
а) Графичните HTML редактори са изградени на базата на принципа WYSIWYG (What You See Is What You Get) и предоставят възможност на автора да вижда в реално време резултата от своите действия. Някои редактори притежават собствена интерпретираща среда, други асоциират външни уеб клиенти за интерпретация на HTML кода.
б) Графичните HTML редактори се делят на:
KompoZer SeaMonkey
RocketCake WebSite X5
CoffeeCup Dreamweaver
Mobirise Google Web Designer
Notepad++ Komodo Edit
Sublime Text CoffeeCup
MS Visual Studio Eclipse
NetBeans Aptana Studio 3
1. HTML редакторите са предназначени за създаване на уеб страници. Въпреки че уеб страниците, базирани на HTML, могат да бъдат написани с всеки текстов редактор. HTML редакторите предлагат удобство и допълнителна функционалност, например структуриране на кода, възможност за тестване на страницата в различни браузъри и при различни разделителни способности, форматиране на съдържанието или добавяне на мултимедийни файлове само с влачене.
2. Видове HTML редактори - делят се на графични (визуални) и текстови.
а) Графичните HTML редактори са изградени на базата на принципа WYSIWYG (What You See Is What You Get) и предоставят възможност на автора да вижда в реално време резултата от своите действия. Някои редактори притежават собствена интерпретираща среда, други асоциират външни уеб клиенти за интерпретация на HTML кода.
б) Графичните HTML редактори се делят на:
- редактори с визуализиране на кода, които показват изглед на интерфейса на приложението с възможност за редактиране на кода, изглед за предварителен преглед на страницата и смесен изглед.
- редактори без визуализиране на кода - този тип редактори използват Drag and Drop технология за изграждане на структурата на страницата, вмъкване на мултимедийно съдържание и добавяне на менюта и хипервръзки.
- WYSIWYG редактори - уеб приложения:
Google Sites Site123.com
Webnode Squarespace
Weebly Jimdo
Wix WordPress.com
Simplesite Drupal - WYSIWYG редактори - самостоятелни инсталационни програми:
KompoZer SeaMonkey
RocketCake WebSite X5
CoffeeCup Dreamweaver
Mobirise Google Web Designer
- Текстовите HTML редактори са редактори, в които HTML кодът се пише в явен текст.
Notepad++ Komodo Edit
Sublime Text CoffeeCup
MS Visual Studio Eclipse
NetBeans Aptana Studio 3
3. HTML шаблони
- HTML шаблоните (templates) представляват предварително изработен модел на уеб страница, който може да се използва многократно за съз¬даване на множество страници със сходна визия.
- горен колонтитул;
- съдържателна част (текст, изображения, видео и др.);
- менюта и информационни панели;
- долен колонтитул.
4. Авторски права и лицензи при използване на HTML редактори и шаблони
Авторите защитават правата върху произведенията си с определен лиценз.
Криейтив Комънс (Creative Commons) е набор от стандартните лицензи, които определят права за ползване на дигитални ресурси. Конкретните права и лицензи, свързани с използването на даден HTML шаблон, най-често са описани в отделна секция, наречена Правила и условия (Terms & Conditions) или Условия за ползване (Terms of Service). Те представляват правно споразумение между автора на HTML шаблона като доставчик на услуга и нейния ползвател.
Криейтив Комънс (Creative Commons) е набор от стандартните лицензи, които определят права за ползване на дигитални ресурси. Конкретните права и лицензи, свързани с използването на даден HTML шаблон, най-често са описани в отделна секция, наречена Правила и условия (Terms & Conditions) или Условия за ползване (Terms of Service). Те представляват правно споразумение между автора на HTML шаблона като доставчик на услуга и нейния ползвател.
Разгледайте!
Уикипедия: Разрешения за ползване на материали |
Въведение в HTML
https://tutorials.bg/kursove/html-css-uroci |
Тема 10. Основи па HTML - към урока >> |