Розробка сайту позашкільного закладу освіти

Размещено на http: //www. allbest. ru/

КУРСОВА РОБОТА

з прикладного та Web-програмування

на тему: Розробка сайту позашкільного закладу освіти



ЗМІСТ

ВСТУП

РОЗДІЛ 1. АНАЛІЗ ІСНУЮЧИХ МЕТОДІВ СТВОРЕННЯ WEB-САЙТІВ

1.1 Ручний метод створення веб-сайтів

1.2 SaaS-платформи

1.3 Загальні відомості про «uCoz»

РОЗДІЛ 2. РОЗРОБКА ВЕБ САЙТУ «IT-КУРСИ»

2.1 Інструкція створення веб-сайту у системі «uCoz»

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

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

ВИСНОВОК

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



ВСТУП

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

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

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

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

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



1. АНАЛІЗ ІСНУЮЧИХ МЕТОДІВ СТВОРЕННЯ WEB-САЙТІВ

1.1 Ручний метод створення веб-сайтів

Ручний метод створення сайтів реалізується за допомогою HTML, CSS

та одної або декількох мов веб-програмування.

HTML (англ. HyperText Markup Language - мова розмітки гіпертекстових документів) - стандартна мова розмітки веб-сторінок в 12 Інтернеті. Документ HTML оброблюється та відтворюється на екрані у звичному для людини вигляді .

CSS (англ. Cascading Style Sheets - каскадна таблиця стилів) - спеціальна

мова, що використовується для опису сторінок, написаних мовами розмітки даних. Найчастіше CSS використовують для візуальної презентації сторінок, написаних HTML.

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

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

1.2 SaaS-платформи

Програма як послуга (англ. Software as а service, SaaS) -- модель поширення програм споживачам, при якій постачальник розробляє веб-програму, розміщує її й управляє нею (самостійно або через третіх осіб) з

метою використання її замовниками через інтернет. Замовники платять не за володіння програмами як такими, а за їх використання.

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

Які переваги для замовників?

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

2. Зрозумілий інтерфейс;

3. Сайт підтримується на різних платформах;

4. Швидке впровадження;

5. Малі витрати.

Окремо можна виділити й переваги для розробників:

1. Швидке та просте впровадження;

2. Замовники не можуть відмовитись від послуг розробника і надалі використовувати програмне забезпечення;

3. Відсутність неліцензійного програмного забезпечення.

Відомі конструктори сайтів на базі SaaS-систем:

* uKit

* Wix

* Sellbe

* uCoz

* InSales

* Nethouse

* Jimdo

* uWeb

* Weebly

* UMI

* Prom.ua

* LPGenerator

* WebsiteX5

* Skynell

1.3 Загальні відомості про «uCoz»

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

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

uCoz (рис. 2.1) - SaaS-платформа, яка має зручний інтерфейс, на почаковій сторінці є пояснення, як користуватися платформою.

сайт контент освіта провайдер



Рис. 2.1 Головна сторінка uCoz

uCoz має велику кількість шаблонів (рис. 2.2), які розбиті по категоріям. Багато шаблонів мають однаково структуру, відрізняються лише кольором і тематикою сайту. Якщо ви хочете унікальний дизайн, то існують преміум шаблони. Їх ціна від 10$ до 40$.

Рис. 2.2 Шаблони uCoz

Якщо вас, щось не влаштовує у шаблоні можна замінити ділянки коду HTML та відредагувати CSS, або взагалі створити сайт з власним дизайном.

Дуже великою перевагою uCoz є те, що є можливість активувати сайт для людей з проблемами зору (рис. 2.3).



Рисунок 2.3 Версія сайту для людей з проблемами зору

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

Модулі. Можливість додати на сайт модулі та розширення. Модулі: фотоальбом, відео, тести, блог, інтернет-магазин, онлайн-ігри тощо.

Розширення: статистика, міні-чат, соціальні мережі, опитування.

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

Налаштування. Змінювати назву, URL, мову панелі управління сайту; Підключити версію сайту для людей з проблемами зору; Налаштовувати дату та час; Обирати тип коду безпеки; Підключати рекламні банери; Підключати можливість залишати коментарі на сайти; Вносити зміни до персональних даних; Додавати або купувати домени;

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

Безпека. Підтвердити свою персону через телефон; Змінювати пароль

вашого акаунта та пароль FTP; Змінювати власника сайту.

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

Послуги. Серед послуг є поповнення особового рахунку; Змінити тариф;

Подивитися історію платежів; Купити домен.

Допомога. На цій сторінці є можливість звернутися до технічної підтримки. Якщо у вас безкоштовний тип підтримки, то він тільки для питань з технічних неполадок або проблем з оплатою. У іншому випадку вам потрібно буде заплатити $0.50 за запит, якщо на протязі 24 годин вам не допоможуть, то плата не буде знята.

uCoz має SEO-оптимізацію сайтів, але більшість функціоналу доступна тільки у платній версії. Ви можете подивитися скільки сторінок в індексі, кількість зовнішніх посилань на сторінки сайту.

Якщо ви вирішите купити пакет платних послуг: Оптимальний, Максимальний чи Магазин, то вам будуть доступні такі послуги: створення унікального title, description, keywords; підключити можливість самостійно задавати URL для матеріалів, категорій, модулів; активувати форму редагування файлу robots.txt; заборонити індексацію домена пошукових систем; підключати функцію оригінальний текст, щоб показати, що якийсь матеріал вперше був опублікований на вашому сайті; підключити функцію моніторинг пінгів, тобто автоматично буде відправлятись на сервер повідомлення про нові записи на сайті.

Мінімальна ціна пакету за 1 місяць 5.99$, максимальна - 15.99$ (рис.2.4). Чим більша ціна тим більше додаткового місця, ви зможете підключати PHP-скріпти, отримаєте мобільний шаблон вашого сайту тощо. А також у вигляді бонусу ви отримуєте у подарунок можливість обрати будь-який з преміум шаблонів .

Рис. 2.4 Ціни пакетів конструктора uCoz



2. РОЗРОБКА ВЕБ САЙТУ «IT-КУРСИ

2.1 Інструкція створення веб-сайту у системі «uCoz»

Розробка веб-сайту розпочинається відвідавши адресу http://www.ucoz.ua/, та у відповідному вікні натиснувши посилання «СТВОРИТИ САЙТ» (рис.2.5).

Рис. 2.5 Головна сторінка uCoz

Після цього з'явиться реєстраційна форма (рис.2.6), яку необхідно заповнити, щоб стати користувачем системи uCoz.



Рис. 2.6 Реєстраційна форма

Після успішної реєстрації необхідно підтвердити e-mail адресу, яку ви ввели у реєстраційну форму. Для цього на вказану адресу системою uCoz був направлений лист з відповідним посиланням(рис.2.7), яке необхідно натиснути для підтвердження електронної адреси.

Рис. 2.7 Лист з посиланням

Після підтвердження електронної адреси, відкриється вікно «Установки адміністратора». У спеціальній реєстраційній формі потрібно ввести новий пароль для веб-топа (він також буде використовуватись для входу у панель управління сайту) та ввести відповідь на секретне питання (необхідно його запам'ятати, щоб пізніше використовувати для зміни паролів).

Натиснувши кнопку «Зберегти», з'явиться сторінка “ Створення нового сайту»(рис.2.8), де необхідно ввести придуману завчасно адресу майбутнього сайту та вибрати безкоштовний домен з переліку. Для прикладу був вибраний найпоширеніший домен - «at.ua». Увага! Ця адреса вашого сайту буде постійною, її змінити не можна. Вона повинна складатись з латинських літер та цифр і бути короткою, легко запам'ятовувано та відповідати назві навчального закладу. Наш приклад: «exampl.at.ua».

Рис. 2.8 Сторінка створення нового сайту

Натиснувши кнопку «Створити сайт» здійснюється перехід до майстра настройки вашого сайту (рис.2.9). У ньому необхідно вибрати назву сайту (буде з'являтися на верхній панелі браузера під час відвідування сайту), мову сайту та дизайн сайту.

Рис. 2.9 Сторінка майстра налаштування



Дизайн сайту вибирається натиснувши відповідне посилання «Вибрати дизайн», з'являється каталог дизайнів (рис.2.10), переглянувши який, необхідно натиснути посилання на номер дизайну під скріншотом. У нашому випадку вибрано дизайн шаблону #1081.

Рис. 2.10 Сторінка каталогу дизайнів

Знову відкриється попереднє вікно майстра настройки конфігурації сайту, де вже буде вказано номер вибраного вами дизайну майбутнього сайту. Натиснувши кнопку «Продовжити» відбудеться перехід до вікна вибору модулів сайту(рис.2.11).

Рис. 2.11 Сторінка вибору модулів



Поставивши прапорці навпроти бажаних модулів, та натиснувши кнопку «Продовжити» ви ввійдете у панель управління сайтом, розділ «Модулі»(рис.2.12). Пізніше вхід у панель управління може здійснювати тільки адміністратор сайту ввівши пароль у відповідну форму входу.

Рис. 2.12 Сторінка керування модулями

У розділі «Дизайн» за допомогою меню «Обрати шаблон для редагування» відкриється поле відображення цієї частини сайту мовою HTML(рис.2.13). Після кожної зміни скрипту необхідно обов'язково натиснути кнопку «Зберегти» та зачекати кілька секунд, щоб система зберегла зміни шаблону дизайну. Для перевірки зовнішнього вигляду вашого сайту необхідно натиснути кнопку панелі «Модулі» та натиснути на посилання сайту(рис.2.12) у окремій вкладці браузера відкриється головна сторінка вашого сайту, який має вибраний вами дизайн, назву, меню, та інші стандартні блоки.



Рис. 2.13 Сторінка з полем HTML коду шаблонів

Щоб внести зміни до меню сайту необхідно відкрити знову попередню вкладку браузера, що містить панель управління сайтом, та натиснути кнопку панелі «Дизайн» . Натиснувши кнопку «Конструктор меню» відкриється сторінка конструктора меню(рис.2.14).

Рис. 2.14 Сторінка конструктора меню

Натиснувши кнопку з зображенням олівця ви перейдете до вікна редагування відповідного пункту меню (рис.2.15) , де натиснувши кнопку «Видалити пункт» ви його ліквідуєте. Для прикладу змінимо пункт меню «Головна сторінка» на «Головна» ввівши нову назву у відповідне поле. Натиснувши кнопку «Зберегти» ви завершите редагування. Для збереження змін необхідно обов'язково натиснути на сторінці кнопку «Зберегти»(рис.2.14). Меню сайту змінено.

Рис. 2.15 Вікно редагування пункту меню

Щоб налаштувати права груп користувачів сайту необхідно відкрити панель управління сайту та у головному меню панелі вибрати пункт «Користувачі» (рис.2.16), відкриється сторінка, де слід натиснути посилання «Групи».

Рис. 2.16 Сторінка користувачі



Натиснувши кнопку «Усі права(дозволи)», перейдемо до вікна встановлення прав для всіх груп(рис.2.17). У ньому зображено перелік діючих модулів. Відкривши кожен модуль по черзі, можна змінити права груп користувачів у цьому модулі. Поставивши відповідні перемикачі навпроти груп у кожному модулі, та натиснувши кнопку «Зберегти», ви збережете ці настройки

Рис. 2.17 Установка прав для груп

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

Щоб увійти на сайт як адміністратор (з метою внесення змін, додавання матеріалів, тощо) необхідно відкрити сайт та заповнити відповідні поля за посиланням «Реєстрація»(рис.2.18).



Рис. 2.18 Сторінка реєстрації на сайті

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

Рис. 2.19 Сторінка додавання матеріалів



Матеріал з'явиться на сайті (переглянути можна після повторного входу на головну сторінку через меню сайту). Аналогічно додаються матеріали на інших сторінках сайту. Налаштуваннями прав користувачів можна заборонити будь-кому крім адміністратора додавати матеріали на сайт. У іншому випадку, коли матеріали на сайт додають інші користувачі, адміністратору після перегляду необхідно активувати ці матеріали натиснувши кнопку «V». В інакшому разі, для відвідувачів сайту ці матеріали не будуть видимі, їх може переглядати тільки адміністратор.

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

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

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

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

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

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

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

Для ефективного просування сайту, існують певні вимоги до контенту сайту:

1. У контенті сайту повинні бути ключові слова.

2. На сайті і в самому контенті сайту, повинні існувати перехресні посилання між сторінками сайту.

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

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

Фонове зображення

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

Допустимо, що у нас заготовлено відповідний фоновий малюнок - він записаний у файлі під ім'ям back1 .jpg (рис.3.1). Якщо при окремому перегляді цього малюнка він вам подобається, це ще нічого не означає. Щоб визначити, чи підходить малюнок як фон до тексту, його потрібно перевірити “в справі”.

Щоб помістити малюнок на веб-сторінку як фон, потрібно встановити в тегу <BODY> атрибут BACKGROUND= із значенням, що містить ім'я файлу малюнка.

<BODY BACKGROUND""Images/back1.jpg">

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

Рис. 2.20 Фоновий малюнок

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

І, нарешті, можна проілюструвати веб-сторінку, вставивши перед описом необхідну фотографію (наприклад, фото працівника організації). Припустимо, що фотографія у нас вже готова і лежить в папці під ім'ям kadr_1.gif. Вставити її в текст можна з допомогою тегу <IMG>, наприклад, от так:

<IMG SRC="Images/kadr_1.gif">

В принципі, це вже достатньо - на місці цього запису браузер відобразить нашу картинку. Проте краще вказати в тегу <IMG> ще декілька атрибутів.

По-перше, треба пам'ятати, що картинки завантажуються з мережі завжди набагато повільніше, ніж звичайний текст. Це я говорю не до того, що сам файл картинки повинен бути не дуже великого об'єму (це вірно, але це питання ми обговоримо окремо), а до того, що при такому записі, як вище, багато браузери, почавши завантажувати картинку, припинять завантаження подальшого тексту до тих пір, поки картинка не буде завантажена повністю. Але для читача було б зручніше, якби текст продовжував завантажуватися паралельно з картинкою: поки вона довантажується, можна було б щось вже читати. Щоб браузер міг це зробити, йому потрібно явно вказати розміри майбутньої картинки за допомогою атрибутів WIDTH= і HEIGHT=:

<IMG SRC="Images/clavi.gif" WIDTH="300" HEIGHT="200">

Взагалі кажучи, за допомогою цих атрибутів можна задати які завгодно розміри картинки, “розтягнувши” або стиснувши її як завгодно. Проте зазвичай цього не роблять, і ось чому. Представляти картинку меншою, ніж вона є, недоцільно, оскільки навіщо тоді вантажити великий файл? Адже файли для картинок великого розміру мають великий розмір і вантажаться з Інтернету, відповідно, набагато довше. Краще вже зробити маленький файл для картинки маленького розміру і швидко завантажити його. А якщо представити картинку більшою, ніж вона є, то, як правило, вона виглядатиме не вельми цікавою за рахунок появи “ступінчастості” як у формах, так і в кольорі.

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

<IMG SRC="Images/clavi.gif" WIDTH="300" HEIGHT="200" АLТ="Працівник Петров В.І.">

Нарешті, навколо малюнка можна відобразити рамку. Товщина цієї рамки задається як значення атрибуту BORDER=. Якщо ми, як в даному випадку, не хочемо відображати рамку навколо малюнка, то можемо нічого і не указувати, оскільки більшість браузерів за умовчанням рамку не малюють. Але деякі браузери все ж таки це роблять, і “для вірності” непогано б вказати і відсутність рамки теж:

<IMG SRC="Images/clavi.gif" WIDTH="300" HEIGHT="200" АLТ="Клавінова" BORDER="0">

Чого ще не вистачає нашому HTML-файлу? Звичайно ж, гіперпосилань! Без них будь-який документ в Інтернеті сприймається набагато нудніше, оскільки відвідувач відразу бачить, що зайшов в безвихідь. Тому обов'язково додайте гіперпосилання скрізь, де це тільки можна. В даному випадку, наприклад, слово “Організація” просто проситься стати гіперпосиланням на сторінку, де розміщено опис відповідної організації. Зробимо це:

<A HREF="http://www.organizaciya.com">Oрганізація</A>

До речі, картинки теж можуть містити гіперпосилання.

Ще слід відмітити, що ми не дарма визначили в нашому прикладі колір фону (за допомогою атрибуту BGCOLOR=). Адже якщо у користувача в браузері відключено завантаження графіки, то білий текст у нього відображатиметься на заданому за умовчанням білому фоні, і в результаті нічого не буде видно.

До речі, тег <IMG> може мати власний атрибут ALIGN=, який управляє розташуванням малюнка щодо тексту. У нашому прикладі це було не актуально, оскільки малюнок знаходився в окремому блоці <DIV> . Але якщо малюнок “вбудований” в текст, тобто декілька варіантів його розташування:

ALIGN="left" - текст обтікає малюнок, який розташовується зліва;

ALIGN="right" - текст обтікає малюнок, який розташовується справа;

ALIGN="top" - малюнок розташовується усередині текстового рядка, і його верхня межа співпадає з верхньою межею букв тексту (можна також застосовувати значення "texttop");

ALIGN="middle" - малюнок розташовується усередині текстового рядка, який вертикально вирівнюється по центру малюнка (можна також при міняти значення "absmiddle");

ALIGN="bottom" - малюнок розташовується усередині текстового рядка, і його нижня межа співпадає з нижньою межею букв тексту (можна також застосовувати значення "absbottom" або "baseline").

Крім того, щоб малюнок не дуже “притискався” до тексту, можна залишити між ними трохи “повітря”. Для цього в тегу <IMG> використовують атрибути HSPACE= і VSРАСЕ=, значення яких задають відповідно горизонтальне і вертикальне “поля” малюнка.



ВИСНОВОК

Отже, зі сказаного вище, можна зробити наступні висновки:

Розробка веб-сайту йде поетапно. Головні етапи:

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

* визначення початкових даних для сайту;

* визначення вимог до зовнішнього вигляду і функціональності;

* формування структури сайту - розділів меню;

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

* створення дизайн-макета головної сторінки сайту;

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

* створення внутрішніх сторінок сайту і визначення змін в дизайні до внутрішніх сторінок;

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

* розробка наповнення внутрішніх сторінок;

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

* оптимізація зображень;

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

У SaaS-платформ дуже багато переваг: 1) відсутність витрат на обладнання; 2) сайт готовий одразу, як ви пройшли реєстрацію; 3) Додаткове місце для зберігання або послуги можуть бути доступні на вимогу без необхідності установки нового програмного забезпечення і апаратних засобів; 4) Оновлення платформ безкоштовне та автоматичне.

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

http://komp-kursy.at.ua/



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

Ботт Эд. Разработка веб-сайтов. - М., 2004.

Гукин Д. - FrontPage для "чайников". - К.,1996.

Комисаров Д.А., Станкевич А.Г. Персональный учитель по персональному компьютеру. - М, 2000

Мансфильд Рон. Делаем качественный сайт. - К., 1997

Муртазин Э.В. Интернет.Учебник. /Муртазин Э.В. - М.: ДМК, 1999.

Пасько В. FrontPage и сайтостроительство. - К., 2000.

Кузнєцов М., Симдянов І. Голишев С. PHP 5. Практика створення Web-сайтів. - К., 2007.

Лещев Д. Створення інтерактивного Web-сайту. Навчальний курс. - С.-Пб., 2003.

Размещено на Allbest.ru