Web-разработка

Автор работы: Пользователь скрыл имя, 13 Октября 2013 в 01:58, курсовая работа

Краткое описание

Під час виконання курсової роботі було розроблено статичні та динамічні зображення різних форматів, якими було заповнено сторінки веб-сайту також оформлення веб-сйату здійснювалося за допомогою стилів css , та Java скриптів, які написані спеціально для графічного оформлення сайту. Також для оформлення веб-сайту було використане інформаційне забезпечення та анімаційні зображення у форматі gif , що допомогли розкрити тему веб-сайту. У процесі розробки сайту були використані „Adobe Photoshop СS5” , ,, Adobe Dreamweaver CS4” , Microsoft Office Picture Manager, бібліотеки Jquerry, для створення графічних переходів між зображеннями на сайті.

Вложенные файлы: 1 файл

Комп_граф.docx

— 8.89 Мб (Скачать файл)

Отже, всі вище перераховані іновації були використані у створенні сайту, також до створення було залучено потужний графічний редактор ,, Adobe Photoshop CS5” саме з допомогою нього були виконані критерії що до оформлення статичних зображень та створення у ньому динамічних. Було проведене тестування сайту на різних самих найпоширеніших Інтернет браузерах. Тестування показало що ці браузери коректно працюють з розробленим сайтом, а особливо з Java скриптами, які необхідні для створення візуального оформлення статичних зображень сайту. Розроблений програмний додаток згідно завдання працює коректно та без збоїв з будь-якою фігурою у великому діапазоні координат. Використовує для кожної з представлених у ній фігур функції обертання, стиснення розтягнення, відбиття. Пройшовши всі етапи створення сайту та програмного додатку, можна сказати, що тема сайту повністю розкриває тему курсової роботи, як і зі сторони текстової інформаційної частини так і зі сторони графічних елементів сайту. Також програмний додаток відповідає всім критеріям методу Афінних перетворень.

 

 

 

 

 

ПЕРЕЛІК ПОСИЛАНЬ

 

  1. Нильсен, Лоранжер.Web-дизайн: удобство использования Web-сайтов. / Нильсен, Лоранжер – Киев , 2010. – 250 стор.
  2. Дженнифер Нидерст Роббинс. Веб дизайн. / Дженнифер Нидерст Роббинс – Москва, 2009. – 300 стор.
  3. Романюк О.Н. Комп'ютерна графіка. Навчальний посібник/ Вінниця: ВДТУ, 1999. – 130 стор. – ISBN 5-8186-0011-4;
  4. Кольорові палітри [Електронний ресурс]: DesignonStop Режим доступу: http://www.designonstop.com/?p=3681
  5. Брюс Еккель. A java beginner guide: Конспект. – МАИК «Наука/Интерпедагогика», 2012. - 700 стор.
  6. Історія та розвиток анімації [Електронний ресурс]: Вікіпедія: – Режим доступу: http://uk.wikipedia.org/wiki/Анімація
  7. Етапи створення логотипу [Електронний ресурс]: Режим доступу: http://pronets.ru/kriterii-pri-razrabotke-logotipa/
  8. Шпак С.С. Прогрмирование C++. / C.C. Шпак – Москва, 2009. – 700 стор.
  9. Графіка [Електронний ресурс]: Лекції: Режим доступу: http://www.itsait.com/statia/59-sozdanie-shapki-saita

 

 

 

 

 

 

 

 

 

 

 

 

ДОДАТКИ

Додаток А - Графічні зображення

Рисунок А.1 –  Анімаційне зображення логотипу

 

 

Рисунок А.2 – РЗСО ,,Смерч”

 

 

Рисунок А.3 – Вид у розрізі T-64

 

 

Рисунок А.4 – Танк Т34

 

 

Рисунок А.5 – Винищувач Міг – 3

 

 

Рисунок А.6 – Ан – 26 військово – транспортна авіація

 

 

Додаток Б - Алгоритм програми

1


Початок


Оновлення двомірного масиву та заповнення його нулями



 

 

2



 


3


Ні


Ні


Заповнення  масиву строками згідно обраної фігури


Вибір фігури


Запуск  таймера



 

 

4



 

Б



5



 

 

 

6



Перевірка вільного місця для фігури




А


7


Зсув фігури




 

9


Так


8


Рух в  ліво в право



Рух фігури



 

11


Так


10


Деформація



Деформація  фігури


 



А


17


16


Повне заповнення масиву


15


14


13


12


Так


Ні


Так


Вихід


Очистка масиву


Виведення на екран


Очистка масиву


Ні


Перевірка на вільне місце



Б




 

 

 

 


 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Додаток В. Лістинг сайту

 

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

<head>

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

<title>Озброєння Української Армії</title>

<meta name="keywords" content="" />

<meta name="description" content="" />

<link href="http://fonts.googleapis.com/css?family=Arvo:400,700" rel="stylesheet" type="text/css">

<link href="default.css" rel="stylesheet" type="text/css" media="all" />

</head>

<body>

<div id="wrapper-gradiant"><div id="wrapper-bgshadow">

  <div id="wrapper">

    <div id="header">

      <div id="logo">

        <h1><a href="#">ЗСУ<span></span></a></h1>

        <p></p>

          </div>

        </div>   <div id="menu-wrapper">

      <div id="menu">

        <ul>

          <li><a href="index.html" accesskey="1" title="">На  головну</a></li>

          <li><a href="infantry.html" accesskey="2" title="">Сухопутні  Війська</a></li>

         <li><a href="air.html" accesskey="3" title="">Військово  повітряні сили</a></li>

       <li><a href="navy.html" accesskey="4" title="">Військово  морські сили</a></li>

          <li><a href="slide.html" accesskey="5" title="">Галерея</a></li>

          <li><a href="#" accesskey="6" title=""></a></li>

            </ul>

          </div>

        </div>

    <div id="banner">

      <div class="image"><a href="#"></a><a href="#"></a><a href="#"></a><a href="#"><img src="images/Flag.gif" width="691" height="277" alt="" /></a></div>

        </div>    <div id="page">

      <div class="bgtop"></div>

      <div class="bgcontent">

      <div id="post-43" class="post-43 post type-post status-publish format-standard sticky hentry category-uncategorized tag-aliquam tag-amat tag-dolor tag-ipsum tag-lorem tag-sit post,first">

          <h2 class="title"><a href="http://wpArix.localhost/archives/43" rel="bookmark">Загальна   інформація</a></h2>

          <p class="title-liner">Основу  ЗСУ було сформрвано у 1991 - 1996 роках.</p>

          <p><img src="images/zsu_emblem.jpg" alt="" width="169" height="175" class="alignleft" /><strong>.</strong></p>          <div class="divider"></div>

            </div>

        <div class="post">

          <h3 class="subtitle">Історія  створення Збройних Сил України</h3>          <p><strong> воєнної організації.</strong></p>          <p class="arixWP_postmeta"> <span class="readpost button round"><a href="News.html" class="button-style2">Повна версія</a></span></p>

            </div>

          </div>      <div class="bgbtm"></div>

        </div>

    <div id="sidebar">

    <div>

        <h2 class="title">НОВИНИ</h2>

        <ul>

          <li class="first"><a href="noviny1.html">Херсонські вертолітники  провели в небі понад 14 годин</a></li>           <li><a href="noviny2.html">Військовослужбовці львівського гарнізону підтримали військових медиків у боротьбі зі стихією</a></li>

          <li><a href="noviny3.html">У Харкові відбувся  випуск курсів перепідготовки офіцерів запасу</a></li>           <li><a href="noviny4.html">У Вінниці відбулась робоча зустріч делегацій Командування Повітряних Сил та ізраїльської компанії, що спеціалізується на виробництві авіоніки для літаків та вертольотів</a></li>           <li><a href="new5.html">“Град” вперше за 15 років вийшов на вогневий рубіж на Новомосковському загальновійськовому полігоні</a></li>

</div>

  <div id="footer"><p> <a href="http://www.4templates.com/free/"></a><a href="http://fotogrph.com/"></a></p>

</body>

</html>

 

 

 

 

 

 

 

 

Додаток Г. Лістинг програми

#include <afxwin.h>

#include "resource.h"

class point

{public:

double x;

double y;

double z;

double p;

};

class CMyFigure

{

 point center; CFile file;

int numofVertex;

point *vertex; int **connectionMatrix;

point *scene;

 

void calcCenter();

void moveToCenter();void moveBackFromCenter();

public:

 

void Rotation(double fix ,double fiy =0,double fiz =0); void Dilatation(double x,double y =1,double z =1); void Reflection(int XOZ , int XOY =1, int YOZ =1);

void Transposition(double x , double y =0, double z =0); void Transposition2(double x , double y =0, double z =0);

 

   int typeofProection;

  

void OrtograficView();

void AcsonometricView(double fi, double sg);

void ScewView(double px, double py);

void CentralView(double cx=0, double cy=0, double cz=0);

 

public:

CMyFigure(); //

~CMyFigure();

void CMyFigure::Clear();

int loadFigureFromFile(char filename[],char filenameM[]);

int drawFigure(CWnd *pWnd);

};

class CMyMainWnd : public CFrameWnd

{

 

int figureActive;

bool MoveOn;

CMyFigure figures[10];

CMenu m_wndMenu;

public:

CMyMainWnd();

DECLARE_MESSAGE_MAP();

afx_msg void OnMouseMove(UINT nFlags, CPoint point);

afx_msg void OnLButtonDown( UINT, CPoint );

afx_msg void OnLButtonUp( UINT, CPoint );

afx_msg void OnKeyDown( UINT, UINT, UINT );

afx_msg void OnTimer( UINT );

void MenuTetr();

void MenuHex();

void MenuOct();

void MenuIcos();

void MenuDod();

void MenuHelp();

void MenuEsso();

void MenuEXIT();

void MenuPROEC_ORT();                            

void MenuPROEC_ISO();                

void MenuPROEC_DI();                  

void MenuPROEC_TRI();                

void MenuPROEC_FREE();                

void MenuPROEC_KAB();                

void MenuPROEC_ONEPOINT();        

void MenuPROEC_TWOPOINT();

void MenuPROEC_THREEPOINT();

 

void OnPaint();

};

class CMyApp : public CWinApp

{

public:

CMyApp();

virtual BOOL InitInstance();


Информация о работе Web-разработка