з навчальної дисципліни: "Технічна розробка програмного продукту "
Тема: Розробка Web-сайту на основі HTML з використанням JavaScript
Дата здачі:
Студента 3 курсу 13 групи
Дата захисту:
Спеціальності 230105 "ПОВТ і АС
Оцінка:
Козлова Олексія
Керівник: Толмачова Т.Н.
Тамбов 2008
Зміст
Введення
2. Таблиці стилів, Рівні CSS
3. JavaScript
3.1 Використання JavaScript
3.2 Важливість вивчення JavaScript
3.3 Програмний код Web сайту
Висновок
Список використаної літератури
Введення
Термін HTML (Hyper Text Markup Language) означає "мова маркування гіпертекстів ". Це поняття більш широке, включає в себе Інтернет та локальні мережі, редактори, браузери, різноманітні програмні продукти, компакт-диски, навчальні курси, дизайн і багато другое.html - своєрідна протилежність складним мовам програмування, відомим тільки фахівцям.
HTML давно перестав бути просто мовою програмування. Людина, вивчав цю мову, знаходить можливість робити складні речі простими способами і, головне, швидко, що в комп'ютерному світі не так вже й мало. Гіпертекст підходить для включення елементів мультимедіа в традиційні документи. Практично саме завдяки розвитку гіпертексту, більшість користувачів отримало можливість створювати власні мультимедійні продукти та поширювати їх на компакт-дисках. Такі інформаційні системи, виконані у вигляді набору HTML-сторінок, не вимагає розробки спеціальних програмних засобів, так як всі необхідні інструменти для роботи з даними (WEB-браузери) стали частиною стандартного програмного забезпечення більшості персональних комп'ютерів. Від користувача вимагається виконати тільки ту роботу, яка відноситься до тематики розроблювального продукту: підготувати тексти, намалювати малюнки, створити HTML-сторінки і продумати зв'язок між ними.
HTML, як основа створення WEB-сторінок, має пряме відношення і до нового напрямку образотворчого мистецтва - WEB-дизайн. Художнику в Інтернеті недостатньо просто намалювати красиві картинки, оригінальний логотип, створити новий фірмовий стиль. Він повинен ще помістити все це в Мережі, продумати зв'язок між WEB-сторінками, щоб все рухалося, відгукувалася на дія користувача, вражало уяву, викликало бажання створити небудь своє, оригінальне в цій області.
1. Історія HTML
Перша версія HTML була розроблена в 1989 році Тімом Бенерс-Лі для популярного в минулому браузера Mosaic. Але в той час ні для мови, ні для браузера не знайшлося гідного застосування. У 1993 році з'явився HTML +, і ця версія також залишилася практично непоміченою. Початок широкого використання гіпертексту дала версія 2.0, яка, з'явилася в червні 1994 року. Це був рік зростання популярності WWW по всьому світу. Елементи, включені в версію 2, в більшості своїй використовуються досі.
У версії 3.0 HTML, яка з'явилася через рік, була реалізована можливість промальовування математичних символів (знаків інтервалу, нескінченності, дробу, дужок і т.д.) за допомогою елементів мови. Під цю версію був розроблений браузер Arena. Але цей проект виявився тупиковим і не отримав подальшого поширення.
У 1996 році з'явився HTML 3.2 Це було новаторське рішення, в специфікацію мови були введені фрейми, які стали тепер досить популярні у розробників WEB-сторінок. Навіть зараз на основі цієї специфікації можна реалізувати цікаві дизайнерські рішення. Практично всі сучасні браузери підтримують версію 3.2, тому автори WEB-сторінок впевнені в працездатності всіх елементів.
Поряд з офіційними специфікаціями мови, які розроблялися організацією W3C (W3 Консорціум), компанії-виробники браузерів створювали власні елементи (розширення). Згодом, деякі з цих елементів, після отримання загального визнання включилися в специфікацію наступних версій мови. Але новаторське рішення - фрейми, не були включені в специфікацію 3.2 Але браузери підтримували фрейми і багато книги, присвячені HTML, містили опис фреймів без згадки про те, що це нестандартні елементи. У наслідку, фрейми стали стандартом де-факто. В версії 4 вони вже були включені на повній підставі.
І навпаки, елементи APPLET і SCRIPT, необхідні для розширення HTML іншими програмними кодами версії 3.2, не зіграли тієї ролі, яку були покликані зіграти. Це пояснюється тим, що браузери різних версій по-різному інтерпретували програми на різних мовах JAVA, JAVASCKRIPT, Visual Basic (VBScript). В результаті не вдалося отримати достатньо надійний працюючий код, і дані мови використовувалися любителями HTML в основному для експериментів.
Офіційна специфікація HTML 4 (Dynamic HTML) з'явилася в 1997 році. В цей час вже було очевидно, що подальший розвиток гіпертексту здійснюватиметься за рахунок скрипт - програмування. Це виявилося небагатьом більш ефективним, ніж вводити в мову всі нові елементи. З'явилися в то час браузери (Netscape Navigator 4, Microsoft Internet Explorer 4 і ін) вже досить надійно інтерпретували програмний код (був встановлений певний рівень стандартизації). Однак проблеми у розробників ще залишилися. В якості прикладу можна зазначити, що багато скрипти починаються з визначення версії браузера, щоб потім використовувати той чи інший фрагмент коду. Очевидно, що на програміста лягає обов'язок тестування сторінок на всіх популярних у ці час браузерах.
В результаті, використання усіх можливостей Dynamic HTML стало долею програмістів досить великих організацій, де є умови для розробки складних програм і всебічного їх тестування. Творцям особистих WEB-сторінок часом доводиться шукати компроміс між надійністю і новаторством, щоб отримати досить грамотний HTML-код.
2. Таблиці стилів, Рівні CSS
Вперше каскадні таблиці стилів CSS були реалізовані в браузері Internet Explorer 3.0. Однак у той час розвиток CSS знаходилося в зародковому стані, тому правила складання стильових шаблонів були вельми розрізненими.
З моменту свого виникнення структура CSS була дещо раз переглянута, в неї були додані нові елементи і прибрані (видозмінені) старі. Існують три рівні CSS, обумовлених наявністю завершеною редакції структури. Це: CSS 1 (перший рівень структури стильових шаблонів, остаточно затверджених 11 січня 1999 року), CSS 2 (другий рівень стильових конструкцій, початок обговорення якого датується травнем 1998 року) і CSS 3 (третій рівень стильового оформлення електронних документів, прийнятий до обговорення 23 травня 2001 року, на момент написання книги знаходився в стадії опрацювання).
На завершення розмови про рівні CSS слід додати, що перехід від одного рівня до іншого, в основному, супроводжувався деякими видозмінами в структурі і в правилах стильового оформлення, технологічними доповненнями, а також спробами систематизувати застосування CSS.
Саме третій рівень (CSS 3) позиціонується розробниками як якоїсь єдиної системи подання стилів в електронному документі, заснованої на використанні спеціальних модулів.
Способи визначення таблиць стилів. Як вже було сказано, будь-яка таблиця стилів CSS повинна бути інтерпретована браузером для того, щоб правила CSS, позначені для конкретних елементів електронного документа, вступили в силу.
Визначення таблиці стилів (стильового шаблону) можливо чотирма способами:
посилання на зовнішній файл. Якщо все стильові шаблони для конкретного HTML-документа розмістити в одному текстовому файлі (з розширенням ess), то за допомогою спеціального тега з поточного документа можна зробити посилання на зовнішній CSS-файл стильових шаблонів, наприклад:
