Функция fread осуществляет чтение
данных из файла. Ее можно использовать
и для чтения данных из бинарных файлов,
не опасаясь их повреждения. Синтаксис
fread ():
string fread (указатель на файл, длина)
В результате работы функция
fread () возвращает строку со считанной из
файла информацией.
С помощью функции fgets () можно
считать из файла строку текста. Синтаксис
этой функции практически такой же, как
и у fread (), за исключением того, что длину
считываемой строки указывать необязательно:
string fgets (указатель на файл [,
длина])
В результате работы функция
fgets () возвращает строку длиной (длина
минус 1) байт из файла, на который указывает
указатель на файл. Чтение заканчивается,
если прочитано (длина минус 1) символов
и встретился символ перевода строки или
конец файла.
Функция readfile () считывает файл,
имя которого передано ей в качестве параметра
имя_файла, и выводит его содержимое на
экран.
Синтаксис:
int readfile (имя_файла [, use_include_path])
Функция file () предназначена
для считывания информации из файла в
переменную типа массив. Синтаксис у нее
такой же, как и у функции readfile (), за исключением
того, что в результате работы она возвращает
массив:
array file (имя_файла [, use_include_path])
Для того, чтобы удалить файл
с помощью языка PHP, нужно воспользоваться
функцией unlink (). Синтаксис этой функции
можно описать следующим образом: boolunlink
(имя_файла) [18]
Практическая
часть
3.1.Общая
структура сайта
Задачей данной выпускной квалификационной
работы является создание веб-сайта с
функцией обратной связи и применение
дополнительных функций.
Поставленные задачи решаются
последовательно. Сначала мы разработали
и создали основную часть сайта, затем
создали базу данных, установили функцию
обратной связи, модуль Fhoca Gallery.
На главной странице отображаются
последние основная информация.
Страница «Весенняя коллекция»
Здесь отображается одежда весенней коллекции,
содержит фото материалы.
Страница «Зимняя коллекция»
Здесь отображается одежда зимней
коллекции, содержит фото материалы
Страница «Ткани и аксессуары»
содержит информация о тканях и аксессуарах,
которые используются и содержит фото
материалы.
Страница «Контакт» содержит
информацию адрес и форму обратной связи.
Рисунок 1. Структурная схема
сайта
На Рисунке 1 представлена структурная
схема сайта, которая учитывает всю специфику
разрабатываемого приложения.
3.2.
Построение основной части сайта
Для решения задачи построения основной
части сайта, основную задачу можно разделить
на следующие подзадачи:
- Разработка макета дизайна сайта.
- Организация навигации сайта
- Установка системы управления контентом
сайта и определение ее дополнений под
задачи сайта.
Теперь решаем каждую из подзадач последовательно.
Разработка макета
дизайна сайта.
В первую очередь была разработана концепция
дизайна сайта. Вся информация на сайте
должна быть удобна для использования
и поиска информации. На рисунке 2 представлен
эскиз расположения основных блоков сайта
на главной странице.
Логотип компании |
Главное меню |
Основная информация |
Авторские права |
Рисунок 2. Эскиз расположения
основных блоков сайта на главной странице.
Макет сайта представлен на рисунке 4.
- Основная панель навигации (левая
часть) – здесь находится строка
поиска и располагается главное
меню сайта, каталоги одежды, форма
обратной связи, контактная информация,
карта сайта.
- Основной информационный блок
(занимает большую часть экрана)
– в этой части, на главной
странице, располагаются предложения
Дизайн-Студии.
Рисунок 4 - Главная страница
сайта
На главной странице расположен
окошко, где выполняется слайд шоу, внизу
переходы по другим страничкам сайта.
3.3
Организация фото-галереи на сайте.
Во всех наших категориях находятся
фото-галереи, т.е. маленькие эскизы образцов,
при щелчке по которым открываются большие
изображения. Я создал простейшие
фотогалереи средствами HTML, CSS и Java Script
с функцией увеличения изображения по
щелчку мыши и без использования специальных
библиотек и инструментов.
На следующих трех страницах распложены
каталоги одежды которые показаны на Рисунке5,
при выборе какой-то модели она увеличивается.
Рисунок 6.
Рисунок 5. Каталог весенней
коллекции
Рисунок 6 – Увеличенное
изображение модели одежды из любого каталога
сайта.
Рисунок 7. Каталог тканей и
аксессуаров.
3.4
Программно-технические средства
Для решения поставленной
задачи использовались следующие
средства:
Компьютер с ОС Windows 7, с выходом
в интернет, на который были установлены
- Notepad++
- Denwer
- MySQL
- WiX
- PHP 5.2.7
- CSS
- HTML
- Java Script
- Графические редакторы Photoshop
и CorelDRAW
- Все эти и другие средства
использовались в той или иной мере.
3.5
Организация обратной связи на сайте
Для удобства посетителей сайта кроме
контактной информации, создана форма
обратной связи, ведь заполнить поля ввода
легче и быстрее, чем сформулировать текст
письма и его структуру.
Более всего для создания форм к сайту
Перемена подходит компонент ArtForms. Этот
компонент дает широкие возможности для
создания разнообразных индивидуальных
форм на сайте. ArtForms имеет следующие преимущества:
- неограниченное количество
форм и полей;
- сохранение форм в базе данных;
- индивидуальный стиль для разных
полей;
- поддержка Captcha.
Этапы создания «обратной связи»:
Планирование полей, которые должна содержать
обратная связь и анализ степени важности
этих полей (обязательно для заполнения,
необязательно для заполнения), определение
типа поля (ввод данных, текстовое поле,
выбор, пароль). Форма обратной связи для
данного сайта должна содержать следующие
поля с указанием (в скобках) типа поля:
- обязательные - имя отправителя (ввод
данных), e-mail отправителя (ввод данных),
текст сообщения (текстовое поле);
- необязательные – тема сообщения
(ввод данных).
Установка
компонента ArtForms через Установку/Удаление
расширений в Административной панели
Joomla!
Настройка
формы (происходит во вкладке
Формы) – название формы, электронный
адрес получателя формы, отправка
копии формы клиенту (да/нет), пользовательский
JavaScript код, загрузка пользовательского
CSS-кода, возможность включения проверочной
системы (Captcha), указать параметры публикации.
Создаются поля обратной связи в соответствии
с типом поля, важностью выполнения, если
необходимо выполняется проверка полей,
например, проверка e-mail или номера.
Интерфейс формы обратной связи приведен
на рисунке 9.
Рисунок 9. Интерфейс формы
обратной связи.
Все данные компонента ArtForms хранятся
в базе данных: в таблице jos_artforms – параметры
формы, jos_artforms_inbox – входящие сообщения,
в jos_artforms_items – поля таблицы и их свойства.
Принцип работы формы: после заполнения
пользователем полей, и нажатия кнопки
«Отправить» форма проверяет была ли произведена
попытка заполнения, затем проверяется
были ли заполнены все обязательные поля
и правильность введения Captcha, если поля
заполнены не верно или не заполнены, форма
выдает сведения об ошибке. Если все верно,
то с помощью команды sendmail отправляется
сообщение на указанный электронный адрес.
А пользователь видит текст сообщения
«Форма успешно отправлена, мы свяжемся
с Вами как можно скорее».
Заключение
В общей части был проведен обзор существующих
типов сайтов, структура сайта, обеспечения
работы веб-сайта. Рассмотрены теоретические
основы построения веб-сайтов: способы
создания веб-сайтов; информационное,
программное и техническое обеспечение
работы веб-сайта; даны основные преимущества
динамического веб-сайта, построенного
с помощью системы Joomla.
В практической части приведены основные
этапы создания сайта. Дана характеристика
объекта проектирования сайта. На сайте
размещены материалы и статьи по вопросам
моды. Сайт привлекает всех кто интересуется
модой и хочет выглядеть уникально J Электронный ресурс должен не только
предоставить информацию о моделях одежды,
но и предоставить возможность обратной
связи, контактную информацию с администрацией
сайта. Создание возможности общения на
сайте реализуется с помощью специальных
приложений и сервисов. Благодаря их настройкам
можно ограничить или расширить права
посетителей в свободе общения.
Были определены задачи, которые поможет
решить веб-сайт. Изложен процесс разработки
сайта-каталога для компании «Уникальность».
Основные этапы разработки основной части
сайта: разработка макета дизайна сайта,
установка системы управления контентом
сайта Joomla и дополнение ее под задачи
сайта, разработка шаблонной страницы
сайта и создание основных модулей
сайта.
Заключение
В ходе выполнения выпускной
квалификационной работы был получен
полнофункциональный web-сайт, полностью
готовый к применению. Данный сайт ориентирован
на всех. С его помощью пользователи смогут
получать необходимую информацию о стоимости
и примерах работы студии
При разработке web-сайта были
проанализированы современные web-технологии,
позволяющие создавать интерактивные
web-страницы. Наиболее подходящими для
выполнения поставленной задачи Notepad++,
Adobe Photoshop , При разработке web-сайта были
использованы языки (Html, Css , JavaScript).
В качестве дальнейшего совершенствования
web-сайта представляется возможным разработка
модулей комментарий и регистрации пользователей
. Так же возможна доработка интерфейса
сайта с целью дальнейшего повышения его
информативности, привлекательности и удобства.
Листинг программы
<html>
<head><title>Швейное
предприятие </title>
<link rel="stylesheet"
href="C:\Users\Almaz\Desktop\примеры\style.css" type="text/css"
media="screen"/>
<meta http-equiv="Content-Type"
content="text/html; charset=windows-1251" />
<base href="http://www.internet-technologies.ru/uploads/pages/createMySite/"
/>
<title>Швейное
предприятие</title>
<meta name="description"
content="Реализация женской одежды"
/>
<meta name="keywords"
content="Мода, Одежда, Аксессуары" />
<link rel="stylesheet"
type="text/css" href="style.css" media="screen"
/>
</head>
<?php include ("blocks/header.php");?>
<table width=650
height=150 border="1" cellspacing=0 cellspadding=0 align="center"
bordercolor=313233>
<TR>
<?php include ("blocks/leftmenu.php");?>
<td><h2 align="center"
style=451212></h2>
<p align="center">
Это моя динамическая страницана PHP.</p>
</td>
</table>
<?php include ("blocks/footer.php");?>
<body>
<div id="page">
<img src="C:\Users\Almaz\Pictures\вывеска1.png"
alt="Туристическое агентство" align="absmiddle"
/></a>
<nav>
<ul id="top_menu">
<li><a
href="C:\Users\Almaz\Desktop\примеры\Весна.xhtml">Весенняя
коллекция</a></li>
<li><a
href="C:\Users\Almaz\Desktop\примеры\Зима2.xhtml"
>Зимняя коллекция</a></li>
<li><a
href="#" >О нас</a></li>
<li><a
href="#" class="last">Контакты</a></li>
</ul>
</nav>
<div class="header_img">
<img src="C:\Users\Almaz\Pictures\kartinki24_glamour_0044.jpg"
height=100% width=90% alt="Швейное предпприятие"
/>
</div>
<style type="text/css">
* {/*Отспуты
для всех элементов по умолчанию нулевые*/
margin: 0;
padding: 0;
}
html, body { /*Высота
страницы максимальная*/
font-family
: "trebuchet ms", Verdana, Tahoma, Arial, Sans-Serif;
font-size
: 12px;
height: 100%;
}
.frame { /*Основная
область страницы*/
min-height: 100%; /*Растягиваем элемент на всю
высоту*/
margin : auto; /*Выравнивание по ширине*/
width : 800px; /*Ширина основной области*/
border
: none;
}
* html .frame { /*Инструкция
для Internet Explorer, который может не обрабатывать
свойство min-height*/
height: 100%;
}
.footer-proxy { /*Заглушка
для нижней части, резервирующая элементу
footer место*/
height:
225px; /*должна быть равна высоте элемента
footer*/
}
.sub-footer { /*нижняя
часть (footer)*/
border-top
: none;
height: 200px;
margin-top: -200px; /*Перемещаем нижнюю часть поверх
заглушки footer-proxy*/
}
.footer { /*нижняя
часть (footer)*/
border-top
: 1px solid #ddd;
background-color
: #eee;
height: 25px;
margin-top: -25px; /*Перемещаем нижнюю часть поверх
заглушки footer-proxy*/
}
.image-list {
margin : auto; /*Выравнивание по ширине*/
width : 700px;
padding : 5px;
}
.image-list img{
border
: 15px solid #ddd;
width : 100px;
height : 100px;
cursor : pointer;
}
.image-list img:hover{
border
: 5px solid #aaa;
width : 120px;
height : 120px;
}
.popup{
display : none;
position : absolute;
}
.popup img{
border
: 15px solid #ccc;
}
#close-button {
position : absolute;
padding : 0px;
top : 0%;
left : 100%;
width : 32px;
height : 32px;
margin-left : -15px;
margin-top : -15px;
background-color
: #ccc;
border
: none;
}
#close-button:hover
{
margin-left : -16px;
margin-top : -16px;
border
: 1px solid #aaa;
}
#close-button img{
width : 32px;
height : 32px;
border
: none;
}
h1 {/*Стиль
для вывода заголовка*/
font-family
: "trebuchet ms", Verdana, Tahoma, Arial, Sans-Serif;