Розробка Web сторінки на мові HTLM

МІНІСТЕРСТВО  ОСВІТИ І НАУКИ УКРАЇНИ

Національний  університет «Львівська політехніка» 

ІЕПТ  ім. В’ячеслава Чорновола

 

 

Кафедра загальної  екології та

екоінформаційних  систем

 

 

 

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

 

з дисципліни: «Інформаційні ресурси інтернет»

на тему:

“ Розробка Web сторінки на мові HTLM”

 

 

 

 

 

 

 

                                                                                           Виконав студент:

                                                                                  групи КН – 48

                                                                                        …………………….

                                                                            Перевірила:

Кузь О.Н.

 

 

 

 

Львів – 2014

ПЛАН

ВСТУП

1. ГОЛОВНІ ЗАСАДИ  СТВОРЕННЯ САЙТУ

1.1. Основні етапи  створення сайту

1.2. Реєстрація  та вибір домену для сайту

1.3. Хостинг для  сайту

1.4. Оголошення та ідентифікація документа

1.5. Вирівнювання  тексту та горизонтальна лінія

1.6. Огляд програм, які можуть бути використані при створенні сайту

2. РОЗРОБКА ВЕБ-САЙТУ  “ПРАЦІВНИКИ ОРГАНІЗАЦІЇ”

2.1. Контент - зміст сайту

2.2. Використання програм  для розробки веб-сайту

2.3. Етапи розробки сайту

2.4. Графіка на веб-сторінці

2.5.Код створення Web-документу

Робота веб сторінки

ВИСНОВКИ

СПИСОК ВИКОРИСТАНОЇ ЛІТЕРАТУРИ

 

ВСТУП

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

Internet сьогодні  це найбільш розвинена у світі  інформаційна система, за допомогою  якої здійснюється комунікація  між мільйонами користувачами.  За допомогою мережі Internet забезпечується доступ до більш як п'яти мільйонів інформаційних Web-сайтів. Якщо прийняти до уваги кількісні показники українського сегменту Internet, то вони налічують 200-300 тисяч користувачів, загальна кількість Web-серверів на сьогодні досягла позначки 4,5 тисяч.

З самого початку розвитку Internet, а особливо з появою Web-технологій, мережа орієнтована на інформаційне забезпечення своїх користувачів.

Метою даної наукової роботи є дослідження розвитку сучасних Web-технологій та їх ефективного застосування на прикладі створення Web-сайту “Працівники організації”

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

Саме тому темою  наукової роботи було обрано використання Web-технологій для створення сайту організації, зокрема її кадрового складу.

 

1. ГОЛОВНІ ЗАСАДИ СТВОРЕННЯ  САЙТУ

1.1. Основні етапи створення сайту

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

Розробка структури  сайту:

• визначення початкових даних для сайту;
• визначення вимог до зовнішнього вигляду і функціональності;
• формування структури сайту - розділів меню;

Розробка концепції  дизайну:

• створення дізайн-макета головної сторінки сайту;
• затвердження концепції дизайну - макету головної сторінки;
• створення внутрішніх сторінок сайту і визначення змін в дизайні до внутрішніх сторінок;

Html-верстка, дизайн і  створення внутрішніх сторінок:

• розробка наповнення внутрішніх сторінок;
• розробка додаткових сторінок (карта сайту, результати пошуку і т.п.);
• оптимізація зображень;

Програмування:

• визначення завдань програмування;
• розробка структури баз даних;
• написання скриптів адміністрування.

 

1.2. Реєстрація та вибір  домену для сайту

Є два основні кроки  до отримання домена, реєстрація нового домена або покупка вже існуючого.

Доменне ім'я складаєть з адреси вашого сайту і може закінчуватися на .ua, .com.ua, .ru, .com, .net, .org, .info, .biz, .tv та інші.

Як тільки ви закінчите  з вибором домена, ви приступите до вибору хостінг-провайдера, проте  це вже інший крок і зовсім інший  розділ.

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

Для того, щоб знаходиться  в головних пошукачах (Google, Yandex і  т.п.) якомога вище в результатах  пошуку, надзвичайно важливо для  вас реєструвати ім'я, яке містить ваші головні ключові слова і/або назву Вашої компанії.

Але, як завжди, є виключення...

Якщо ви створюєте сайт тільки для престижу, наявність ключових слів в назві домена не так і важлива. Це тому що ваші клієнти дізнаватимуться Вас по назві фірми або торгової марки, але зовсім не по вигляду продукту.

Підказки для вибори кращого доменного імені:

1) Не реєструйте доменні  імена, які дуже довгі і мають  дуже багато складів. Так, ви  можете зареєструвати імена довжиною  в 256 знаків, але це не означає, що вам доведеться використовувати всі знаки.

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

2) Дефіси доречно використовувати,  якщо ваше ім'я складається більш ніж з 3 слів.

3) Захистіть своє ім'я,  зареєструвавши його в різних зонах (.net, .org, і т.п.), Це утримує людей від копіювання вашого імені.

Реєстрація доменного  імені це легко і просто. Більшість  користувачів звертаються до своїх  Інтернет-провайдерів або до крупних  компаній, у яких ціни завищені у  декілька разів. Чому це відбувається? Страх перед маленькими компаніями або відсутність інформації?

Немає ніякого значення, через кого Ви реєструєте домен - через крупну компанію за 20$ або через маленьку за 10$. Є тільки істотна економія на реєстрації і обслуговуванні домена.

Якщо Ви переживаєте про  те, чи на Ваше ім'я буде зареєстрований домен - не бійтеся звернутися в службу підтримки реєстратора доменів.

1.3. Хостинг для сайту

Після того, як вибрали і  зареєстрували доменне ім'я, потрібно вибрати хостінг-провайдера.

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

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

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

Залежно від виду сайту, який Ви розміщуватимете, залежить вибір тарифного плану. Головний параметр тарифних планів - розмір дискового простору, що надається Вам для розміщення сайту. Ми радимо користуватися простою формулою: помножити розмір сайту на 2 і підібрати відповідний тарифний план по цій цифрі.

1.4. Оголошення та ідентифікація документа

Насамперед  необхідно внести фрагмент коду, за допомогою якого буде оголошений тип документа та ідентифікована версія мови. Це здійснюється за допомогою  стандартної узагальненої мови розмітки, і відоме як оголошення DOCTYPE. Наприклад, <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">, є вбудований у документ процесора HomeSite.

Для ознайомлення з HTML-кодом Web-сторінки можна переглянути  вже створені Web-сторінки.

Для того, щоб переглянути код HTML, потрібно завантажити програму Web-браузера, вибрати  і відкрити Web-сторінку, HTML-код якої цікавить, відкрити меню „Вид”, вибрати  елемент „У вигляді HTML”.

 

1.5. Вирівнювання тексту та горизонтальна лінія

 

Для того, щоб вставити розрив рядка, необхідно  скористатися тегом <BR> . Якщо потрібно зробити так, щоб в певному  місці текст НЕ МІГ бути розірваним, необхідно написати тег <NOBR>. Для  розбиття тексту на параграфи використовується тег <P>ТЕКСТ</P>

Тег <P> має один параметр ALIGN, який вказує на спосіб вирівнювання тексту в параграфі: текст може бути вирівнений по правій (RIGHT), лівій (LEFT) межах або по центру (CENTER). Якщо параметр пропущено, то текст  вирівнюється по лівому краю. Щоб розмістити параграф по центру можна також використовувати  тег <CENTER>…</CENTER>

Ще  одним способом розбиття тексту на частини можна назвати горизонтальну лінію. Вона є елементом мови HTML і вставляється в текст за допомогою тегу <HR>, де параметри можуть бути наступними:

WIDTH – задає ширину лінії

SIZE – задає товщину лінії

NOSHADE – лінія не матиме тіні.

Коментар.

Коментар  міститься між послідовностями < !-- текст коментаря -- >

Заголовок.

Для їх створення  використовуються теги <Н1>...</H1>,...,

<H6>...</H6>. Розмір 1 відповідає найбільшому  шрифту, а розмір 6—

найменшому.

 

1.6. Огляд програм, які можуть бути використані

при створенні сайту

Назви програм, які стануть  в нагоді при створенні сайту:

# Html-Reader 1.7 Rus - редактор для перегляду, коректування і створення нових html-сторінок.

# Мини-Сайт - невелика, проста і зручна програма фірми "Kors-Soft" для створення сайту про фірму.

# CatsHtml 1.5 Rus - редактор html, малий  розмір, багато можливостей.

# CoffeeCup DHTML Menu Builder - програма  для швидкого створення різних меню для Web-сторінок.

# AI HTML Utilities 1.6 - набір утиліт для розробки веб-сайтів: редактор HTML-текстів, CSS-файлів, утиліта для підбору кольорів, оптимізатор коду, збірка корисних кодів HTML і таблиця спеціальних символів.

# HTML Optimizer v 2.5 Rus - програма  коректно видаляє непотрібні  пропуски, лапки, коментарі і т.п.  в HTML-коді, унаслідок чого об'єм сторіночки помітно зменшується (в середньому - на 25 %) і прискорюється її завантаження.

# Clear HTML v.1.54 - програма видаляє  з коду сторінок непотрібні  пропуски і упорядковує вміст.

Програми для  роботи з графікою

# HTML Colors2000 - програма розпізнає  колір в будь-якій точці і видає код.

# Color Picker - скрипт для вибору  і визначення колірного коду.

# DeKnop 4.3.12 - створення кнопок, не вимагає навиків в графіці.

# Free-Buttons v.1.15 - програма для  швидкого створення 3D кнопок.

# deja vu Picture Viewer v.2.70a Rus - дуже  функціональна програма для перегляду  графічних файлів.

# Pickup Window v.1.9 - програма для  розпізнавання кольорів в будь-якій точці екрану.

Інші необхідні  програми, фони для створення сайту.

Для доступу до сервера  Провайдера Вам знадобиться програма FTP-клієнт. FTP (File Transfer Protocol) - означає  протокол передачі файлів. Призначений  для того, щоб переносити і додавати на сервер Провайдера різні файли (сторінки Вашого сайту, матеріали, програми для скачування, архіви і т.д.), розміщувати їх. Через протокол FTP передаються будь-які файли.

# "Total Commander v.6.03a" - найзручніший  файловий менеджер (підтримує FTP-протокол)

# SmartFTP Client - один з найбезпеніших  ФТП - клієнтів.

# Якщо у Вас виникнуть  проблеми при розпаковуванні  файлів, викачайте архіватор - WINRAR.

 

2. РОЗРОБКА ВЕБ-САЙТУ “ПРАЦІВНИКИ  ОРГАНІЗАЦІЇ”

2.1. Контент - зміст сайту

Контент сайту – це та інформація, яку Ви бачите на сторінці сайту.

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

До контенту сайту потрібно підходити серйозно.

Часто компанії економлять грошові кошти і доручають  написання текстів для сайту  менеджерам, секретарям, фахівцям компанії, які мають професійні знання, але  не вміють їх грамотно піднести відвідувачам сайту. Крім того, зазвичай це займає багато часу, адже у працівників компанії є і основні обов'язки.

Вимоги до контенту сайту  досить прості: контент сайту повинен бути написаний простою, зрозумілою мовою, орієнтований на Вашу аудиторію сайту.

Краще доручити створення  контента професійним копірайтерам, таким чином, ви захистите свій сайт від неякісних, згенерованих програмами текстів. Оптимізація контенту необхідна для того, щоб ваш сайт піднімався в результатах пошуку по запитах на ключові слова. Оптимізатори допрацьовують контент написаний копірайтерамі, і в результаті скорочуються витрати на платну рекламу в пошукових системах. Ваш сайт стане популярним, цікавим ресурсом за допомогою унікального контента!