вна сторінка сайту (рісунок12) .Она містить всі основні структурні елементи, перехід за якими здійснюється за допомогою гіперпосилань.
Як і планувалося на етапі постановки завдання, сайт містить всі необхідні структурні і навігаційні елементи: форму пошуку, навігаційне меню (у вигляді текстових посилань у супроводі відповідних зображень).
Малюнок 12. Головна сторінка
При натисканні на посилання «Новини компанії» виводиться інформація про виникнення компанії, інформація про напрямок діяльності і т.д. (малюнок 13).
Малюнок 13. Новини
Розробка web-сайту велася в основному в паку компанії Joomla 3.1.1. Вибір даного пакета обгрунтований тим, що його освоєння віднімає мало часу, під час розробки доступний попередній перегляд кожної окремо зробленої операції, доступна велика кількість функцій (організація інтерактивних елементів сайту, створення гіперпосилань в кілька кліків мишк5і тощо), пакет підтримує велику кількість технологій (HTML, PHP, ASP, Java, XML, XSLT, CSS та інші).
2.4.4 Розробка програмного модуля
Програмний код для інтерфейсу основної сторінки сайту
lt;? php ( _JEXEC ) or die ( Restricted access ); :: _ ( behavior.framework raquo ;, true); _ once (JPATH_ROOT. /templates/. $ this- gt; template. /vtemtools/default.phpraquo;);
? gt;
lt;! DOCTYPE html gt;
lt;? php echo $ this- gt; language; ? gt; lang= lt;? php echo $ this- gt; language; ? gt; dir= lt;? php echo $ this- gt; direction; ? gt;" gt;
lt;?php_once(JPATH_ROOT.laquo;/templates/raquo;.$this-gt;template.laquo;/vtemtools/css_var.phpraquo;);
? gt;
lt; body id= vtem gt;
lt; div id= vt_body_wrapper gt;
lt; div id= vt_main_wrapper gt;
lt;! - /////////////////// HEADER LAYOUT /////////////////////////////// - gt;
lt; div id= vt_header_section gt;
lt; div id= vt_drawer_head_top gt;
lt;? php if ($ this- gt; countModules ( drawer1 + drawer2 + drawer3 + drawer4 + drawer5 + drawer6 )):? gt;
lt; div gt;
lt; div gt;
lt; div id= vt_drawer gt;
lt;? php echo VTEMShowModule ( drawer raquo ;, vt_xhtml raquo ;, 6);? gt;
lt;/div gt;
lt;/div gt;
lt;/div gt;
lt;? php endif;? gt;
lt; div gt;
lt; div gt;
lt; div id= vt_header gt;
lt;? php echo VTEMShowModule ( header raquo ;, vt_xhtml raquo ;, 6, header1 );? gt;
lt; a gt;
lt;/div gt;
lt;/div gt;
lt;/div gt;
lt; div gt;
lt; div gt;
lt; div id= vt_top gt;
lt;/div gt;
lt;/div gt;
lt;/div gt;
lt;! - /////////////////// MAIN LAYOUT /////////////////////////////// - gt;
lt; div id= vt_main_section gt;
lt;? php if ($ this- gt; countModules ( showcase1 + showcase2 + showcase3 + showcase4 + showcase5 + showcase6 )):? gt;
lt; div gt;
lt; div id= vt_showcase gt;
lt;? php echo VTEMShowModule ( showcase raquo ;, vt_xhtml raquo ;, 6);? gt;
lt;/div gt;
lt;/div gt;
lt;? php endif;? gt;
lt;? php if ($ this- gt; countModules ( feature1 + feature2 + feature3 + feature4 + feature5 + feature6 )):? gt;
lt; div id= about gt;
lt; div gt;
lt; div id= vt_feature gt;
lt;? php echo VTEMShowModule ( feature raquo ;, vt_xhtml raquo ;, 6);? gt;
lt;/div gt;
lt;/div gt;
lt; div gt;
lt;/div gt;
lt;? php endif;? gt;
lt; div id= vt_main_inside gt;
lt; div gt;
lt; div id= vt_main_contaner gt;
lt;? php if ...