Смекни!
smekni.com

Розробка довідково-інформаційної бази Факультету комп’ютерних систем (стр. 3 из 3)

<div class="iframe_content" id="if_c_1">

</div>

<div class="iframe_content" id="if_c_2">

</div>

<div class="iframe_content" id="if_c_3">

</div>

<div class="iframe_content" id="if_c_4">

</div>

<div class="iframe_content" id="if_c_5">

</div>

<div class="iframe_content" id="if_c_6">

</div>

</div>

</div>

<div id="footer">

</div>

</div>

</body>

</html>

Для додання ще одного розділу вам потрібно спочатку додати контейнер div з id рівним if_c_7” (наступне ім’я за останнє наявне), додати в меню відповиднє посилання

<li><img src="img/disk.gif" class="left">

<a href="javascript:menu(7);">Нова категорія</a>

<img src="img/disk.gif" class="right"></li>

та відредагувати файл “js/menu.js” як було описано вище. Цей фал під’єднується до сторінки контейнером

<script type="text/javascript" src="js/menu.js"></script>

а файл CSS – контейнером

<LINK REL=StyleSheet HREF="css/style.css" TYPE="text/css" MEDIA=screen>

Для інтеграції ролику я використав uflvplayer_local.swf. Який може грати локальні файли формату flv.

Як сторюється HTML-код для інтеграції плеєра на сторінку?

<OBJECT height="340” width=400>

Розміри плеера. Співвідношення сторін повинно бути 4 (ширина):3 (висота). Якщо використовується скін з рамкою — до висоти додається значення (height/300)*40

<PARAM NAME=movieVALUE=http://yoursite.com/

uflvplayer_500?375.swf />

Абсолютна чи відносна ссилка на файл плеера.

<param name=allowFullScreen" value="true" />

Підтримка повно екранного режиму.

<param name=FlashVars value="way=http://yoursite.com/sample.flv&

swf=http://yoursite.com/uflvplayer_500?375.swf&w=400&h=340&

pic=http://yoursite.com/splash.jpg&autoplay=0&tools=1&skin=whiteblack&

volume=70&comment=”Назва”/>

Змінні налагодження плеєру (слідкують через & в форматі параметр=значення):

way — шлях к файлу flv;

swf — шлях к файлу плеера;

w — ширина плеєра (дублюється з тега object);

h — висота плеєра (дублюється з тега object);

skin — скін чи його адреса;

pic — шлях до зображення якє з’являється до програвання відєо;

autoplay — авто включення програвання відео;

tools — кнопки керування видимі постійно (1), не видимі (0), з’являються з наведенням курсору (2);

volume — початковий рівень звуку — 0–100;

comment – назва ролики під час заставки;

Единий обов’язковий параметр — way.

<param name=»bgcolor" value="#FFFFFF« />

Колір фону вашого сайту де публікується відео (білий за замовченням).

<embed src=http://yoursite.com/uflvplayer_500?375.swf allowFullScreen=true type="application/x-shockwave-flash" flashvars="way=http://yoursite.com/sample.flv&

swf=http://yoursite.com/uflvplayer_500?375.swf&w=400&h=340&

skin=whiteblack&pic=http://yoursite.com/splash.jpg&autoplay=0&tools=1&

volume=70&comment=Название" bgcolor= #FFFFFF width=400 height=340 /></embed>

Тут дублюються параметри:

шлях до файлу плеєра swf — scr

настройки плеєра — flashvars

колір фону сайта — bgcolor

ширина плеєра — width

висота плеєра — height

Код плеєру для нашої сторінки буде такий:

<object type="application/x-shockwave-flash" data="swf/player_local.swf"

height="450" width="600">

<param name="bgcolor" value="#3f5f7f" />

<param name="allowFullScreen" value="true" />

<param name="allowScriptAccess" value="always" />

<param name="movie" value="swf/player_local.swf" />

<param name="FlashVars" value="way=E:&bsol;Work&bsol;Практика&bsol;flv&bsol;video.flv&

amp;swf=swf/player_local.swf&amp;w=600&amp;h=450&

amp;pic=img&bsol;logo.png&amp;autoplay=0&amp;replay=1&

amp;tools=1&amp;skin=white&amp;volume=70&amp;q=&amp;comment=" />

</object>

Цей код буде міститися у першому контейнері з id="if_c_1".

<div class="iframe_content" id="if_c_1" style="padding-left:50%">

<div id="uplayer_flv" style="position:relative;left:-300px;width:600px;height:450px;">

<object type="application/x-shockwave-flash" data="swf/player_local.swf"

height="450" width="600">

<param name="bgcolor" value="#3f5f7f" />

<param name="allowFullScreen" value="true" />

<param name="allowScriptAccess" value="always" />

<param name="movie" value="swf/player_local.swf" />

<param name="FlashVars" value="way=E:&bsol;Work&bsol;Практика&bsol;flv&bsol;video.flv&amp;

swf=swf/player_local.swf&amp;w=600&amp;h=450&amp;pic=img&bsol;logo.png

&amp;autoplay=0&amp;replay=1&amp;tools=1&amp;skin=white

&amp;volume=70&amp;q=&amp;comment=" />

</object>

</div>

</div>

Зверніть увагу на те що при використанні локальної версії плеєру треба вказувати абсолютний шлях до хайлу з відео.

way=E:&bsol;Work&bsol;Практика&bsol;flv&bsol;video.flv

При зміни положення файлу треба змінити й цей шлях.

Я описав основну структуру створеної довідкової бази, інша робота зводилася до наповнення відповідних розділів інформацією та покращення дизайну сторінки.

4. ВИСНОВКИ ТА ПРОПОЗИЦІЇ.

За час перебування на базі практики було виконано усі індивідуальні завдання, поставлені переді мною. Ознайомившись більш глибоко з вже вивченим матеріалом я зміг виконати необхідні завдання, тим самим закріпивши свої теоретичні знання на практиці.

Зміг реалізувати свої професійні можливості та покращити свої знання у необхідному мені напрямку.

За результатами проведеної роботи можу зробити висновок, що дана установа забезпечена достатнім рівнем технічного і програмного устаткування.

При можливості бажано оновити апаратне забезпечення.