Практическа задача

Всички файлове, необходими за практическата работа се намират в папка AUTO (изтегли от тук).

1. Създайте папка с вашето име.

2. Създайте две HTML страници със заглавия - автомобилен транспорт; галерия. Запишете ги във вашата папка с имена auto.html и gallery.html.

3. Създайте flash текст – auto transport с цвят #FFCC00 и роловър цвят - #33CCFF. Копирайте съдържанието на файла auto.txt от папка auto. Вмъкнете хоризонтална линия, която е 50% от ширината на страницата и я центрирайте.

4. Вмъкнете изображението image1.gif. Дайте му име и алт. текст – transport. Създайте овална гореща точка около подходящото превозно средство. При кликване върху горещата точка да се отваря нова HTML страница с име gallery.html.

5. В gallery.html:

5.1. вмъкнете flash анимацията intro.swf, автоматично възпроизвеждане, анимацията се изпълнява еднократно;
5.2. поставете flash бутон със стил Blue Warper, с текст – Back и хипервръзка към страницата auto.html;
5.3. вмъкнете изображението image2.jpg с име image2. Създайте му роловър изображение, като за алтернативно използвате изображението image2-оn.jpg. Добавете му изскачащо съобщение с текст - автомобилен транспорт, което се появява при кликване с мишката върху него;
5.4. създайте два слоя с имена LayerText и LayerImage. Подравнете взаимно горните им ръбове. В LayerText въведете следния текст – предпочитан транспорт, а в LayerImage вмъкнете изображението image3.jpg. При преместване на курсора на мишката над изображението image3.jpg слоят LayerText да се показва. При преместване на курсора на мишката извън изображението image3.jpg слоят да се скрива.