СПИСОК ВИКОРИСТАНИХ ЛІТЕРАТУРНИХ ДЖЕРЕЛ

1. About JavaScript [Електронний ресурс] : MDN // Режим доступу: https://developer.mozilla.org/en-US/docs/Web/JavaScript/About_JavaScript

2. Кеннеди Б., Муссиано Ч. HTML и XHTML. Полное руководство / Б. Кеннеди, Ч. Муссиано. - М.: «Символ-Плюс», 2012. - 752 с. -

ISBN: 5-93286-104-5

3. Мережа Інтернет та її сервіси [Електронний ресурс] : Портал знань // Режим доступу: http://www.znannya.org/?view=web_tech

4. Проектування інструментального програмного забезпечення. Методичні рекомендації для виконання курсової роботи / Уклад. В.О. Денисюк. – Вінниця : ВНТУ, 2014. - 22 с.

5. Бердышев С.Н. Искусство оформления сайта / С.Н. Бердышев. - М.: Дашков и Ко, 2010. - 100 с. - ISBN 978-5-394-00398-1.

6. HTML & CSS – W3C [Електронний ресурс] // Режим доступу: http://www.w3.org/standards/webdesign/htmlcss

7. Консорциум W3C утвердил стандарт HTML5 [Електронний ресурс] // Режим доступу: http://www.opennet.ru/opennews/art.shtml?num=40954

8. Каскадні Таблиці Стилів [Електронний ресурс] // Режим доступу: http://www.indeep76.com/Style/CSS/

9. Романюк Олександр Никифорович. Веб-дизайн і комп’ютерна графіка: навч. посіб. для студ. напр. підгот. "Прогр. інженерія" всіх спец. /

О.Н. Романюк, Д.І. Катєльніков, О.П. Косовець. - Вінниця: ВНТУ, 2007. - 141 с.

10. Тестування сайтів [Електронний ресурс] : Google Developers. PageSpeed Insights // Режим доступу: http://developers.google.com/speed/pagespeed/insights/

 


 

ДОДАТКИ


Додаток А

Керівництво користувача

 

Керівництво користувача представлене в вигляді розгорненої структури сайту.

- З головної сторінки можна перейти:

- Галерея

- Новини

- Контакти

- Інша мовна версія сайту

- Галерея

- Головна

- Новини

- Контакти

- Інша мовна версія сайту

- Фотоальбоми

- Перегляд зображень

- Відеоальбом

- Перегляд відео

- Новини

- Головна

- Галерея

- Контакти

- Інша мовна версія сайту

- Детальніше про новину

- Контакти

- Головна

- Галерея

- Новини

- Інша мовна версія сайту

 

На англомовній версії сайту аналогічні пункти.

 

Адміністраторський блок розроблено лише на одній мові, російській.

З головної сторінки адміністраторської панелі можна перейти:

- Добавлення новини

- Редагування новини

- Видалення новини

- Добавлення зображення

- Редагування зображення

- Видалення зображення

- Добавлення альбому

- Редагування альбому

- Видалення альбому

- Добавлення відео

- Редагування відео

- Видалення відео

- Редагування російських текстів

- Головна сторінка

- Галерея

- Сторінка контактів

- Сторінка новин

- Редагування англійських текстів (для англійської версії сайту)

- Головна сторінка

- Галерея

- Сторінка контактів

- Сторінка новин

- Довідка

- Офіційний сайт

- Вихід з адміністраторської панелі.


 

Додаток Б

Лістинг проекту

 

<?php include "blocks/db_connect.php"?>

<?php

$result = mysql_query("SELECT title, meta_keys, meta_desc, text, page_name, header_img_source FROM settings WHERE page_name='index'");

$row = mysql_fetch_array($result);

?>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/html">

<head lang="en">

<meta name="description" content="<? echo $row['meta_desc']?>">

<meta name="keywords" content="<? echo $row['meta_keys']?>">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title><? echo $row['title']?></title>

<?php include 'blocks/links.php'?>

<link href="css/main.css" type="text/css" rel="stylesheet">

<link rel="icon" type="image/x-icon" href="favicon.ico">

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

</head>

<body>

<div id="wrapper" class="container">

<header class="row">

<?php include 'blocks/header.php'?>

</header>

<?php include 'blocks/sidebar.php'?>

<main id="main" class="col-xs-12">

<?php echo $row['text']?>

</main>

<?php include 'blocks/footer.php' ?>

</div>

</body>

</html>

 

<?php include "blocks/db_connect.php"?>

<?php

$result = mysql_query("SELECT title, meta_keys, meta_desc, text, page_name, header_img_source FROM settings WHERE page_name='contacts'");

$row = mysql_fetch_array($result);

?>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/html">

<head lang="en">

<meta name="description" content="<? echo $row['meta_desc']?>">

<meta name="keywords" content="<? echo $row['meta_keys']?>">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title><? echo $row['title']?></title>

<?php include 'blocks/links.php'?>

<link href="css/contacts.css" type="text/css" rel="stylesheet">

<script type="text/javascript">

$(function() {

$('input[type=submit]').click(function() {

$.ajax({

type: "POST",

url: "contactsData.php",

data: $("#contactsForm").serialize(),

success: function(data) {

$('#result').html(data).delay(2000).queue(function () {

if (data == '<p>Сообщение отправлено успешно!</p>') {

window.location.reload();

}

})

}

});

});

})

</script>

</head>

<body>

<div id="wrapper" class="container">

<header class="row">

<?php include 'blocks/header.php'?>

</header>

<?php include 'blocks/sidebar.php'?>

<main class="col-xs-12" >

<div class="row">

<? echo $row['text']?>

<form id="contactsForm" onsubmit="return false" action="" role="form" method="post" name="contactsForm">

<fieldset>

<legend><h3>Ваше сообщение</h3></legend>

<p>Введите Ваше имя:</p> <p>

<input type="text" name="name" size="30" maxlength="50" required="required" placeholder="Имя"></p>

<p>Укажите Вашу електронную почту:</p><p>

<input type="email" name="email" size="30" maxlength="50" required="required" placeholder="Електронная почта"></p>

<p class="antispam">Оставте пустым:

<input type="hidden" name="url"></p>

<p>Текст сообщения:</p> <p><textarea id="formText" name="formText" required="required" placeholder=" Текст..."></textarea></p>

<input type="submit" name="submit" value=" Отправить ">

</fieldset>

<section id="result"></section>

</form>

</div>

</main>

<?php include 'blocks/footer.php' ?>

</div>

</body>

</html>

 

<?php include "blocks/db_connect.php"?>

<?php

$result = mysql_query("SELECT title, meta_keys, meta_desc, page_name, header_img_source FROM settings WHERE page_name='gallery'", $db);

$row = mysql_fetch_array($result);

?>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">

<head lang="en">

<meta name="description" content="<? echo $row['meta_desc']?>">

<meta name="keywords" content="<? echo $row['meta_keys']?>">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title><? echo $row['title']?></title>

<?php include 'blocks/links.php'?>

<link href="css/gallery.css" type="text/css" rel="stylesheet">

</head>

<body>

<div id="wrapper" class="container">

<header class="row">

<?php include 'blocks/header.php'?>

</header>

<?php include 'blocks/sidebar.php'?>

<main id="imgGallery" class="row">

<?php

$new_result = mysql_query("SELECT id, title_img_source, view_ru_album_name FROM img_albums", $db);

$new_row = mysql_fetch_array($new_result);

do {printf('<a href="view_gallery.php?id=%s">

<div class="albums col-xs-6 col-sm-3">

<img src="images/%s">

<div class="col-xs-11 albumText">%s</div>

</div>

</a>', $new_row['id'], $new_row['title_img_source'], $new_row['view_ru_album_name']);}

while ($new_row = mysql_fetch_array($new_result));

?>

<a href="view_video.php">

<div class="albums col-xs-6 col-sm-3">

<img src="images/videos.png">

<div class="col-xs-11 albumText">Видео</div>

</div>

</a>

</main>

<?php include 'blocks/footer.php' ?>

</div><!--container-->

</body>

</html>

 

<?php include "blocks/db_connect.php"?>

<?php

$new_result = mysql_query("SELECT title, meta_keys, meta_desc, page_name, header_img_source FROM settings WHERE page_name='news'", $db);

$row = mysql_fetch_array($new_result);

?>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/html">

<head lang="en">

<meta name="description" content="<? echo $row['meta_desc']?>">

<meta name="keywords" content="<? echo $row['meta_keys']?>">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title><? echo $row['title']?></title>

<?php include 'blocks/links.php'?>

<link href="css/news.css" type="text/css" rel="stylesheet">

</head>

<body lang="ru">

<div id="wrapper" class="container">

<header class="row">

<?php include 'blocks/header.php'?>

</header>

<?php include 'blocks/sidebar.php'?>

<main class="col-xs-12">

<?php

$new_result = mysql_query("SELECT id, main_img_source, main_img_alt, main_img_title, title, description, date, author, source FROM news", $db);

$new_row = mysql_fetch_array($new_result);

do {

if (!empty($new_row['title'])) {

if (!empty ($new_row['source'])) {

printf('<div class="row news">

<div class="col-xs-12"><img class="newsImg" src="images/news/%s" alt="%s" title="%s">

<h4><a href="view_news.php?id=%s">%s</a></h4> <p>%s</p> </div>

<div class="news_footer col-xs-12">

<div class="col-xs-3"><span class="n_footer">Добавлено: </span>%s</div>

<div class="col-xs-4"><span class="n_footer">Автор: </span>%s</div>

<div class="col-xs-5"><a href="%s" target="_blank">Источник</a></div>

</div>

</div>', $new_row['main_img_source'], $new_row['main_img_alt'], $new_row['main_img_title'], $new_row['id'], $new_row['title'], $new_row['description'], $new_row['date'], $new_row['author'], $new_row['source']);

}

else {

printf('<div class="row news">

<div class="col-xs-12"><img class="newsImg" src="images/news/%s" alt="%s" title="%s">

<h4><a href="view_news.php?id=%s">%s</a></h4> <p>%s</p> </div>

<div class="news_footer col-xs-12">

<div class="col-xs-3"><span class="n_footer">Добавлено: </span>%s</div>

<div class="col-xs-4"><span class="n_footer">Автор: </span>%s</div>

</div>

</div>', $new_row['main_img_source'], $new_row['main_img_alt'], $new_row['main_img_title'], $new_row['id'], $new_row['title'], $new_row['description'], $new_row['date'], $new_row['author']);

}

}

}

while ($new_row = mysql_fetch_array($new_result));

?>

</main>

<?php include 'blocks/footer.php' ?>

</div>

</body>

</html>

 

<?php include "blocks/db_connect.php"?>

<?php

$result = mysql_query("SELECT title, meta_keys, meta_desc, page_name, header_img_source FROM settings WHERE page_name='gallery'", $db);

$row = mysql_fetch_array($result);

?>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/html">

<head lang="en">

<meta name="description" content="<? echo $row['meta_desc']?>">

<meta name="keywords" content="<? echo $row['meta_keys']?>">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title><? echo $row['title']?></title>

<?php include 'blocks/links.php'?>

<link href="css/view_gallery.css" type="text/css" rel="stylesheet">

<link href="css/fotorama.css" type="text/css" rel="stylesheet">

<script src="js/jquery-ui.min.js" type="text/javascript"></script>

</head>

<body>

<div id="wrapper" class="container">

<div id="header" class="row">

<?php include 'blocks/header.php'?>

</div>

<?php include 'blocks/sidebar.php'?>

<div id="view">

<?php

if (isset ($_GET['id'])){$id = $_GET['id'];}

$new_result = mysql_query("SELECT album_name, view_ru_album_name FROM img_albums WHERE id='$id'");

$new_row = mysql_fetch_array($new_result);

?>

<a href="gallery.php">

<div class="gal_buttons col-xs-6 col-sm-3 col-md-3"><img class="arrow" src="images/arrow.png">Назад</div>

</a>

<div id="album_name" class="col-xs-6"><? echo ($new_row['view_ru_album_name'])?></div>

<div id="fotorama" class="fotorama col-xs-12" data-width="1120" data-height="600" data-transition="crossfade" data-allowfullscreen="true" data-nav="thumbs" data-keyboard="true" data-hash="true">

<?php

$album_name = $new_row['album_name'];

$my_result = mysql_query("SELECT img_name, ru_data_caption FROM images WHERE album_name='$album_name'");

$my_row = mysql_fetch_array($my_result);

do {printf('<img src="images/%s/%s" data-caption="%s">', $album_name, $my_row['img_name'], $my_row['ru_data_caption']);}

while ($my_row = mysql_fetch_array($my_result));

?>

</div>

</div>

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

<?php include 'blocks/footer.php' ?>

</div><!--container-->

</body>

</html>

 

<div id="sidebar" class="row">

<a href="/index.php" ><div class="marginBar col-xs-12 col-sm-3 bar"> Главная </div></a>

<a href="/gallery.php"><div class="marginBar col-xs-12 col-sm-3 bar"> Галерея </div></a>

<a href="/news.php"><div class="marginBar col-xs-12 col-sm-3 bar"> Новости </div></a>

<a href="/contacts.php"><div class="col-xs-12 col-sm-3 bar"> Контакты </div></a>

</div>

 

<?php

printf('<a href="/index.php"><div id="title_site_name" class="col-xs-12 col-sm-3 col-md-4">

<h1>Владимир Насонов</h1><hr><h2 class="left_header">Гравировка стекла</h2>

</div></a>

<div id="headerImg" class="col-xs-9 col-sm-6 col-md-4"><img src="images/%s"></div>

<div id="right_side_header" class="col-xs-3 col-sm-3 col-md-4">

<a href="/%s.php"><div class="lang col-xs-6 col-sm-offset-4 col-sm-4 col-md-offset-8 col-md-2">RUS</div></a>

<a href="/en/%s.php"><div class="lang col-xs-6 col-sm-4 col-md-2">ENG</div></a>

</div>', $row['header_img_source'], $row['page_name'], $row['page_name']);

?>

 


 

 



1234




Дата добавления: 2016-04-02; просмотров: 1284;

Поиск по сайту:

При помощи поиска вы сможете найти нужную вам информацию.

Поделитесь с друзьями:

Если вам перенёс пользу информационный материал, или помог в учебе – поделитесь этим сайтом с друзьями и знакомыми.
helpiks.org - Хелпикс.Орг - 2014-2024 год. Материал сайта представляется для ознакомительного и учебного использования. | Поддержка
Генерация страницы за: 0.076 сек.