Создание новостного футбольного сайта
Освоение языков программирования (Html, Css, JavaScript). Разработка и установка программы "Macromedia Dreamweaver 8". Формальный язык описания внешнего вида документа, написанного с использованием языка разметки. Добавление стилей CSS в программу.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | курсовая работа |
| Язык | русский |
| Дата добавления | 28.10.2017 |
| Размер файла | 1,7 M |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru/
Создание новостного футбольного сайта
Введение
Целью курсового проекта было создать новостной футбольный сайт "Football news" для того, чтобы любители футбола могли узнавать все последние новости мирового футбола, а так же просматривать репортажи и видео с последних футбольных матчей и быть в курсе последних новостей футбола.
При создании сайта целью является освоение языков программирования (Html,Css,JavaScript). Так же буду работать со стилями Css, которые позволят поменять цвет оформления фона, изменять стили шрифта, так же будут использованы javascript, чтобы анимировать некоторые элементы сайта что сделает сайт был более живым и красочным. Вся разработка моего сайта будет полностью посвящена изучению языков программирования, чтобы полностью изучить и понять весь программный код проекта и продолжать работать в этом направлении.
Теоретическая часть
В интернете есть множество футбольных сайтов, например:
LiveTv - последние футбольные новости и трансляции на все футбольные матчи
Ссылка на сайт: http://livetv.ru/
SportBox-спортивная аналитика футбольных матчей и отдельных игроков, много статей про разные события мирового футбола, а так же множество последних новостей футбола
Ссылка на сайт: http://news.sportbox.ru/
Footboom-сайт с множеством видео материалов и фото галерей с последних матчей а так же статистика и ставки на матчи
Ссылка на сайт: http://www.footboom.com/
Отличие моего сайта от множества футбольных сайтов это более простой и удобный дизайн. Так же есть ссылки на трансляции матчей, последние новости, фотогалерея, описание к последним футбольным матчам с ссылками на просмотр футбольных баталий и все это объединяет мой сайт Football.news.com
Практическая часть
Разработка моего проекта началась с установки программы "Macromedia Dreamweaver 8"
После установки программы я создал новый проект, где уже автоматически был прописан программный код, который уже создается программой
Потом я создал отдельный файл Css чтобы создать в нём стили и блоки. Css- CSS (а CSS (англ. Cascading Style Sheets - каскадные таблицы стилей) - формальный язык описания внешнего вида документа, написанного с использованием языка разметки.
В следующем своём действии я создал файл JavaScript, чтобы разместить, новый элемент "Плавающего облака"
Я начал разрабатывать свой сайт с простого html кода, в котором будет заложена главная страница моего футбольного сайта я создал файл Football news.html и в нем прописал начальный код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html> программирование стиль разметка
<head>
<title>Football_news.com</title>-Название страницы
<link rel="stylesheet" type="text/css" href="style.css" >-добавление стилей CSS
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
<!--
.style1 {font-family: Georgia, "Times New Roman", Times, serif}
#Layer1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 980px;
top: 533px; -Выбор стилей текста и блоков
}
-->
</style>
</head>
<body bgcolor=white text=#ffffff> -цвет текста
<div class="header"><img src="img/football.jpg" width="643"></img></div> -добавление картинки в голову блока
<div class="left">
<a href="index.html"><img src="img/menu.jpg" border="0"></a>
<a href="galery.html"><img src="img/galery.jpg" border="0"></a>
<a href="information.html"><img src="img/novosti.jpg" border="0"></a>-добавление меню кнопок с переходами на другую страницу
</div>
<div class="center">
<p align=center><strong>Футбольный сайт Football news.com<br>
Football news.com --информационный сайт о футболе, здесь можно посмотреть свежие фото с матчей а так же сами трансляции и ссылки на игры футбольных грандов </p>
<img src="img/rooney.jpg"></div>-добавление картинки в центральный блок для фона
<div id="Layer1">
<div align="center">
<script type="text/javascript" src="http://freeviral.ru/swfobject.js"></script>
<div id="con"><p align="center">Для отображения Облака ссылок
<br />необходим<br /><b>Adobe Flash Player 9</b><br />или выше.</div>
<script type="text/javascript">-для появления текста если не работает интернет
var rnumber = Math.floor(Math.random()*99);
var widget_so = new SWFObject("http://freeviral.ru/tagcloud.swf?r="+rnumber, "tagcloudflash", "380", "150", "9");
widget_so.addParam("wmode", "transparent");
widget_so.addParam("allowScriptAccess", "always");
widget_so.addVariable("tcolor", "0xCffffff");
widget_so.addVariable("tspeed", "100");
widget_so.addVariable("distr", "true");
widget_so.addVariable("mode", "tags");
widget_so.addVariable("tagcloud", "<tags><a href='C:\Users\П-20\Desktop\сайт\index.html' style='font-size:18pt;'>Балотелли</a><a href='http://www.manutd.com/' style='font-size:18pt;'>Manchester united</a><a href='http://www.realmadrid.com/cs/Satellite/en/Home.htm' style='font-size:18pt;'>Real Madrid</a><a href='http://www.fcbarcelona.com/' style='font-size:18pt;'>Barcelona</a><a href='http://www.santosfc.com.br/home.asp' style='font-size:18pt;'>Santos</a><a href='http://www.sopcast.com/' style='font-size:18pt;'>SOPCOAS</a><a href='http://www.leomessi.com/eng/' style='font-size:18pt;'>Messi</a><a href='http://www.ronaldinho80.ru/' style='font-size:18pt;'>Ronaldinio</a><a href='http://www.ronaldohome.com/' style='font-size:18pt;'>Ronaldo</a><a href='http://livetv.ru/' style='font-size:18pt;'>LiveTv</a></tags>");- это ссылки на официальные сайты которые будут отображаться при нажатии на облако тегов
widget_so.write("con");
</script>
</div>
</div>
<script type="text/javascript" src="http://neotech.3dn.ru/Tegs/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.mode = 'tags';
flashvars.minFontSize = '8'; /* минимальный размер шрифта в облаке. Размер задается в пунктах.*/
flashvars.maxFontSize = '12'; /* максимальный размер шрифта в облаке. Размер задается в пунктах.*/
flashvars.tcolor = '0x006600'; /*"0x006600" - цвет самого частого текста в облаке тегов в RGB формате. Частота текста определяется по свойству ссылки style. 0x не меняем.*/
flashvars.tcolor2 = '0x006600'; /* "0x006600" - цвет самого редкого текста в облаке тегов в RGB формате. Частота текста определяется по свойству ссылки style. 0x не меняем.*/
flashvars.hicolor = '0xFF0000'; /*"0xFF0000" - цвет текста при наведении на него курсора. 0x не меняем.*/
flashvars.distr = 'true'; /*тип вращения облака, может принимать значение "true" или "false"*/
flashvars.tspeed = '100'; /*скорость вращения*/
eTagz = document.getElementById('yoblako').getElementsByTagName('A');
flashvars.tagcloud = '<tags>';
for (var i=0; eTagz[i]; ++i) flashvars.tagcloud += '<a href=\'' + eTagz[i].getAttribute('href')
+ '\' style=\'' + parseInt(eTagz[i].style.fontSize)
+ '\'>' + eTagz[i].innerHTML.replace(/&/i, '%26') + '</a>';
delete eTagz;
flashvars.tagcloud += '</tags>';
var params = {};
/*params.wmode = 'transparent'; устанавливаем фон облака прозрачным. Если убрать эту строку, то можно будет самим задавать цвет фона.*/
params.bgcolor = '#FFFFCC';
params.allowscriptaccess = 'always';
var attributes = {};
attributes.id = 'yoblako';
attributes.name = 'tagcloud';
swfobject.embedSWF('http://neotech.3dn.ru/Tegs/tagcloud.swf', 'yoblako', '300', '200', '9.0.0', false, flashvars, params, attributes); /*"300" - ширина будущего облака тегов в пикселях.
"200" - высота будущего облака тегов.
"9" - максимальная версия флеш-плеера, которая нужна для отображения облака.*/
</script>
</div>
<div class="right"><a href="index.html"><img src="img/3434.jpg" border="0"></a><a href="RealMadrid_ManchesterUnited.HTML">Real Madrid-Manchester United 21:45
</a>
<p><a href="barcelona_milan.html">Barcelona-Milan 22:30</a>
<p><p><a href="arsenal.html">Arsenal-Manchecter city 21:00</a>
<p><p><a href="INTER.HTML">Inter-Juventus 20:00</a>
<p><p><a href="lazio.html">Lazio-Napoli 17:45</a>
<p><p><a href="santos1.html">Santos-Flamengo 13:45</a>
<p><a href="index.html"><img src="img/1015.jpg" border="0"><a href="RealMadrid_ManchesterUnited.html">Real Madrid-Manchester United 21:45</div>
<body>
В этом программном коде расположены блоки взятые с файла CSS который я создал сразу после файла Football.news программный код файла Css: h1{color:blue;font-size:14px}
BODY {
background-image : url(img/becham.jpg);}
.header { -здесь задается фон сайта
position:relative;
width:640px;
height:100px;
border: 0px solid black;
left:10%; -1 блок с координатами "Header"
}
p{color:white;}
.left {
position:relative;
float:left;
width:1024px;
height:32px;
border: 0px solid white;
position:absolute;
left:25%; - 2 блок c координатами "Left",левый блок
}.center {
position:relative;
width:768px;
border: 0px solid white;
left:200px;
top:50px;
}
.right {
position:absolute;
width:138px;
height:561px;
left: 983px;
top: 114px;
} - 2 блок c координатами "Right", правый блок
.btn {
float:left;
width: 190px;
margin: 0 auto;
}
grow img{
height: 300px;
width: 190px;
margin: 5px 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2 ease;
-o-transtition: all 0.2 ease;
}
.grow img:hover {
height: 110%;
width: 110%;
margin-left: -30px;
}
h1{color:white;
}
a:link{
color:#FFFFFF;
}
a:visited{
color:#FFFFFF;
}
a:active{
color:#FFFFFF;
}a:hover{color:#66FF00; }
В этом файле расположены все блоки для сайта (Голова, центральная часть, и боковые части) так же в этих блоках заданы цвета текста, фона, стиль текста и его расположение в блоке
Потом прописан код для "воздушного облака"
<div align="center"> -центральный блок
<script type="text/javascript" src="oblako.js"></script>
<div id="con"><p align="center">Для отображения Облака ссылок
<br />необходим<br /><b>Adobe Flash Player 9</b><br />или выше.</div>
<script type="text/javascript">
widget_so.addVariable("tagcloud", "<tags><a href='Ссылка' style='font-
size:18pt;'>Галерея</a><a href='Ссылка' style='font-size:18pt;'>Название
ссылки</a><a href='Ссылка' style='font-size:18pt;'>Название ссылки</a><a
href='Ссылка' style='font-size:18pt;'>Название ссылки</a><a href='Ссылка'
style='font-size:18pt;'>Название ссылки</a><a href='Ссылка' style='font-
size:18pt;'>Название ссылки</a><a href='Ссылка' style='font-
size:18pt;'>Название ссылки</a><a href='Ссылка' style='font-
size:18pt;'>Название ссылки</a><a href='Ссылка' style='font-
size:18pt;'>Название ссылки</a><a href='Ссылка' style='font-
size:18pt;'>Название ссылки</a></tags>"); -ссылки для тегов облака
widget_so.write("con");</script></div>
Вот так вот выглядит главная страница:
Потом я начал создавать другие страницы на (Галерею, Новости, Сегодня Играют,Match Day) У них код был практически у всех одинаковый: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Football_news.com</title>
<link rel="stylesheet" type="text/css" href="style.css" >
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
<!--
.style1 {font-family: Georgia, "Times New Roman", Times, serif}
#Layer1 {
position:absolute;width:200px;height:115px;z-index:1;left: 980px;top: 533px;}--></style></head><body bgcolor=whitetext=#ffffff><divclass="header"><imgsrc="img/football.jpg"width="643"></img></div><div class="left"><a href="index.html"><img src="img/menu.jpg" border="0"></a>
<a href="galery.html"><img src="img/galery.jpg" border="0"></a>
<a href="information.html"><img src="img/novosti.jpg" border="0"></a>
</div><div class="center">
<p align=center><strong>Футбольный сайт Football news.com<br>
Football news.com --информационный сайт о футболе, здесь можно посмотреть свежие фото с матчей а так же сами трансляции и ссылки на игры футбольных грандов </p>
<img src="img/rooney.jpg"></div>
Единственное отличие было в странице Галерея. Там был задан программный код на анимацию картинок, чтобы при наведении курсором картинки увеличивались в размере.
Вот этот программный код: <span class="grow btn"><a href="img/torres.jpg"><img src="img/torres1.jpg" border="0"></a></span>
<span class="grow btn"><a href="img/mu.jpg"><img src="img/mu1.jpg" border="0"></a></span>
<span class="grow btn"><a href="img/ger10.jpg"><img src="img/ger101.jpg"border="0"></a></span>
<span class="grow btn"><a href="img/rooney10.jpg"><img src="img/rooney101.jpg"border="0"></a></span>
функция grow btn-это увеличение объекта.
Заключение
В результате курсового проектирования был разработан сайт "Football News", позволяющий любителям футбола узнавать все последние новости мирового футбола, а так же просматривать репортажи и видео с последних футбольных матчей и быть в курсе последних новостей футбола. Так же на сайте можно просмотреть свежие фотографии с матчей и посмотреть прямо с сайта прямую футбольную трансляцию идущего матча.
При создании сайта были использованы языки программирования(html,CSS, JavaScript)
На сайте так же было использованы ссылки с официальных сайтов для тегов облака, а так же были использованы ролики с YouTube чтобы придать сайту настоящую атмосферу футбольного настроения.
Сайт выполнялся в программе Macromedia Dreamweaver 8, в ней достаточно просто работать не всегда нужно прописывать программный код чтобы вставлять картинки видео и блоки, можно просто добавлять и размещать все на видимом экране программы
Ссылка на учебник: http://www.zvirec.com/
Приложение 1.
Главная страница сайта
Программный код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Football_news.com</title>
<link rel="stylesheet" type="text/css" href="style.css" >
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
<!--
.style1 {font-family: Georgia, "Times New Roman", Times, serif}
#Layer1 {
position:absolute;width:200px;height:115px;z-index:1;left: 980px;top: 533px}--></style></head><body bgcolor=white text=#ffffff>
<div class="header"><img src="img/football.jpg" width="643"></img></div>
<div class="left">
<a href="index.html"><img src="img/menu.jpg" border="0"></a>
<a href="galery.html"><img src="img/galery.jpg" border="0"></a>
<a href="information.html"><img src="img/novosti.jpg" border="0"></a></div
<div class="center">
<p align=center><strong>Футбольный сайт Football news.com<br>
Football news.com --информационный сайт о футболе, здесь можно посмотреть свежие фото с матчей а так же сами трансляции и ссылки на игры футбольных грандов </p> <img src="img/rooney.jpg"></div>
Приложение 2.
Страница "Галерея сайта"
Код страницы:
</head><body>
<body bgcolor=white text=#ffffff><div class="header"><img src="img/football.jpg"></img></div><div class="left"><a href="index.html"><img src="img/menu.jpg" border="0"></a><a href="galery.html"><img src="img/galery.jpg" border="0"></a>
<a href="information.html"><img src="img/novosti.jpg" border="0"></a></div><div class="center"><span class="grow btn"><a href="img/torres.jpg"><img src="img/torres1.jpg" border="0"></a></span><span class="grow btn"><a href="img/mu.jpg"><img src="img/mu1.jpg" border="0"></a></span>
<span class="grow btn"><a href="img/ger10.jpg"><img src="img/ger101.jpg"border="0"></a></span><span class="grow btn"><a href="img/rooney10.jpg"><img src="img/rooney101.jpg"border="0"></a></span>
</div>
</body>
Приложение 3.
Страница "Новости"
Код страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><head><title>Football_news.com</title><link rel="stylesheet" type="text/css" href="style.css" ><style type="text/css"><!--.style1 {color: #F0F0F0}.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}.style3 {font-size: 18px;font-weight: bold;}--></style></head><body bgcolor=white text=#ffffff>
<div class="header"><img src="img/football.jpg"></img>
</div>
<div class="left"><a href="index.html"><img src="img/menu.jpg" border="0"></a>
<a href="galery.html"><img src="img/galery.jpg" border="0"></a>
<a href="information.html"><img src="img/novosti.jpg" border="0"></a>
</div>
<div class="center"> <h1 align=center class="style2">Новости мирового футбола: </h1> <div align="center" class="style1"><span class="style3"><a href="Balotelli.html">Балотелли официально перешел в Милан</a></span> <img src="img/balotelli.jpg" width="665" height="385"></div> <p align="center"><span class="style3"><a href="Russia.html">Сборная России начнет 2013 год товарищеским матчем с Исландией</a> </span></p> <p align="center"><img src="img/RUSSIA.jpg" width="667" height="361"><BR> </p> <p align="center"><SPAN class="style3" metrikaId_0.6390772151912141="55"><a href="Neymar.html">Неймар: "Англия не составит конкуренциюБразилии на ЧМ-2014"</a></SPAN> </p> <p align="center"><img src="img/neymar.jpg"width="663" height="346"><BR> </p> <p align="center"><BR> </p></div>
<div class="right"><a href="index.html"><img src="img/3434.jpg" border="0"></a><a href="RealMadrid_ManchesterUnited.HTML">Real Madrid-Manchester United 21:45
</a><p><a href="barcelona_milan.html">Barcelona-Milan 22:30</a></p>
<p><a href="arsenal.html">Arsenal-Manchecter city 21:00</a></p>
<p><a href="INTER.HTML">Inter-Juventus 20:00</a></p>
<p><a href="lazio.html">Lazio-Napoli 17:45</a></p>
<p><a href="santos1.html">Santos-Flamengo 13:45</a></p>
<a href="index.html"><img src="img/1015.jpg" border="0"><a href="RealMadrid_ManchesterUnited.html">Real Madrid-Manchester United 21:45</div>
<body>
<body>
Приложение 4.
Страница "Новости про трансфер"
программный код страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Football_news.com</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css" >
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body bgcolor=white text=#ffffff>
<div class="header"><img src="img/football.jpg"></img></div>
<div class="left">
<a href="inde.html"><img src="img/menu.jpg" border="0"></a>
<a href="galery.html"><img src="img/galery.jpg" border="0"></a>
<a href="information.html"><img src="img/ovosti.jpg" border="0"></a></div>
<div class="center" align="center"> <p align=center>
<p>Сборная России проведет свой первый матч после нового года со сборной Исландии</p>
<p>матч будет проходить в гостях у Исландцев </p>
<p><p><a href="information.html"><img src="img/nazad.jpg" border="0"></a><img src="img/RUSSIA.jpg" width="476" height="307"></p>
</div><div class="right"><a href="index.html"><img src="img/3434.jpg" border="0"></a>Real Madrid-Manchester United 21:45 <p>Barcelona-Milan 22:30</p><p>Arsenal-Manchecter city 21:00</p><p>Inter-Juventus 20:00</p><p>Lazio-Napoli 17:45</p><p>Santos-Flamengo 13:45</p><a href="index.html"><img src="img/1015.jpg" border="0"><a href="RealMadrid_ManchesterUnited.html">Real Madrid-Manchester United 21:45</div>
<body>
Приложение 5.
Страница: "Футбольные матчи"
Код страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Football_news.com</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css" >
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body bgcolor=white text=#ffffff>
<div class="header"><img src="img/football.jpg"></img>
</div>
<div class="left">
<a href="index.html"><img src="img/menu.jpg" border="0"></a>
<a href="galery.html"><img src="img/galery.jpg" border="0"></a>
<a href="information.html"><img src="img/novosti.jpg" border="0"></a>
</div>
<div class="center"><p align=center><STRONG>Великолепное противостоянние двух великих грандов футбола,Real Madrid </p>
<p><a href="information.html"><img src="img/nazad.jpg" border="0"><object width="560" height="315"><param name="movie" value="http://www.youtube-nocookie.com/v/X-vC57HDrEU?version=3&hl=ru_RU"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/X-vC57HDrEU?version=3&hl=ru_RU" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>
<p><a href="http://livetv.ru/"></div>
<div class="right">
<p><a href="http://livetv.ru/"><img src="img/009.jpg" border="0"></a></p>
<p>Ссылка на матч </p>
</div>
<body>
Размещено на Allbest.ru
Подобные документы
Создание индивидуального сайта с использованием языка гипертекстовой разметки HTML и языка скриптов JavaScript. Программные средства, используемые при выполнении работы. Основные средства для создания сайта. Разработка CSS-файла (таблица стилей).
лабораторная работа [31,0 K], добавлен 28.10.2010Создание тематического Web-сайта с использованием гипертекстового языка разметки HTML, каскадных листов стилей CSS и языка программирования JavaScript. Проблема высокого уровня нагрузки на хостинг и создания уникального контента. Выбор средств CMS.
курсовая работа [3,6 M], добавлен 25.05.2014Особенности создания сайта "Ремонт и эксплуатация автомобилей ВАЗ" содержащего необходимую информацию поэтапной разборки запчастей, а также устранение неисправностей, написанного с использованием языка гипертекстовой разметки HTML и языка JavaScript.
дипломная работа [10,5 M], добавлен 04.06.2019Создание тематического Web-сайта с использованием гипертекстового языка разметки HTML, каскадных листов стилей CSS и языка программирования Java Script. Описание используемых тегов при его создании. Особенности разработки навигации и интерфейса сайта.
контрольная работа [2,8 M], добавлен 02.12.2009Сравнение языка Php с другими языками программирования web-приложений. Язык разметки гипертекстовых страниц Html. Технология Macromedia Flash, её преимущества и недостатки. Этапы создания флеш-сайта, руководство пользователя и листинг программы.
дипломная работа [2,3 M], добавлен 04.10.2013Язык маркировки гипертекстов HTML, основа создания web-страниц. История спецификаций, каскадные таблицы стилей CSS. Способы определения таблиц стилей (стилевого шаблона). Язык подготовки сценариев JavaScript, его использование. Программный код web сайта.
курсовая работа [26,9 K], добавлен 05.07.2009Назначение информационно-новостного сайта. Структура пользовательской и административной частей. Эмулятор Web–сервера Denwer 3. Типы данных, используемые в PHP. MySQL база данных. Каскадная таблица стилей CSS. Язык гипертекстовой разметки документов HTML.
дипломная работа [2,0 M], добавлен 05.02.2013Создание сайта при помощи HTML и CSS. Язык гипертекстовой разметки HTML и таблица стилей CSS. Основные понятия об этих языках, этапы и алгоритмы программного обеспечения. Добавление стилей в документ. Свойства элементов, принцип построения Web-страницы.
курсовая работа [2,9 M], добавлен 12.01.2016Исследование возможностей и областей использования языка программирования JavaScript. Сравнительный анализ языков программирования JavaScript и PHP. Разработка интерактивного Web-приложения на примере теста по теме "Программирование на языке Delphi".
практическая работа [26,0 K], добавлен 04.02.2015Практическая значимость создания сайта. Язык программирования JavaScript. Основные области использования языка JavaScript при создании интерактивных HTML-страниц. Язык программирования PHP. Программная основа сайта. Создание оформления дизайна сайта.
дипломная работа [1,1 M], добавлен 05.03.2013
