Създаване и интегриране на компонентите на сайт

Обединяване на компонентите на сайта

Една от финалните дейности по създаването на сайта е обединяването на отделните му компоненти. Зареждаме нова уеб страница: File/New/ Page и посочваме Frames Pages, като за вид избираме Header, Footer and Content. В резултат се появява страница разделена на четири части. С помощта на бутоните Set Initial Page задаваме последователно страниците, които вече създадохме – Фиг. 1.
За горната част на страницата посочваме header.html, за долната част – footer.html, вляво – menu.html и за дясната част – nachalo.html. 
Използваме границите на рамките, за да коригираме размерите на всяка част, така че да се вижда добре съдържанието ѝ.

Съхраняваме страницата под името index.html – знаем, че всяка начална страница на сайт трябва да се именува по този начин.

 

Тестване на сайта

Важна част от създаването на статичен сайт е неговото тестване. Това включва няколко действия:
🟠 зареждане на сайта в различни браузъри – Internet Explorer, Google Chrome, Mozilla Firefox и др.;
🟠 преглед на сайта на монитори с различна разделителна способност;
тестване на навигационната система;
🟠 тестване на хипервръзките към външни страници;
🟠 правопис и пунктуация на текстовата информация;
🟠 оценка за четимостта на текста;
🟠 проверка за изображения, които не се зареждат;
оценка на избраната цветова гама.
Задача: Тествайте сайта, който създадохте по указания начин.

Въпроси и задачи

1. Разучете допълнителните възможности на Expression Web и използвайте, тези от тях, за които прецените, че са подходящи.
2. Заредете уеб сайта в прозорци на различни браузъри, инсталирани на локалния компютър и тествайте. Проверете достоверността на работа на препратките. Какво се случва след натискане на препратката към e-mail адреса?
3. Планирайте и създайте страница, съдържаща формуляр за попълване на съобщение/коментар (използвайте инструментите от панела Toolbox/Form Controls). Добавете бутон в навигационната система.
4. Планирайте и създайте страница, съдържаща информация за мрежови хардуер и видовете топологии. Добавете бутон в навигационната система.
5. Как ще премахнете рамките между отделните части в началната страница index.html?
6. Планирайте създаването на собствен сайт. Подгответе подходящ текстов материал и изображения. Намирате ли подходящи видео клипове?