Розробка Web-сайту на основі HTML з використанням JavaScript

[ виправити ] текст може містити помилки, будь ласка перевіряйте перш ніж використовувати.

скачати

МІНІСТЕРСТВО ОСВІТИ

ФГТУ СПО ТАМБОВСЬКИЙ БІЗНЕС-КОЛЕДЖ

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

з навчальної дисципліни: "Технічна розробка програмного продукту"

Тема: Розробка 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), то за допомогою спеціального тега <link> з поточного документа можна зробити посилання на зовнішній CSS-файл стильових шаблонів, наприклад:

<LINK REL="stylesheet" TYPE="text/css" HREF="style. css">

Браузер, аналізуючи HTML-код, звернеться за вказаним шляхом і, виявивши вказаний файл стильового оформлення, відобразить елементи сторінки у відповідності з певними правилами CSS.

Слід пам'ятати, що конструкція вказівки шляху до зовнішнього CSS-файлу повинна знаходитися в межах розділу head HTML-документа;

впровадження в документ. Під впровадженням в документ мається на увазі завдання стильової конструкції всередині самої HTML-сторінки, наприклад:

<STYLE TYPE="text/CS3">

<! - -

BODY {font-family: Arial, Helvetica;}

INPUT {background-color: ICECECE;}

>

</ STYLE>

Дана конструкція також має бути присутня у розділі head. Для браузерів, які не підтримують CSS взагалі або підтримують лише окремі правила стильового оформлення, опис шаблонів укладається між символами коментарів (за відсутності підтримки CSS браузер пропустить зміст стильових шаблонів, якщо це підтримується, то браузер інтерпретує правила CSS);

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

<Р ALIGN = "justify" STYLE = "color: 1000000; font-family: Verdana;"> Текст параграфа ...

У цьому випадку задано окреме правило для певного параграфу. Також можна присвоювати окремому HTML-елементу певний клас стильового шаблону:

<TABLE>

<TR>

<TD CLASS="header"X/TD>

<TD CLASS="text"X/TD>

</ TR>

</ TABLE>

Опис класів повинно будуватися таким способом (на прикладі впровадження стильового шаблону в документ):

<STYLE TYPE="text/css">

<! - -

. header {font-weight: bold; color: gray;}

. text {color: black; font-size: llpx;}

>

</ STYLE>

У даному випадку текст табличній осередку класу. header буде відображатися жирним шрифтом і сірим кольором, а осередки класу. text - звичайним накресленням, чорним кольором і розміром шрифту 11 пікселів;

імпортування. Імпорт стильового шаблону CSS, по суті, аналогічно вказівкою посилання на зовнішній файл:

<STYLE TYPE-"text/css">

<! - -

@ Import: url (style. ess);

>

</ STYLE>

Всі чотири способи визначення стильового шаблону CSS можна використовувати одночасно в межах одного HTML-документа (лістинг 9.1). Така можливість дозволяє задавати основне правило CSS, наприклад, у вигляді зовнішнього файлу шаблонів, а для виняткових або рідкісних HTML-елементів - окремі конструкції або в теге <style>, або в кодових конструкціях самих тегів.

Лістинг. Поєднання різних способів визначення стильового шаблону CSS

<HTML> <HEAD>

<Т1ТЬЕ> Поєднання різних способів визначення CSS </ TITLE>

<LINK REL="stylesheet" TYPE="text/css" HREF="style. css"> <STYLE TYPE="text/css"> <! - -

P {text-align: justify; color: green;}

. title {color: blue; font-weight: bold; font-size: 16px;} ->

</ STYLE> </ HEAD>

<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="|OOFFOO" ALINK="IOOFFOO" VLINK="blue">

<FONT CLASS="title"> Cnoco6bi визначення шаблонів CSS </ FONT>

Нижче перераховані існуючі способи визначення стильових шаблонів CSS, дано характеристики кожного способу, наведені приклади їх використання.

<UL>

<И> Посилання на зовнішній файл

<И> Впровадження в документ

<И> Включення до тегів конструкції

<И> Імпортування

</ UL>

</ BODY>

</ HTML>

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

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

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

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

CSS і Dynamic HTML - просто і привабливо! 187

При поєднанні різних способів визначення стильових шаблонів слід враховувати особливості браузерів. Наприклад, Netscape "погано ставиться" до використання символу нижнього підкреслення (_) у вказівці класів для елементів HTML (. News_titie,. _about І т.д.). Також ряд браузерів (і Netscape в тому числі) не підключає стильової шаблон класу, присвоєного комірці таблиці <то> / <тн>: конструкція <то CLASS = "text"> TeKCT </ TD> виведе текст за умовчанням, a <tdxfont CLASS = "text"> TeKCT </ FONT> </ TD> відобразить текст заданим стилем.

3. JavaScript

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

Тут наводиться така інформація:

Q важливість вивчення JavaScript; а історія JavaScript;

а деякі відмінності між мовами підготовки сценаріїв і мовами програмування, а інструменти, необхідні для написання сценаріїв JavaScript.

3.1 Використання JavaScript

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

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

Рекомендація Слід поспостерігати за тим, що створюють за допомогою JavaScript інші розробники. Це відмінний спосіб знайти свіже рішення.

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

3.2 Важливість вивчення JavaScript

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

Рекомендація Запам'ятайте: єдине, що відрізняє користуються успіхом сайти від невдалих, - їх зовнішній вигляд. Чим цікавіше оформлений сайт, тим він популярніший.

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

Можна знайти ще безліч причин для вивчення та використання JavaScript. Сценарій всього в декілька рядків допомагає відвідувачам сайту відшукати сторінку, що відповідає їх браузеру і настановам, або автоматично підрахувати суму колонок у формі замовлення. Подібні "дрібниці" не розраховані на зовнішній ефект, але вони свідчать про високий рівень професіоналізму розробника і знанні їм етики ділових відносин.

3.3 Програмний код Web сайту

<html>

<head>

<title> Хостинг. Готові шаблони сайтів. </ Title>

<meta name="robots" content="ALL">

<meta name="keywords" content=" хостинг, безкоштовний, готовий, шаблон, сайт ">

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

<Meta name = "description" content = "Безкоштовний хостинг. Готові безкоштовні шаблони сайтів.">

<! - Хостинг - ->

<style type="text/css">

a {text-decoration: none; font-size: 8pt; color: # E0FDAF;}

a: hover {text-decoration: underline; font-size: 8pt; color: # E0FDAF;}

font {font-family: Arial, Tahoma, Helvetica; font-size: 8pt; color: white;}

b. yellow {color: # FAF294;}

hr {color: # D1D33B;}

hr. bw {color: black;}

font. green {font-family: Arial, Tahoma, Helvetica; font-size: 8pt; color: # B5FC39;}

font. title {font-family: Arial, Tahoma, Helvetica; font-size: 14pt; color: # ffffff;}

font. title1 {font-family: Arial, Tahoma, Helvetica; font-size: 16pt; color: black;}

font. title2 {font-family: Arial, Tahoma, Helvetica; font-size: 20pt; color: # D2A801;}

font. title3 {font-family: Arial, Tahoma, Helvetica; font-size: 14pt; color: black;}

font. title4 {font-family: Arial, Tahoma, Helvetica; font-size: 16pt; color: white;}

font. black {font-family: Arial, Tahoma, Helvetica; font-size: 8pt; color: black;}

font. blackt {font-family: Arial, Tahoma, Helvetica; font-size: 14pt; color: # ffffff;}

font. blacklm {font-family: Arial, Tahoma, Helvetica; font-size: 8pt; color: black;}

font. blacklm2 {font-family: Arial, Tahoma, Helvetica; font-size: 7pt; color: black;}

font. blacklight {font-family: Arial, Tahoma, Helvetica; font-size: 10pt; color: white;}

font. blacklight2 {font-family: Arial, Tahoma, Helvetica; font-size: 10pt; color: black; font-weight: bold}

font. tse {font-family: Arial, Tahoma, Helvetica; font-size: 8pt; color: # 96B495;}

</ Style>

</ Head>

<body bgcolor=white text=#ffffff leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>

<! --Rating @ Mail.ru COUNTER -> <script language="JavaScript"> <! - -

d = document; a =''; a + = '; r =' + escape (d. referrer)

js = 10 / / --></ script> <script language="JavaScript1.1"> <! - -

a + = '; j =' + navigator. javaEnabled ()

js = 11 / / --></ script> <script language="JavaScript1.2"> <! - -

s = screen; a + = '; s =' + s. width +'*'+ s. height

a + = '; d =' + (s. colorDepth? s. colorDepth: s. pixelDepth)

js = 12 / / --></ script> <script language="JavaScript1.3"> <! - -

js = 13 / / --></ script> <script language="JavaScript"> <! - -

d. write ('<img src = "http://top. list.ru / counter' +

'? id = 280923; js = '+ js + a +'; rand = '+ Math. random () +

'"Height = 1 width = 1>')

if (js> 11) d. write ('<'+'! - ') / / --></ script> <noscript> <img

src = "http://top. list.ru / counter? js = na; id = 280923"

height = 1 width = 1 alt =""></ noscript> <script language="JavaScript"> <! - -

if (js> 11) d. write ('--'+'>') / / --></ script> <! - -/COUNTER-->

<center>

<! - Безкоштовний хостинг - ->

<table border=0 cellpadding=0 cellspacing=0 width=650> <! - Хостинг - ->

<tr valign=top>

<Td background = vb-1. jpg width = 28 height = 30> </ td>

<Td background = vb-2. jpg width = 592 height = 30 align = center> </ td>

<Td background = vb-3. jpg width = 30 height = 30> </ td>

</ Tr>

</ Table>

<table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=650> <! - Хостинг - ->

<tr valign=top>

<Td background = vb-4. jpg width = 15 height = 5> </ td> <! - Стовпець 1 (Вертикальний) - ->

<Td background = vb-5. jpg width = 621 align = center>

<! - Безкоштовний Хостинг - ->

<Img src = title. jpg alt = "Хостинг" border = 0>

</ Td>

<Td background = vb-6. jpg width = 16 height = 5> </ td>

</ Tr>

</ Table>

<table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=650> <! - Нижня частина таблиці - ->

<tr valign=top>

<Td background = vb-7. jpg width = 28 height = 30> </ td>

<Td background = vb-8. jpg width = 594 height = 30 align = center> </ td>

<Td background = vb-9. jpg width = 28 height = 30> </ td>

</ Tr>

</ Table>

<table border=0 cellpadding=0 cellspacing=0 width=650> <! - Верх таблиці - ->

<tr valign=top>

<Td background = vb-1. jpg width = 28 height = 30> </ td>

<Td background = vb-2. jpg width = 592 height = 30 align = center> </ td>

<Td background = vb-3. jpg width = 30 height = 30> </ td>

</ Tr>

</ Table>

<table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=650> <! - Середня основна частина таблиці - ->

<tr valign=top>

<Td background = vb-4. jpg width = 15 height = 5> </ td> <! - Стовпець 1 (Вертикальний) - ->

<Td background = vb-5. jpg width = 621 align = center>

<table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=560>

<tr>

<Td background = vb-5. jpg>

<font> <p align=left> <br> <img src = point. jpg> <a href = http://vbcomponent. narod.ru / title = "Visual Basic"> VB і COM </ a> <img src = point. jpg> <a href = http://barbie. oflameron.ru title = "Барбі"> Барбі </ a> <img src = point. jpg> <a href = http://themonopoly. narod.ru / title = "Ігри"> <b> Ігри </ b> </ a> <img src = point. jpg> <a href = http://gamebuilder. narod.ru / title = "Ігри"> Генератор ігор </ a> <img src = point. jpg> <a href=http://www.oflameron.com/ title="Free tutorials"> Tutorials </ a> <img src = point. jpg> <a href = http://tcp. oflameron.com / title = "Winsock"> Winsock </ a> <img src = point. jpg> <a href = http://kyrsovik. oflameron.ru / title = "курсовик"> курсовик </ a> <img src = point. jpg> <a href = http://guide. oflameron.ru / title = "Visual Basic"> Visual Basic </ a> <img src = point. jpg> <a href=http://www.oflameron.com/ title="VB tutorial"> Free Tutorials </ a> <img src = point. jpg> <a href = http://play. oflameron.ru / title = "Безкоштовні гри "> Ігри </ a> <img src=point. jpg> <a href=http://music. instructions.ru/ title=" Безкоштовні MP3"> <b> MP3 </ b> < / a> <img src=point. jpg> <a href = http://website. oflameron.ru / title = "Шаблони сайтів "> Шаблони </ a> <img src=point. jpg> <a href = http://web. oflameron.ru / title =" Шаблони сайтів "> Сайт </ a> <img src=point. jpg> <a href = http://website. oflameron.ru / title =" Веб дизайн "> Вебдизайн </ a> <img src=point. jpg> <a href=http://delphi. oflameron.com/ title="Delphi tutorial"> Delphi </ a> <img src=point. jpg> <a href = http://www.oflameron.ru/ee/ title = "Ігри завантажити "> Завантажити гру </ a> <img src = point. jpg> <a href=http://www.oflameron.ru/nu/ title=" Натуризм "> Натуризм </ a> <img src = point. jpg> <a href = http://oflameron. narod.ru / title = "Карти"> Карти </ a> <img src = point. jpg> <a href = http://templates. oflameron.ru / title = "Безкоштовні шаблони "> Безкоштовні шаблони </ a> <img src = point. jpg> <a href = http://freeproject. narod.ru / title = "курсовик"> курсовик </ a> <img src = point. jpg> <a href = http://image. oflameron.ru / title = "Photoshop"> Photoshop </ a> <br> </ p> </ font>

</ Td>

</ Tr>

<tr> </ tr>

</ Table>

</ Td>

<Td background = vb-6. jpg width = 16 height = 5> </ td>

</ Tr>

</ Table>

<table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=650> <! - Середня основна частина таблиці - ->

<tr valign=top>

<Td background = vb-4. jpg width = 15 height = 5> </ td> <! - Стовпець 1 (Вертикальний) - ->

<Td background = vb-5. jpg width = 621 align = center>

<table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=560>

<tr>

<Td background = vb-5. jpg>

<font> <p align=justify> <br> Список серверів для <b> хостингу </ b> персональних веб сайтів. Наведено перевірена інформація, що дозволяє порівнювати якість наданого <b> хостингу </ b> - розмір виділеного дискового простору, дозволений обсяг трафіку, додаткова рекламна навантаження, варіанти для завантаження файлів (FTP або HTTP), поштові сервіси, <b> готові < / b> <b> шаблони </ b> <b> сайтів </ b> і т.д. </ P> </ font>

</ Td>

</ Tr>

<tr>

<Td background = vb-5. jpg>

<font> <p align=justify> У розділі "<b> Готові </ b> <b> шаблони </ b> <b> сайтів </ b>" представлений огляд архівів з великим вибором готових шаблонів веб сайтів. В огляд включені шаблони, виконані з використанням різних технологій і на різні тематики. Представлені шаблони доступні для безкоштовного (як правило) скачування, так і для отримання на платній основі (за невелику плату 10 $ - 30 $). [</ Font> <a href = http://website. shmeleff.com / title = "Сайти"> <font class=green> <b> <u> Готові сайти </ u> </ b> </ font> </ a> <font>] </ p> <br > </ font>

</ Td>

</ Tr>

<tr align=center>

<Td background = vb-5. jpg>

</ Td>

</ Tr>

<tr>

<Td background = vb-5. jpg>

<font> <p align=left> <br> </ font> <a href = http://geocities. yahoo.com / join /> <font> <b class=yellow> geocities. yahoo.com </ b> </ font> </ a> <font> - вельми зручний і якісний безкоштовний і платний <b> хостинг </ b>. Виділяється обсяг - 15 Мбайт. Є доступ по FTP. Редактор - Adv Basic. Реклама - Adsquare. Адреса Вашого сайту - / you. Додаткові сервіси - RealVideo, RealAudio, POPmail, GuestBook, MailForm Counter. </ P> </ font>

</ Td>

</ Tr>

<Tr>

<Td background = vb -5. Jpg>

<Font> <p align = center> <br> <img src = yahoo. Jpg alt = "Хостинг"> <br> & nbsp; </ p> </ font>

</ Td>

</ Tr>

<tr>

<Td background = vb-5. jpg>

<font> <p align=left> <br> </ font> <a href=http://www.holm.ru/> <font> <b class=yellow> www. holm.ru </ b> </ font> </ a> <font> - безкоштовний і платний <b> хостинг </ b>. виділяється об'єм - <b> не обмежений </ b>. Є доступ по FTP. Доступні серверні логи. Доменне ім'я третього рівня ваш_домен. holm.ru Реклама - банер. Додаткові сервіси - cgi скрипти, SSI, Perl, PHP4, MySQL, </ p> </ font>

</ Td>

</ Tr>

<tr>

<Td background = vb-5. jpg>

<font> <p align=center> <br> <img src = holm. jpg alt = "Хостинг"> <br> </ p> </ font>

</ Td>

</ Tr>

<tr>

<Td background = vb-5. jpg>

<font> <p align=left> <br> </ font> <a href=http://www.hostultra.com/> <font> <b class=yellow> www. hostultra.com </ b> </ font> </ a> <font> - безкоштовний і платний (від 5 $) <b> хостинг </ b>. Виділяється обсяг - 999 Мбайт. Є доступ по FTP. Редактор - Adv Basic. Реклама - Banner. Адреса Вашого сайту - / ~ you. Додаткові сервіси - Unlimited Bandwidth, Unlimited Webspace, Domain Hosting, PHP, FTP. </ P> </ font>

</ Td>

</ Tr>

<Tr>

<Td background = vb -5. Jpg>

<Font> <p align = center> <br> <img src = hostultra. Jpg alt = "Хостинг"> <br> & nbsp; </ p> </ font>

</ Td>

</ Tr>

</ Table>

</ Td>

<Td background = vb-6. jpg width = 16 height = 5> </ td>

</ Tr>

</ Table>

<table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=650> <! - Середня основна частина таблиці - ->

<tr valign=top>

<Td background = vb-4. jpg width = 15 height = 5> </ td> <! - Стовпець 1 (Вертикальний) - ->

<Td background = vb-5. jpg width = 621 align = center>

<table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=560>

<tr>

<Td background = vb-5. jpg>

<font> <p align=left> <br> </ font> <a href=http://www.hut.ru/> <font> <b class=yellow> www. hut.ru </ b> </ font> </ a> <font> - безкоштовний <b> хостинг </ b>. виділяється об'єм - <b> не обмежений </ b>. Є доступ по FTP. Адреса Вашого сайту - / state / you. Додаткові сервіси - <b> PHP-скрипти </ b>, cgi-скрипти, MySql, доступ до файлу. htaccess, SSI, доступ до лог-файлів, форум і гостьова книга. </ P> </ font>

</ Td>

</ Tr>

<Tr>

<Td background = vb -5. Jpg>

<Font> <p align = center> <br> <img src = hut. Jpg alt = "Хостинг"> <br> & nbsp; </ p> </ font>

</ Td>

</ Tr>

<tr>

<Td background = vb-5. jpg>

<font> <p align=left> <br> </ font> <a href=http://www.joinme.net/> <font> <b class=yellow> www. joinme.net </ b> </ font> </ a> <font> - безкоштовний <b> хостинг </ b>. виділяється об'єм - 5 Мбайт. Є доступ по FTP. Редактор - Adv Basic. Реклама - Banner. Адреса Вашого сайту - / you. Додаткові сервіси - online web - page creation tools, guestbook, Bulletin Board, additional space available upon request. </ P> </ font>

</ Td>

</ Tr>

<Tr>

<Td background = vb -5. Jpg>

<Font> <p align = center> <br> <img src = join. Jpg alt = "Хостинг"> <br> & nbsp; </ p> </ font>

</ Td>

</ Tr>

<tr align=center>

<Td background = vb-5. jpg>

</ Td>

</ Tr>

<tr>

<Td background = vb-5. jpg>

<font> <p align=left> <br> </ font> <a href=http://www.justfree.com> <font> <b class=yellow> www.justfree . com </ b> </ font> </ a> <font> - безкоштовний <b> хостинг </ b>. виділяється об'єм - 40 Мбайт. Є доступ по FTP. Без реклами. Адреса Вашого сайту - / you. Додаткові сервіси - Unlimited Bandwidth, Free Support, Free Guestbook, Free Forum, EZ File Manager, Free Email. </ P> </ font>

</ Td>

</ Tr>

<tr>

<Td background = vb-5. jpg>

<font> <p align=center> <br> <img src = justfree. jpg alt = "Хостинг"> <br> </ p> </ font>

</ Td>

</ Tr>

<tr>

<Td background = vb-5. jpg>

<font> <p align=left> <br> </ font> <a href=http://www.megspace.com/index2.html> <font> <b class = yellow > www.megspace.com </ b> </ font> </ a> <font> - безкоштовний <b> хостинг </ b>. Виділяється обсяг - 50 Мбайт. Є доступ по FTP. Редактор - Adv Basic. Реклама - Banner. Адреса Вашого сайту - / dir / you. Додаткові сервіси - Free Message Boards, Free Personal Guest Book, Free Search Engine Submissions, Free Easy to Use Upload Manager, Free Form Mailer, Free Site Builder, Fast Servers. </ P> </ font>

</ Td>

</ Tr>

<tr>

<Td background = vb-5. jpg>

<font> <p align=center> <br> <img src = megspace. jpg alt = "Хостинг"> <br> </ p> </ font>

</ Td>

</ Tr>

</ Table>

</ Td>

<Td background = vb-6. jpg width = 16 height = 5> </ td>

</ Tr>

</ Table>

<table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=650> <! - Середня основна частина таблиці - ->

<tr valign=top>

<Td background = vb-4. jpg width = 15 height = 5> </ td> <! - Стовпець 1 (Вертикальний) - ->

<Td background = vb-5. jpg width = 621 align = center>

<table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=560>

<tr>

<Td background = vb-5. jpg>

<font> <p align=left> <br> </ font> <a href = http://narod. yandex.ru /> <font> <b class=yellow> narod. yandex.ru </ b> </ font> </ a> <font> - безкоштовний <b> хостинг </ b>. Виділяється обсяг - 999 Мбайт. Є доступ по FTP. Редактор - Adv Basic. Реклама - Banner. Адреса Вашого сайту - Subdomain. Додаткові сервіси - поштова скринька, шаблони сайтів, статистика відвідувань, гостьова книга, форум. </ P> </ font>

</ Td>

</ Tr>

<Tr>

<Td background = vb -5. Jpg>

<Font> <p align = center> <br> <img src = narod. Jpg alt = "Хостинг"> <br> & nbsp; </ p> </ font>

</ Td>

</ Tr>

<tr align=center>

<Td background = vb-5. jpg>

</ Td>

</ Tr>

<tr>

<Td background = vb-5. jpg>

<font> <p align=left> <br> </ font> <a href=http://www.owns1.com/> <font> <b class=yellow> www. owns1.com </ b> </ font> </ a> <font> - безкоштовний <b> хостинг </ b>. Виділяється обсяг - 100 Мбайт. Завантаження файлів через FTP. Редактор - Adv Basic. Реклама - Topbanner. Адреса Вашого сайту - Subdomain. Додаткові сервіси - Free Frontpage extensions, php, cgi, mysql, control panels. </ P> </ font>

</ Td>

</ Tr>

<Tr>

<Td background = vb -5. Jpg>

<Font> <p align = center> <br> <img src = owns 1. Jpg alt = "Хостинг"> <br> & nbsp; </ p> </ font>

</ Td>

</ Tr>

<tr>

<Td background = vb-5. jpg>

<font> <p align=left> <br> </ font> <a href = http://home. redrival.com /? module = signup> <font> <b class=yellow> redrival.com </ b> </ font> </ a> <font> - безкоштовний <b> хостинг </ b>. Виділяється обсяг - 2 Мбайт. Є доступ по FTP. Редактор - Adv Basic. Реклама - Popup. Адреса Вашого сайту - / you. Додаткові сервіси - PHP 5, SQLite Databases, SSI / XSSI Scripting, Email Address, Advertising Supported. </ P> </ font>

</ Td>

</ Tr>

<Tr>

<Td background = vb -5. Jpg>

<Font> <p align = center> <br> <img src = redrival. Jpg alt = "Хостинг"> <br> & nbsp; </ p> </ font>

</ Td>

</ Tr>

<tr>

<Td background = vb-5. jpg>

<font> <p align=left> <br> </ font> <a href=http://www.sitepalace.com/> <font> <b class=yellow> www. sitepalace.com </ b> </ font> </ a> <font> - безкоштовний <b> хостинг </ b>. Виділяється обсяг - 10 Мбайт. Завантаження через HTTP. Редактор - Adv Basic. Реклама - Popup. Адреса Вашого сайту - / you. Додаткові сервіси - Unlimited Transfer, Unlimited Hits, Page Counter, FREE Submission to 300 + Search Engines. </ P> </ font>

</ Td>

</ Tr>

<tr>

<Td background = vb-5. jpg>

<font> <p align=center> <br> <img src = sitepalace. jpg alt = "Хостинг"> <br> </ p> </ font>

</ Td>

</ Tr>

</ Table>

</ Td>

<Td background = vb-6. jpg width = 16 height = 5> </ td>

</ Tr>

</ Table>

<table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=650> <! - Середня основна частина таблиці - ->

<tr valign=top>

<Td background = vb-4. jpg width = 15 height = 5> </ td> <! - Стовпець 1 (Вертикальний) - ->

<Td background = vb-5. jpg width = 621 align = center>

<table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=560>

<tr>

<Td background = vb-5. jpg>

<font> <p align=left> <br> </ font> <a href=http://www.spaceports.com/> <font> <b class=yellow> www. spaceports.com </ b> </ font> </ a> <font> - безкоштовний <b> хостинг </ b>. Виділяється обсяг - 10 Мбайт. Є доступ по FTP. Реклама - Banner. Адреса Вашого сайту - / ~ you. Додаткові сервіси - CGI - BIN, MailForm, PHP scripting, MySQL database support. </ P> </ font>

</ Td>

</ Tr>

<Tr>

<Td background = vb -5. Jpg>

<Font> <p align = center> <br> <img src = spaceports. Jpg alt = "Хостинг"> <br> & nbsp; </ p> </ font>

</ Td>

</ Tr>

<tr>

<Td background = vb-5. jpg>

<font> <p align=left> <br> </ font> <a href=http://www.stormloader.com/> <font> <b class=yellow> www. stormloader.com </ b> </ font> </ a> <font> - безкоштовний <b> хостинг </ b>. Виділяється обсяг - 50 Мбайт. Завантаження файлів - Browser. Реклама - Topbanner. Адреса Вашого сайту - / you. Додаткові сервіси - Page Building Tools, Unmetered Bandwidth. </ P> </ font>

</ Td>

</ Tr>

<tr>

<Td background = vb-5. jpg>

<font> <p align=center> <br> <img src = stormloader. jpg alt = "Хостинг"> <br> <br> </ p> </ font>

</ Td>

</ Tr>

</ Table>

</ Td>

<Td background = vb-6. jpg width = 16 height = 5> </ td>

</ Tr>

</ Table>

<table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=650> <! - Середня основна частина таблиці - ->

<tr valign=top>

<Td background = vb-4. jpg width = 15 height = 5> </ td> <! - Стовпець 1 (Вертикальний) - ->

<Td background = vb-5. jpg width = 621 align = center>

<table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=560>

<tr> </ tr>

<tr>

<Td background = vb-5. jpg>

<font> <p align=left> </ font>

</ Td>

</ Tr>

</ Table>

</ Td>

<Td background = vb-6. jpg width = 16 height = 5> </ td>

</ Tr>

</ Table>

<table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=650> <! - Нижня частина таблиці - ->

<tr valign=top>

<Td background = vb-7. jpg width = 28 height = 30> </ td>

<Td background = vb-8. jpg width = 594 height = 30 align = center> </ td>

<Td background = vb-9. jpg width = 28 height = 30> </ td>

</ Tr>

</ Table>

<table border=0 cellpadding=0 cellspacing=0 width=650> <! - Хостинг - ->

<tr valign=top>

<Td background = vb-1. jpg width = 28 height = 30> </ td>

<Td background = vb-2. jpg width = 592 height = 30 align = center> </ td>

<Td background = vb-3. jpg width = 30 height = 30> </ td>

</ Tr>

</ Table>

<table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=650> <! - Хостинг - ->

<tr valign=top>

<Td background = vb-4. jpg width = 15 height = 5> </ td> <! - Стовпець 1 (Вертикальний) - ->

<Td background = vb-5. jpg width = 621 align = center>

<! - Безкоштовний Хостинг - ->

<Img src = title. jpg alt = "Хостинг" border = 0>

</ Td>

<Td background = vb-6. jpg width = 16 height = 5> </ td>

</ Tr>

</ Table>

<table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=650> <! - Нижня частина таблиці - ->

<tr valign=top>

<Td background = vb-7. jpg width = 28 height = 30> </ td>

<Td background = vb-8. jpg width = 594 height = 30 align = center> </ td>

<Td background = vb-9. jpg width = 28 height = 30> </ td>

</ Tr>

</ Table>

<font class=tse>

<p> </ p>

<p> </ p>

</ Body>

</ Html>

Висновок

У цьому проекті розглянуто мову розмітки гіпертекстових документів HTML, його основні функції властивості і параметри. Сьогодні застосування HTML практикується у всіх без винятку електронних документах, незалежно від тематики, величини та комерційної спрямованості Інтернет проекту.

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

Список використаної літератури

1. Айзекс А. Dynamic HTML BHV-Санкт-Петербург 1998

2. Ганчаров А. Самовчитель HTML. Пітер 2000

3. Дарнелл Р.html 4 Енциклопедія користувача ДіаСофт 1999

4. Денисов Internet Explorer 5 Довідник Пітер 1999

5. Хоумер А. Dynamic HTML Довідник Пітер 1999

6. Петюшкін А.В., HTML. Експрес-курс. - СПб.: БХВ - Петербург, 2003

7. Кінгслі-Хью Е., JavaScript: навчальний курс. - СПб.: Пітер, 2002

8. http://www.robotland.ru/

Додати в блог або на сайт

Цей текст може містити помилки.

Програмування, комп'ютери, інформатика і кібернетика | Курсова
85.2кб. | скачати


Схожі роботи:
Розробка Web сайту на основі HTML з використанням JavaScript 2
Розробка web сайту на основі HTML з використанням JavaScript
Створення Web сайту на мові html
Загальні відомості про HTML принципи створення Web-сайту
Розробка сайту з використанням CSS
Методика і технологія розробки web-сайту освітнього закладу на прикладі сайту соціально-гуманітарного
Модернізація сайту припой з використанням системи керування вмістом сайту CMS
Створення Web-сайту
Створення Web документів Використання мови HTML
© Усі права захищені
написати до нас