Створення інформаційного сайту Млинець

Агенція освіти і науки РФ

Далекосхідний Державний Технічний Університет

(ДВПИ ім. Куйбишева)

Інститут Радіоелектроніки Інформатики та Електротехніки

Курсова робота

тема:

Створення інформаційного сайту «Млинець»

2010

Введення

World Wide Web - глобальна комп'ютерна мережа на сьогоднішній день містить мільйони сайтів, на яких розміщена всіляка інформація. Люди отримують доступ до цієї інформації за допомогою використання технологій Internet. Для навігації в WWW використовують спеціальні програми - Web-браузери, які суттєво полегшують подорож по безкрайніх просторах WWW. Вся інформація в Web-браузері відображається у вигляді Web-сторінок, які є основним елементом байтів WWW. Web-сторінка - це обличчя тієї фірми, установи, людини який розмістив її в WWW. Саме тому сьогодні Web-дизайну приділяється така велика увага, бо від нього на пряму залежить популярність того чи іншого інформаційного ресурсу Мережі. Недарма зараз професія Web-дизайнера є однією з самих високооплачуваних.

Людина, що створює Web-сторінку, сполучає свої знання та навички зі своїм творчим потенціалом. Уміння творити - ось що відрізняє справжнього Web-дизайнера. Для того щоб створити Web-сторінку, яка б радувала око, потрібно поєднувати в собі якості художника і програміста.

Сучасні користувачі Мережі є кваліфікованими одержувачами інформації. На сайті можна розмістити велику кількість інформації, включаючи анімацію, графіку, звук, забезпечити можливість зворотного зв'язку, що зручно для відвідувачів і клієнтів. Великою перевагою сайту є його незалежність від географічного положення, тобто кому цікава інформація можуть знаходиться в будь-якій точці земної кулі.

Для розміщення інформаційного або рекламного матеріалу в Інтернет необхідно створити Інтернет-сайт. При створенні сайту важливо знайти рівновагу між бажанням дизайнера і потребами користувача. Перше, що потрібно зробити - це на папері накидати свій план та ідеї. При цьому слід уважно розібратися, як буде здійснюватися переміщення по сайту.

Важливою стороною Web-сайту є створення та структурування вмісту, тобто інформаційна архітектура.

Вміст Web-сайту.

Сюди входить форма і організація вмісту сайту. Можливий діапазон від того, як написаний текст, до того як представлений і структурований за допомогою технологій розмітки такий як HTML.

Зорові образи.

Це відноситься до компонування екранного простору на сайті. Компонування зазвичай створюється за допомогою HTML, CSS або Flash і може включати графічні елементи.

Вимоги

1.Необходімо створити сайт, що дозволяє отримати таку інформацію про млинці: історія млинців, рецепти приготування млинців, свято Масляна. Також на сайті будуть представлені деякі фотографії млинців.

2.Сайт повинен проглядатися в основних браузерах, якими користуються відвідувачі

3.Сайт представляє собою таблицю 3 на 2. У першому рядку розміщений логотип (див. Малюнок № 1). У другому рядку - 1 клітинці: розважальна («Анекдот в тему», «Навколо млинців») інформація; в 2 комірці - головне меню; в 3 осередку - інформація про млинцевих (3 осередок є тільки у головної сторінки);

3.Окно сайту повинен мати:

1) головне меню з пунктами:

• Історія млинців;

• Рецепти;

• Масляна;

• Фотографії;

2) елементи розважальної та пізнавальної інформації («Анекдот в тему», «Навколо млинців»;

3) інформацію про млинцевих;

4) точки продажу млинців;

4.Організація навігації:

Для здійснення навігації крім панелі посилань використовуються малюнки у вигляді млинців (нижче кожного малюнка є підказка, куди спрямована посилання)

5. Єдність дизайну всіх розділів

6.Понятность і простота використання сайту, дотримання принципів ергономіки;

7. Сайт повинен бути оригінальний у своєму змісті і дизайні і не є чиєюсь копією;

8. Повинні бути відсутні будь-якого роду дратівливі елементи (дуже яскраві кольори, рухомі об'єкти тощо);

9. Сайт має легко читатися, сторінки не повинні бути дуже довгі, а повинні бути структуровані для полегшення сприйняття (рис № 1, наприклад);

10. Кодування HTML має здійснюватися у відповідність з міжнародними стандартами World Wide Web Consortium;

11. При проектуванні системи повинні бути закладені можливості по її розширенню і додаванню нових модулів;

12. Код програмних модулів повинен бути оптимізовано для досягнення максимально швидкої і безперебійної роботи сервера;

13. На всіх рівнях розробки повинен використовуватися принцип поділу дизайну, внутрішньої логіки і вмісту;

14. Програмні модулі повинні бути універсальні з можливістю розгортання на будь-який популярної платформі (Windows і Unix сумісні);

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

Після відкриття сайту користувач визначає, яку інформацію він хоче отримати. Для переходу на сторінку з потрібною інформацією користувач повинен натиснути на відповідний «млинець» або на текст під млинцем, тим самим він потрапить на вибрану сторінку. Якщо користувач натисне на «млинець» з написом «Історія», він потрапляє на сторінку з історією млинців. Для того щоб перейти на головну сторінку, користувач повинен натиснути на «млинець» з написом «На головну» (він з'явиться на тому місці, де раніше був «млинець» з написом «Історія»). Для переходу на інші сторінки, користувач повинен натиснути на відповідні «млинці» з написами.

При натисканні на «млинець» «Рецепти» користувач потрапляє на сторінку з рецептами. Для того щоб переглянути потрібний рецепт користувач повинен вибрати відповідний пункт меню, яке розташоване в лівій частині сторінки. Якщо користувач хоче додати свій рецепт, він повинен вибрати пункт меню «Додати рецепт». На сторінці «Додати рецепт» користувач повинен ввести свій E - mail адресу, ім'я і сам рецепт, після чого натиснути на кнопку «відправити». Якщо користувач натискає на «млинець» «Масляна», то він потрапляє на сторінку з історією російського свята Масляна. Якщо користувач натискає на «млинець» «Фотографії», то потрапляє на сторінку з фотографіями млинців. Якщо користувач хоче отримати інформацію про млинцевих байках, або про різноманіття млинців в нашому світі, а також про роль млинців в нашому житті, то він повинен перейти «На головну» (натисканням на «млинець» «На головну»), і натиснути на відповідний пункт меню, яке знаходиться в лівій частині сторінки. Якщо користувач хоче отримати інформацію про кафе, що мають у своєму меню млинці, то він повинен перейти «На головну», в лівій частині сторінки він знайде потрібну інформацію.

Опис сценарію

«Перехід на сторінку з рецептом« Млинці манні »(за результатом опитування користувачів)»

Діаграма витрати часу на перехід на сторінку з рецептом «Млинці манні»

За вертикальної осі - час, витрачений користувачами; по горизонтальній осі - шкала дій користувачів (нумерація дій йде також, як і в таблиці); № 1, № 2, № 3, № 4 - користувачі, що брали участь в опитуванні; середнє - середнє значення часу, витраченого користувачами.

Структура сайту

Глосарій

Веб-сайт - сукупність веб-сторінок з повторюваним дизайном, об'єднаних за змістом, навігаційно і фізично знаходяться на одному веб-сервері.

Некоректні методи просування веб-сайтів - методи досягнення сайтом більш високого рейтингу, які визнані некоректними провідними пошуковими системами.

Некоректними методами є:

- Фарширування ключовими словами;

- Маскування;

- Переадресація;

- Створення вхідних сторінок, що враховують особливості робота пошукової системи і т.д.

Зазвичай пошукові системи відносять сторінки, які обнародувано некоректними методами, до різновиду спаму і застосовують до них санкції.

HTML (від англ. HyperText Markup Language - мова розмітки гіпертексту) - стандартний мова розмітки документів у Всесвітній павутині. Більшість веб-сторінок створюються за допомогою мови HTML (або XHTML). Мова HTML інтерпретується браузером і відображається у вигляді документа, в зручній для людини формі.

HTML є додатком SGML (стандартної узагальненої мови розмітки) і відповідає міжнародному стандарту ISO 8879.

Інтернет - (англ. Internet, скор. Від Interconnected Networks - об'єднані мережі) - глобальна телекомунікаційна мережа інформаційних і обчислювальних ресурсів. Служить фізичною основою для Всесвітньої павутини. Часто згадується як Всесвітня мережа, Глобальна мережа, або просто Мережу.

В даний час, коли слово Інтернет вживається в побуті, частіше за все мається на увазі саме веб і доступна в ній інформація, а не сама фізична мережа.

Веб-оглядаючи тель, браузер (від англ. Web browser) - програмне забезпечення для перегляду веб-сайтів, тобто для запиту веб-сторінок (переважно з Мережі), їх обробки, виведення і переходу від однієї сторінки до іншої.

Користувач - відвідувач веб-сайту чи іншого веб-ресурсу. В Інтернет-рекламі користувач розглядається як споживач реклами.

Інтерфейс користувача - елементи і компоненти програми, які здатні впливати на взаємодію користувача з програмним забезпеченням. У тому числі:

- Засоби відображення інформації, яка відображається інформація, формати та коди;

- Командні режими, мова користувач-інтерфейс;

- Пристрої та технології введення даних;

- Діалоги, взаємодія і транзакції між користувачем і комп'ютером;

- Зворотній зв'язок з користувачем;

- Підтримка прийняття рішень у конкретній предметній області;

- Порядок використання програми і документація на неї.

Кнопка - (можна побачити на рис № 1,2,3,4,5,6 у вигляді млинців) - елемент навігації в екранній формі, службовець для активації деякого процесу.

Гіперпосилання - частина гіпертекстового документа, що посилається на інший елемент (команда, текст, заголовок, примітка, зображення) в самому документі, на інший об'єкт (файл, директорія, додаток), розташований на локальному комп'ютері або в комп'ютерній мережі, або на елементи цього об'єкта .

Млинці - кулінарний виріб, що готується з рідкого тіста, що виливається на розпечену сковороду; має круглу форму.

Масляна, сирна тиждень - (до реформи орфографії також часто Масляну) - святковий цикл, збережений на Русі з язичницьких (дохристиянських) часів. Обряд пов'язаний з проводами зими і зустріччю весни. Після хрещення Русі Масляниця святкується в останній тиждень перед Великим постом, за сім тижнів до Великодня. Головними атрибутами Масляної є млинці і народні гуляння.

Можливості з розширення

Отриманий сайт не є закінченим продуктом. Для його вдосконалення необхідно ще з десяток різноманітних сторінок, що описують ті чи інші аспекти. Однак загальний підхід у створенні Web-вузла відпрацьований, і залишилася робота зажадає лише закріплення отриманих навичок.

Висновок

Виконання даної роботи дозволило мені придбати навички в розробці сайтів та використанні величезного (наприклад, інструменти: «Таблиця», для створення таблиць, «Зображення», щоб вставити зображення, панель інструментів «Текст», що містить у собі всі основні теги, для роботи з текстом (см.ріс 8)) набору інструментів, наявних в арсеналі Adobe Dreamweaver щодо здійснення HTML моделювання.

Навички в роботі з програмою дозволяють мені досить впевнено працювати над розробкою та створенням, як окремих сторінок, так і сайтів в цілому.

Сподіваюся, що надалі це допоможе мені у майбутній професії.