ТОП 10:

Краткий обзор Adobe Dreamweaver 8.



Adobe Dreamweaver 8 обладает возможностями интеграции с другими инструментами Adobe, включая Adobe Flash CS4 Professional, Fireworks CS4, Photoshop CS4 и Device Central CS4. Всеобъемлющая поддержка CSS позволяет разрабатывать стили для сайтов. С помощью встроенных обучающих ресурсов в Dreamweaver CS4 обеспечивается совершенствование навыков дизайна web-страниц.

Основные возможности Adobe Dreamweaver 8:

1) Интеграция файлов FLV в web-страницы. 2) Межплатформенная поддержка систем Mac и Microsoft Windows XP и Windows Vista. 3) Расширенная функциональность JavaScript. Создание кода с помощью каркасов JavaScript, включая jQuery, Prototype и Spry. 4) Связанные файлы и навигатор по коду. Новая функция навигатора показывает исходный код CSS, относящийся к выделенному фрагменту, и обеспечивает быстрый доступ к нему. 5) Adobe InContext Editing. Создание web-страниц с возможностью редактирования их без дополнительного программного обеспечения. 6) Смарт-объекты Adobe Photoshop. Интегрированная среда позволяет вставлять документы Photoshop PSD в Dreamweaver для создания смарт-объекта изображения, связанного с исходным файлом, и редактировать исходное изображение непосредственно в Dreamweaver. 7) Поддержка Adobe AIR обеспечивает создание приложений Adobe AIR на основе HTML и JavaScript непосредственно в Dreamweaver. 8) Новый пользовательский интерфейс для быстрой и удобной работы[1].

ИспользованиеAdobe Dreamweaver 8 позволит избежать большое количество трудностей в формировании HTML-кода и PHP-кода.

В Adobe Dreamweaver 8 мы будем работать с .php файлами.

При запуске Adobe Dreamweaver 8 появляется панель выбора файлов, с которыми мы будем работать (Рисунок 8).

Рисунок 17 – Выбор направления работы в Adobe Dreamweaver 8.

 

Рисунок 18 – Интерфейс Adobe Dreamweaver 8.

Итоги этой части.

В этой части нами был выбран инструментарий для создания курсового сайта: язык PHP, MySQL базы данных, phpMyAdmin для работы с базой данных MySQL, веб-сервер Apache, визуальный редактор Adobe Dreamweaver 8. Часть этого инструментария содержится в Denwer. Далее нами был обоснован выбор данного инструментария и описаны некоторые из них более подробно.

ВЫПОЛНЕНИЕ.

Описание функционала сайта

Разрабатываемый сайт будет иметь следующие страницы: стартовую, каталога оборудования и руководство. MySQL база данных сайта – Tools. В ней находятся 9 таблиц: antenns (данные об антеннах), cables (о телекоммуникационных кабелях), switch (данные о коммутаторах), hub (данные о концентраторах), router (данные о маршрутизаторах), sofa (данные о телекоммуникационных шкафах), head (наименования пунктов меню), texts (текст стартовой страницы), userlist (пользователи и пароли для доступа к администраторскому интерфейсу).

Код файла mqsql.php для подключения к БД (гостевой пользователь может пользоваться операцией SELECT):

<?

$host="localhost"; #Хост

$login_mysql="guest"; #Логин

$password_mysql="111111"; #Пароль

$baza_name="Tools"; #Имя базы

$db = @mysql_connect("$host", "$login_mysql", "$password_mysql");

if (!$db) exit("<p>К сожалению, не доступен сервер MySQL</p>");

if (!@mysql_select_db($baza_name,$db)) exit("<p>К сожалению, не доступна база данных</p>");

?>

На стартовой странице находится приветствие и краткое описание возможностей сайта.

На странице каталога производиться поиск оборудования по категориям.

На странице о руководстве находится информация о дополнительная информация о создателе сайта.

Также на каждой странице имеется панель поиска, где производится оборудования по наименованию либо по производителю оборудования:

Рисунок 3

Каждая страница формируется при помощи двух php файлов на сервере: head.inc.php – шапка сайта, foot.php – подвал сайта.

Код файла head.inc.php:

<?php

require_once("mysql.php"); //файл соединения с БД

include("data.php"); // файл, содержащий разделы меню

?>

<html>

<head>

<link href="http://<?=$_SERVER['HTTP_HOST']."/".$dir?>default.css" rel="stylesheet" type="text/css" media="screen" />

</head>

<body>

<!-- start header -->

<div id="header">

<div id="logo">

<h1><a><?php echo $title[4];?></a></h1>

</div>

<div id="rss"> <br>

</div>

<div id="search">

<form id="searchform" method=post action="http://<?=$_SERVER['HTTP_HOST'];?>/search/">

<fieldset>

<input type=text size=26 id="s" name=search_word value="Поиск &rarr;" onBlur="if (this.value=='') {this.value='Поиск &rarr;';}" onClick="if (this.value=='Поиск &rarr;') {this.value='';}">

<input type=submit id="x">

</fieldset>

</form>

</div>

</div>

<!-- end header -->

<!-- star menu -->

<div id="menu">

<ul>

<li <? echo ($_SERVER['SCRIPT_NAME'] == "/index.php") ? " class=current_page_item " : "" ; ?>> <a href="http://<?=$_SERVER['HTTP_HOST']."/".$dir?>"><?php echo $title[1];?></a></li>

<li <? echo ($_SERVER['SCRIPT_NAME'] == "/scat.php") ? " class=current_page_item " : "" ; ?>> <a href="http://<?=$_SERVER['HTTP_HOST']."/".$dir?>cat/"><?php echo $title[2];?></a></li>

<li <? echo ($_SERVER['SCRIPT_NAME'] == "/sabout.php") ? " class=current_page_item " : "" ; ?>> <a href="http://<?=$_SERVER['HTTP_HOST']."/".$dir?>about/"><?php echo $title[3];?></a></li>

</li>

</ul>

</div>

<!-- end menu -->

<br>

<!-- start page -->

<div id="page">

Код файла foot.php:

</div>

<!-- end page -->

<!-- start footer -->

<div id="footer">

<p class="legal"> &copy;

<?=$_SERVER['HTTP_HOST']." ".date("Y");?>

</div>

<!-- end footer -->

 

Стартовая страница

Стартовая станица создаётся при выполнении файла index.php.

Код файла index.php:

<?

require_once("mysql.php"); //файл соединения с базой

include ("head.inc.php"); //файл шапки страницы

include ("texts.php"); //файл, содержащий текст страницы

?>

<!-- start content -->

<div id="content">

<div class="post">

<div class="title">

<center>

<h2><?php echo $t[1];?></h2>

</center>

</div>

<div class="entry">

<table width=100% align=center cellpadding=10 cellspacing=10>

<tr valign=top>

<td bgColor="#FAFAFA" onMouseOut=bgColor="#FAFAFA" onMouseOver=bgColor="#FFFFFF"><img src= "http:// <?=$_SERVER['HTTP_HOST']?>/<?=$dir?>images/<?=$t[3];?>" width="40%" height="50%" align="left" hspace="10" vspace="1">

<?php

echo $t[2];

include ("foot.inc.php"); //файл подвала страницы

?>

Код файла texts.php:

<?php

$q3 = mysql_query("SELECT * FROM texts");

$h1 = mysql_fetch_assoc($q3);

$t[1]=$h1['content']; //Приветствие

$h1 = mysql_fetch_assoc($q3);

$t[2]=$h1['content']; //Текст стартовой страницы

$h1 = mysql_fetch_assoc($q3);

$t[3]=$h1['content']; //Ссылка на изображение стартовой

$h1 = mysql_fetch_assoc($q3); //страницы

$t[4]=$h1['content']; //Тескты

$h1 = mysql_fetch_assoc($q3); // со страницы

$t[5]=$h1['content']; // о руководстве

?>

Эта страница не имеет особого функционала и является визитной картой сайта.

Рисунок 19 – Стартовая страница







Последнее изменение этой страницы: 2017-02-10; Нарушение авторского права страницы

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 18.206.187.81 (0.007 с.)