Главная База знаний "Allbest" Программирование, компьютеры и кибернетика Создание персонального сайта

Создание персонального сайта

Определение целевой аудитории и схема логической связи между страницами, анализ персонального сайта Джима Керри. Создание собственного сайта с целью самопрезентации, его дизайн и план тестирования. Выбор программных средств для реализации проекта.

Рубрика	Программирование, компьютеры и кибернетика
Вид	дипломная работа
Язык	русский
Дата добавления	15.06.2013
Размер файла	6,5 M

посмотреть текст работы

скачать работу можно здесь

полная информация о работе

весь список подобных работ

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

Страница:

<td class="menu-item"><a href="portfol.html">Портфолио</a></td>

<td class="menu-item"><a href="hobbi.html">Хобби</a></td>

<td class="menu-item"><a href="contact.html">Контакты</a></td>

</tr>

</table>

</div>

<h1>Портфолио</h1>

<p>

google_ad_client = "pub-0500162490295296";

google_ad_width = 468;

google_ad_height = 60;

google_ad_format = "468x60_as";

google_ad_type = "text";

//2006-11-21: Web templates - LAYOUTS

google_ad_channel = "0286771451";

google_color_border = "0d0304";

google_color_bg = "0d0304";

google_color_link = "faa47b";

google_color_text = "000000";

google_color_url = "faa47b";

//--></script>

src="http://pagead2.googlesyndication.com/pagead/show_ads.js">

</script>

<h3>В этом разделе вы можете просмотреть,некоторые проделанные мною работы за время обучения в колледже.</h3>

Целью курсовой работы была визуализация задачи. «Приз который делится». Для выполнения были задействованы технология Flash.<br>

Flash-это мультимедийная платформа для создания веб-приложений.Flash широко используется для создания анимации. Игр ,баннеров, а так же для воспроизведения аудио видео-а файлов на веб страницах.Flash используется язык программирования Action Script. В данном проекте задача была разработать с помощью средства языка Action Script. 3.0.

<h3><center>Картинки Курсовой работы</center></h3>

</div>

<br>

</b><br>

</h3>

Сайт был создан с примирением библиотеки Jquery и языка Java Sript.

<br>JQuery-это библиотека значительно упрощающая и ускоряющая написание JavaScript кода.

JQuery содержит команды позволяющие создавать анимацию и обработчики событий.

<br> Также она значительно облегчает выбор элементов в DOM и создания AJAX запросов.

Для JQuery написано огромное количество плагинов, которые расширяют ее возможности еще больше.

<br>

JavaScript-это прототипно-ориентированный сценарный язык программирования. Является диалектом языка ECMAScript.

JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.

<br>

<h3><center>Картинки Сайта</center></h3>

</div>

</b><br>

</h3>

</center>

<br>

</div>

<div class="bottom_menu"><a href="index.html">Главная</a>

| <a href="me.html">Обо мне</a> |

<a href="portfol.html">Портфолио</a> |

<a href="hobbi.html">Хобби</a> |

<a href="contact.html">Контакты</a>

</div>

</body>

</html>

Листинг 10 - hobbi.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>

<html>

<head>

<title>Персональный сайт</title>

</head>

<body>

<div id="name">Персональный сайт Ким Николая Константиновича</div>

<tr>

<td class="menu-item"><a href="index.html">Главная</a></td>

<td class="menu-item"><a href="portfol.html">Портфолио</a></td>

<td class="menu-item"><a href="hobbi">Хобби</a></td>

<td class="menu-item"><a href="contact.html">Контакты</a></td>

</tr>

</table>

</div>

<h1>Хобби</h1>

<p>

google_ad_client = "pub-0500162490295296";

google_ad_width = 468;

google_ad_height = 60;

google_ad_format = "468x60_as";

google_ad_type = "text";

//2006-11-21: Web templates - LAYOUTS

google_ad_channel = "0286771451";

google_color_border = "0d0304";

google_color_bg = "0d0304";

google_color_link = "faa47b";

google_color_text = "000000";

google_color_url = "faa47b";

//--></script>

src="http://pagead2.googlesyndication.com/pagead/show_ads.js">

</script>

<h3>

У каждого человека есть хобби. Моё хобби это футбол. Наверное, это главное, составлявшее моего настроения. Я болею за ФК «Зенит». Если команда проигрывает, то и настроение у меня подобающее. Болею за команду достаточно давно и мечтаю когда-нибудь увидеть их игру вживую.

<br>

</center>

<br>

<br>Так же мое хобби является музыка. Я меломан, не очень придирчив ко вкусам других , но думаю музыка должна быть у каждого своя, обычно музыку выбираю по настроению. Но могу отметить пару групп, которые слушаю чаще, чем другие, эти группы «4 апреля» и «Nuteki».

</b><br><br>

</h3>

<br>

</tr>

</div>

<div class="bottom_menu"><a href="index.html">Главная</a>

| <a href="me.html">Обо мне</a> |

<a href="portfol.html">Портфолио</a> |

<a href="hobbi.html">Хобби</a> |

<a href="contact.html">Контакты</a>

</div>

</body>

</html>

Листинг 11 - contact.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>

<html>

<head>

<title>Персональный сайт</title>

</head>

<body>

<div id="name">Персональный сайт Ким Николая Константиновича</div>

<tr>

<td class="menu-item"><a href="index.html">Главная</a></td>

<td class="menu-item"><a href="portfol.html">Портфолио</a></td>

<td class="menu-item"><a href="hobbi.html">Хобби</a></td>

<td class="menu-item"><a href="contact.html">Контакты</a></td>

</table>

</div>

<h1>Контакты</h1>

<p>

google_ad_client = "pub-0500162490295296";

google_ad_width = 468;

google_ad_height = 60;

google_ad_format = "468x60_as";

google_ad_type = "text";

//2006-11-21: Web templates - LAYOUTS

google_ad_channel = "0286771451";

google_color_border = "0d0304";

google_color_bg = "0d0304";

google_color_link = "faa47b";

google_color_text = "000000";

google_color_url = "faa47b";

//--></script>

src="http://pagead2.googlesyndication.com/pagead/show_ads.js">

</script>

<h2>Контактная информация</h2><br>

<h3>

Ф.И.О: Ким Николай Константинович<br> <br>

Страна : Россия.<br> <br>

Город: Калининград<br> <br>

Мобильный телефон: 89521148674<br> <br>

skype: user9954<br> <br>

Личный сайт: http://vk.com/idhousemd<br> <br>

Twitter: https://twitter.com/twitter<br> <br>

Facebook: https://www.facebook.com/<br> <br>

LiveJournal: http://www.livejournal.com/<br> <br>

</b><br>

</h3>

<table border="0" cellpadding="0" cellspacing="0" class="boxTable"><tr><td class="boxTitle"><b>Опрос</b></td></tr><tr><td class="boxContent"><script type="text/javascript">function pollnow407(){document.getElementById('PlBtn407').disabled=true;_uPostForm('pollform407',{url:'/poll/',type:'POST'});}function polll407(id,i){_uPostForm('',{url:'/poll/'+id+'-1-'+i+'-407',type:'GET'});}</script><div id="pollBlock407"><form id="pollform407" onsubmit="pollnow407();return false;"><div class="pollBlock" style="font-family:Tahoma,Arial;">

<div class="pollQue" style="font-size:8pt;padding-top:2px;text-align:left;"><b>Оцените мой сайт</b></div>

<div class="pollAns" style="font-size:8pt;text-align:left;"><div class="answer"><input id="a4071" type="radio" name="answer" value="1" style="vertical-align:middle;" /> <label style="vertical-align:middle;display:inline;" for="a4071">Отлично</label></div>

<div class="answer"><input id="a4072" type="radio" name="answer" value="2" style="vertical-align:middle;" /> <label style="vertical-align:middle;display:inline;" for="a4072">Хорошо</label></div>

<div class="answer"><input id="a4073" type="radio" name="answer" value="3" style="vertical-align:middle;" /> <label style="vertical-align:middle;display:inline;" for="a4073">Неплохо</label></div>

<div class="answer"><input id="a4074" type="radio" name="answer" value="4" style="vertical-align:middle;" /> <label style="vertical-align:middle;display:inline;" for="a4074">Плохо</label></div>

<div class="answer"><input id="a4075" type="radio" name="answer" value="5" style="vertical-align:middle;" /> <label style="vertical-align:middle;display:inline;" for="a4075">Ужасно</label></div>

<div class="pollLnk" style="padding-top:4px;text-align:center;">[ <a style="font-size:7pt;" href="javascript://" rel="nofollow" onclick="new _uWnd('PollR','Результаты опроса',660,200,{closeonesc:1,maxh:400},{url:'http://shorin-pavel.ucoz.ru/poll/1'});return false;">Результаты</a> · <a style="font-size:7pt;" href="javascript://" rel="nofollow" onclick="new _uWnd('PollA','Архив опросов',660,250,{closeonesc:1,maxh:400,max:1,min:1},{url:'http://****.ru/poll/0-2'});return false;">Архив опросов</a> ]</div>

<div class="pollTot" style="padding-top:4px;font-size:7pt;text-align:center;">Всего ответов: <b>0</b></div>

</div>

</form></div></td></tr></table>

</div>

<div class="bottom_menu"><a href="index.html">Главная</a>

| <a href="me.html">Обо мне</a> |

<a href="portfol.html">Портфолио</a> |

<a href="hobbi.html">Хобби</a> |

<a href="contact.html">Контакты</a>

</div>

</body>

</html>

Листинг 12- style.css

html,body {margin:0;padding:0;background:#000 url(../images/basebg.gif) top repeat-x;width:100%;height:100%; color:#FFF; font-family:Arial, Helvetica, sans-serif;}

* html #wrap{height: 100%;}

p,td { font-family:Arial, Helvetica, sans-serif; margin-top: 0px;}

a img{border:0;}

a{color: #B689E7;text-decoration: underline;}

a:hover{color: #7B2FD5;text-decoration: underline;}

a.hidden {text-decoration: none;color: #000000;cursor:default;}

form {margin:0;padding:0;}

ul {margin-left:20px;margin-top:0px;padding:1px;list-style-type: square;line-height: 16px;}

h1 {font-size: 16px;font-weight: bold;color: #fff;margin: 0px;text-align:center; margin:5px 0 10px 0; text-transform:uppercase;}

.bottom_addr {font-size: 11px;color: #FFFFFF;padding: 3px 0 12px 0; text-align:center;}

.bottom_addr a {text-decoration: none;}

.bottom_addr a:hover {text-decoration: underline;}

.bottom_menu {color: #fff;text-align: center;padding-top: 4px;padding-bottom: 2px; font-size:12px;}

.bottom_menu a {color: #fff;text-decoration: underline;}

.bottom_menu a:hover {color: #B689E7;text-decoration: underline;}

#menu {color: #FFFFFF;position:relative; margin-top:-78px;}

.menu-item{font-family:"trebuchet MS"; font-size:12px; color:#FFF; background:url(../images/mbg.gif) repeat-x; padding: 8px 30px 0 30px;font-weight: bold; vertical-align:top;}

#menu a{text-decoration: none;color: #FFFFFF;}

#menu a:hover {color: #FFFFFF;text-decoration: underline;}

.body_txt {color: #fff;text-align: justify;padding: 10px;vertical-align: top; font-size:12px; position:relative;}

.login_form {background-image: url(../images/login-form-bg.gif);background-repeat: repeat-x;height: 20px;width: 110px;border-width: 1px;border-style: solid;font-size: 11px;padding-top: 3px;padding-left: 1px;}

#wrap{position:relative; min-height:100%; margin:0 auto; width:100%;}

#page{width:700px;margin:0 auto;}

#footer{width:700px; background:url(../images/footerbg.jpg) no-repeat top; padding: 20px 0 0 0; height:92px;}

#name {font-size: 40px;color: #FFFFFF; position:absolute; width:700px; text-align:center; margin-top:32px; font-family:"trebuchet MS"; z-index:1;}

#header{background:url(../images/img01.jpg) no-repeat top; height:300px;}

.button {

display: inline-block;

padding: 8px 18px;

margin-right: 15px;

margin-bottom: 5px;

-moz-border-radius:4px;

-webkit-border-radius:4px;

-khtml-border-radius:4px;

border-radius:4px;

-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3);

-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3);

box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3);

font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

font-size: 16px;

font-weight: bold;

text-align: center;

text-decoration: none;

cursor: pointer;

outline: none !important;

overflow: visible;

}

.button:hover, .button:focus {

text-decoration:none;

}

.button-green {

color: #fff;

background: #a5bd24;

background: -moz-linear-gradient(top, #a5bd24 0%, #7dac38 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5bd24), color-stop(100%,#7dac38));

background: -webkit-linear-gradient(top, #a5bd24 0%,#7dac38 100%);

background: -o-linear-gradient(top, #a5bd24 0%,#7dac38 100%);

background: -ms-linear-gradient(top, #a5bd24 0%,#7dac38 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5bd24', endColorstr='#7DAC38',GradientType=0 );

background: linear-gradient(top, #a5bd24 0%,#7dac38 100%);

text-shadow: 0 1px 1px rgba(0,0,0,0.25);

border: 1px solid #781;

}

.button-green:hover,

.button-green:focus {

color: #fff;

background: #5c8825;

background: -moz-linear-gradient(top, #8fbb44 0%, #5c8825 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fbb44), color-stop(100%,#5c8825));

background: -webkit-linear-gradient(top, #8fbb44 0%,#5c8825 100%);

background: -o-linear-gradient(top, #8fbb44 0%,#5c8825 100%);

background: -ms-linear-gradient(top, #8fbb44 0%,#5c8825 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fbb44', endColorstr='#5c8825',GradientType=0 );

background: linear-gradient(top, #8fbb44 0%,#5c8825 100%);

border: 1px solid #670;

}

.button-blue {

color: #fff;

background: #39aad4;

background: -moz-linear-gradient(top, #41c4f4 0%, #39aad4 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41c4f4), color-stop(100%,#39aad4));

background: -webkit-linear-gradient(top, #41c4f4 0%,#39aad4 100%);

background: -o-linear-gradient(top, #41c4f4 0%,#39aad4 100%);

background: -ms-linear-gradient(top, #41c4f4 0%,#39aad4 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41c4f4', endColorstr='#39aad4',GradientType=0 );

background: linear-gradient(top, #41c4f4 0%,#3a8fb6 100%);

text-shadow: 0 1px 1px rgba(0,0,0,0.25);

border: 1px solid #3a8fb6;}

.button-blue:hover,

.button-blue:focus {

color: #fff;

background: #0189bc;

background: -moz-linear-gradient(top, #14bcfb 0%, #0189bc 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#14bcfb), color-stop(100%,#0189bc));

background: -webkit-linear-gradient(top, #14bcfb 0%,#0189bc 100%);

background: -o-linear-gradient(top, #14bcfb 0%,#0189bc 100%);

background: -ms-linear-gradient(top, #14bcfb 0%,#0189bc 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14bcfb', endColorstr='#0189bc',GradientType=0 );

background: linear-gradient(top, #14bcfb 0%,#0189bc 100%);

border: 1px solid #0370A2;

}

#content {

width: 340px;

margin: 20px auto 0 auto;

padding: 0 30px 30px 60px;

border: solid px ;

background: black;

-moz-box-shadow: 0px 0px 10px #cbcbcb;

-webkit-box-shadow: 0px 0px 10px #cbcbcb;

}

bod{background-color:#999;color:white;padding-top:20px;font-family:helvetica;font-size:12px;text-align: center;}

.pikachoose{width:510px;margin:0 auto 50px auto;}

.pikachoose ul{padding-left:0;width:510px;height:180px;margin:0;overflow:hidden;}

.pikachoose ul li{float: left;border:1px solid #555;padding:2px;background:#777;margin:0 6px 4px 0;position:relative;overflow:hidden;}

.pikachoose ul li div img{position:relative;cursor:pointer;}

.pika_main{width:506px;height:325px;display:block;position:relative;}

.pika_main_img{position:absolute;top:2px;left:2px;}

.pika_back_img{position:relative;top:0px;}

.pika_subdiv{position:relative;border:1px solid #555;background:#777;padding:2px;}

.pika_subdiv img, .pika_subdiv a img{border:none;}

.pika_caption{width:500px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('black.png') top left;}

.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}

.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('play.png') top center no-repeat;}

.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}

.pika_navigation a:hover{text-decoration: underline;}

.pika_navigation{padding-top:10px;clear:both;text-align:center;}

.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('rewind.png') top left no-repeat;}

.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('fastf.png') top right no-repeat;}

Листинг 13- menu.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

html{margin:10px 20px;}a{color:#000080;}hr{background:#000080; height:1px;}

</style>

<!--

Banners=new Array('images/1.jpg','images/2.jpg','images/3.jpg');

CurrentBanner = 0;

function DisplayBanners(){

if(document.images){

CurrentBanner++;

if(CurrentBanner == Banners.length)

{

CurrentBanner=0;

}

document.RotateBanner.src = Banners[CurrentBanner];

setTimeout('DisplayBanners()',3000);

}

-->

</script>

<!--

Pictures=new Array ('images/pic1.jpg','images/pic2.jpg','images/pic3.jpg');

CurrentPicture=0;

function RunSlideShow(ForwardBack){

if(document.images){

CurrentPicture=CurrentPicture+ForwardBack;

if(CurrentPicture>(Pictures.length-1))

{

CurrentPicture=0;

}

if(CurrentPicture<0)

{

CurrentPicture=Pictures.length-1;

}

document.PictureDisplay.src=Pictures[CurrentPicture];

setTimeout('DisplayBanners1()',1000);

}

-->

</script>

</head>

if (window.attachEvent){

window.attachEvent('onresize',center);

window.attachEvent('onload',center);

}else if(window.addEventListener){

window.addEventListener('resize',center, false);

window.addEventListener('load',center, false);

}

function center(){

var i = document.getElementById('menu_ihtut_net');

i.style.marginLeft = parseInt(document.body.offsetWidth-i.offsetWidth)/2+'px';

};

</script>

<a href="..\portfol.html">Персональный сайт</a>

<a href="menu.html">О курорте</a>

<a href="wash.html">Ваш отдых</a>

<a href="galery.html">Галерея</a>

</div>

<br>

<h1><i>Добро пожаловать</h1>

Это место, где природа и человек гармонично сосуществуют. Курорт Sani расположен на территории экологического заповедника площадью 1.000 гектаров с сосновым бором, белоснежными песчаными пляжами и изумрудными водами Эгейского моря. Это место, где будут превзойдены все ваши ожидания и вы насладитесь общением с природой, расслабитесь в роскоши и комфорте. У нас вас всегда ждет что-то новое. Место, где исполнятся ваши пожелания и вы сможете открыть для себя заново простые радости жизни.

<br>

Sani Resort находится на полуострове Кассандра, на территории площадью 1000 гектаров, покрытых соснами, оливковыми рощицами, золотистыми песчаными пляжами, омываемой изумрудным морем. Курорт был мечтой двух человек более 30 лет назад, а сейчас им владеют их семьи. Именно они стараются как можно лучше защитить и сохранить это красивейшее место для будущих поколений.

Вы можете провести незабываемое время в общении с природой. Sani - это незабываемо красивый закат солнца, мягкий песок между пальцев ног, смех ваших детей. В Sani вы будете спать спокойно, ведь вы знаете, что на следующее утро вас ожидают только радость и счастье. Здесь вы чувствуете себя в безопасности.</i>

<br>

</div>

<br>

<br>

<i>

<br>

<tr>

<input type ="button" value="Назад"

onclick="RunSlideShow(1);">

<input type ="button" value="Вперед"

onclick="RunSlideShow(-1);">

</td>

</tr>

</table></center>

</p>

</div>

</a>

</body>

</html>

Листинг 14- wash.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

html{margin:10px 20px;}a{color:#000080;}hr{background:#000080; height:1px;}

</style>

<!--

Banners=new Array('big/1.jpg','big/2.jpg','big/3.jpg');

CurrentBanner = 0;

function DisplayBanners(){

if(document.images){

CurrentBanner++;

if(CurrentBanner == Banners.length)

{

CurrentBanner=0;

}

document.RotateBanner.src = Banners[CurrentBanner];

setTimeout('DisplayBanners()',3000);

}

-->

</script>

</head>

if (window.attachEvent){

window.attachEvent('onresize',center);

window.attachEvent('onload',center);

}else if(window.addEventListener){

window.addEventListener('resize',center, false);

window.addEventListener('load',center, false);

}

function center(){

var i = document.getElementById('menu_ihtut_net');

i.style.marginLeft = parseInt(document.body.offsetWidth-i.offsetWidth)/2+'px';

};

</script>

<a href="..\portfol.html">Персональный сайт</a>

<a href="menu.html">О курорте</a>

<a href="wash.html">Ваш отдых</a>

<a href="galery.html">Галерея</a>

</div>

<br>

<h1><i>Ваш отдых</h1>

В Sani на ваш выбор предоставляется много разнообразных возможностей для прекрасного отдыха. Большое количество ресторанов и баров, развлечения и занятие спортом - все это очень тщательно подобрано для семейного отдыха. Мы надеемся, что вы отлично проведете здесь свой отпуск и надолго запомните моменты, проведенные вместе со всей семьей.</i>

<br>

<br>

</div>

</a>

</body>

</html>

Листинг 15-galery.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

html{margin:10px 20px;}a{color:#000080;}hr{background:#000080; height:1px;}

</style>

<title>jQuery Gallery</title>

#large {

width:100px;

height:10px;

float: auto;

margin-top:2%;

margin-left:8%;

background: url(indicato.gif) no-repeat 50% 40%;

}

#large img {

width: 800px;

height: 600px;

border: 5px solid #00abff;border-radius:30px

}

#thumbnail {

width: 800px;

height:110px;

overflow: auto;

float: center;

list-style: none;

top: 0%;

margin-left:8%;

padding: 5px;

border: 3px solid #00abff;

background: #fff;}

#thumbnail li {

float: left;

width: 70px;

margin: 20px;

_margin:20px;}

#thumbnail a {

display: block;

width: 100px;

height: 56px;

padding: 1px;

border: 1px solid #00abff;}

#thumbnail a:hover {

border-color: #00abff;}

</style>

$(document).ready(function(){

$("#thumbnail li a").click(function(){

$("#large img").hide().attr({"src": $(this).attr("href"), "title": $("> img", this).attr("title")});

$("#large h2").html($("> img", this).attr("title"));

return false;});

$("#large>img").load(function(){$("#large>img:hidden").fadeIn("slow")});

});

</script>

</head>

<body>

if (window.attachEvent){

window.attachEvent('onresize',center);

window.attachEvent('onload',center);

}else if(window.addEventListener){

window.addEventListener('resize',center, false);

window.addEventListener('load',center, false);}

function center(){

var i = document.getElementById('menu_ihtut_net');

i.style.marginLeft = parseInt(document.body.offsetWidth-i.offsetWidth)/2+'px';};

</script>

<a href="..\portfol.html">Персональный сайт</a>

<a href="menu.html">О курорте</a>

<a href="wash.html">Ваш отдых</a>

<a href="galery.html">Галерея</a>

</div>

</ul>

</div>

</body>

</html>

Листинг 16-style.css

body { background: url("images/head.jpg") repeat ; }

div.menu_ihtut_net {

background: url("images/menuihtutnet-fon.") repeat-x 0 0;

height:90px;

overflow: hidden;}

div.menu_ihtut_net div#menu_ihtut_net{

float: left;

padding:0;

height:80px;

margin: 0 10px;}

div.menu_ihtut_net a{

background: url("images/menuihtutnet-link.png") repeat-x 0 0;

color: #00abff;

display: block;

float: left;

font: 15px/69px Impact;

height:65px;

text-decoration: none;

text-align: center;

width: 147px;

overflow: hidden;

margin: 10px 0 0 0;

text-shadow: #fff 0 0 1px;

}

div.menu_ihtut_net a:hover, div.menu_ihtut_net a.active{

background: url("images/menuihtutnet-link.png") repeat-x 0 100%;

color: #000080;

text-shadow: #fff 0 0 30px;

}

#telo{

border:5px ridge black;/*dotted, double, groove, ridge, outset, dashed*/

border-color:#00abff; border-radius:30px;

color:#000080 ;

text-align:center;

text-transform:italic;

font-size: 17px;

font-family:"Times New Roman", serif;

width: 60%;

height: auto;

margin-left:10px;

position:absolute;

background:url("images/telo.jpg") no-repeat #FFF;

no-repeat;

}

#telo2{

border:5px ridge black;/*dotted, double, groove, ridge, outset, dashed*/

border-color: #00abff; border-radius: 30px;

color:#000080 ;

text:italic;

text-align:center;

font: Trebuchet MS, Verdana, sans-serif;

font-size: 17px;

width: 30%;

height: auto;

margin-left:65%;

position:absolute;

background:url("images/telo.jpg") repeat #FFF;

}

#telo4{

border:5px ridge black;/*dotted, double, groove, ridge, outset, dashed*/

border-color:#00abff; border-radius:30px;

color:#000080 ;

text-align:center;

text-transform:italic;

font-size: 17px;

font-family:"Times New Roman", serif;

width: 80%;

height: auto;

margin-left:7%;

position:absolute;

background:url("images/telo.jpg") repeat #FFF;

no-repeat;

}

#telo6{

border:5px ridge black;/*dotted, double, groove, ridge, outset, dashed*/

border-color:#00abff; border-radius:30px;

color:#000080 ;

text-align:center;

text-transform:italic;

font-size: 17px;

font-family:"Times New Roman", serif;

width: 80%;

height: auto;

margin-left:7%;

position:absolute;

background:url("images/telo.jpg") repeat #FFF;

repeat;

}

.listing_inline li {

color: white;

font-size: 12px;

padding: 15px 1%;

width: 31%;

-webkit-border-radius: 7px;

-moz-border-radius: 7px;

border-radius: 7px;

margin: 0 0 10px 0;

overflow: hidden;

display: inline-block;

zoom: 1;

_display: inline;

vertical-align: top;

}

#content_in {

color: white;

position: relative;

zoom: 1;

overflow: hidden;

}

2.4 Результаты тестирования

Данный сайт тестировался нескольколькими студентами. По ходу тестирования проверялась теоретическая (создание сайта) и практическая (практические работы) усвояемость материала, а также дизайн сайта.

Проверка доступности теоретического материала показала недостаточную информативность (т.е. нехватка материала для полного понимания о создании сайта средствами HTML и CSS), несмотря на то, что ответы соответствовали материалы, изложенному на сайте.

Проверка практического материала показала хорошую усвояемость этого материала.

Тестирование дизайна показало:

- Весь контент отображается так, как и задумано;

- Сайт правильно отображается в браузерах Opera 12, Internet Explorer 8 и Google Chrome 19.0.1084;

- Все ссылки на сайте работают правильно;

- Орфографических и пунктуационных ошибок на сайте обнаружено не было.

3. Экономическое обоснование дипломного проекта

В работе рассчитывается себестоимость сайта организации. Для расчёта использованы исходные данные, представленные в таблице 1.

Таблица 1 - Исходные данные

Наименование	Значение
Оборудование и программное обеспечение	26100
Транспортно-заготовительные расходы	3,5%
Количество рабочих дней в месяце	24.д
Продолжительность рабочего дня	8.ч
Оклад программиста	20 000
Премия	27%
Дополнительная заработная плата	12%
Страховые взносы	30,2%
Срок эксплуатации компьютера	3 года
Стоимость электроэнергии за час	2,88
Накладные расходы	125
Рентабельность	21

Информация о проекте

Полное наименование проекта - Создание сайта на тему «Персональный сайт».

Характер проекта:

Обучающий.

Направление использования инвестиций:

- исследования и разработки

Продукция (услуги)

Наименование продукции (услуги) - создание сайта средствами HTML и CSS.

Назначение и основные характеристики - сайт «Что такое персональный сайт» является учебным пособием для студентов, которые только начинают ознакамливаться с персональным сайтом. Сайт предоставляет информацию о персональном сайте, анализ других персональных сайтов, а так же пример своего персонального сайта.

Характеристики новизны:

- модификация известной конструкции;

Необходимость лицензирования:

- продукт;

Необходимость сертификации:

- продукт;

Масштабы и направления:

Калининградская область.

Потребительская характеристика:

- специальное применение

Маркетинговое исследование

Характеристика рынка сбыта продукции (услуг):

Известны основные потребители продукции (услуг) - люди, желающие ознакомится с персональным сайтом.

Обеспеченность сбыта продукции (услуг):

Изучение конъюнктуры рынка и заключение договоров поставки, как с физическими лицами, так и с госучреждениями.

Конкуренция:

Известны основные конкуренты - веб-студия «70 S» и веб-студия «RocketVIP».

3.1 Расчет себестоимости создания сайта

Рассчитываем себестоимость созданного сайта. Для расчета затрат на программные средства имеем следующие исходные данные:

- стадии разработки сайта;

- нормативы для определения трудоемкости и средней численности разработчиков по каждому этапу работы;

- заработную плату разработчиков;

- стоимость машинного часа работы оборудования;

- время работы оборудования при разработке программы.

Затраты на разработку программы - себестоимость программы, определяется по формуле:

Сп = Зо. м + ТЗР + Зэл. + Ззп + Зо + НР (руб.), (1)

где Зо. м - затраты на основные материалы, применяемые при разработке программы, руб.;

ТЗР - транспортно-заготовительные расходы, руб.;

Зэл. - затраты на силовую электроэнергию, руб.;

Ззп - затраты по заработной плате специалистам, участвующим в разработке программы, с учетом страховых взносов, руб.;

Зо - затраты, связанные с работой оборудования, руб.;

НР - накладные расходы, руб.

Таблица 2 - Затраты на материалы, полуфабрикаты, покупные изделия

	Наименование сырья, материалов, топлива	Единица измерения	Кол-во израсходованного материала единиц	Планово-заготовительная цена, рублей за единицу	Сумма, руб.
1	Диск CD-RW	шт.	3	20	60
2	Бумага	упаковка	1	180	180
2	Ручки	шт.	2	20	40
3	Карандаши	шт.	1	15	15
4	Стиплер	шт.	1	50	50
5	Папка	шт.	1	15	15
6	Дырокол	шт.	1	50	50
7	Ластик	шт.	1	10	10
				ИТОГО:	420

Исходя из таблицы 2, Зо.м.= 420 руб.

Транспортно-заготовительные расходы составляют 3,5% от затрат на основные материалы, определяются по формуле:

ТЗР = Зм * % ТЗР /100% (руб.) (2)

ТЗР = 420*3,5/100% = 14,7 руб.

Затраты на силовую электроэнергию рассчитываются по формуле:

Зэл = Т_эл* КПД * F_эф* U (руб ) (3)

где T_эл - тариф на электроэнергию, по данным электросети

КПД - коэффициент полезного действия оборудования;

F_эф - эффективный фонд работы оборудования;

U - мощность оборудования из технического паспорта.

Зэл = 2,88* 0,91*(72+20+15)*0,54 = 151,4 руб.

Затраты по заработной плате определяются по формуле:

ФЗП = ФОЗП + ФДЗП (руб.), (4)

где ФОЗП - фонд основной заработной платы;

ФДЗП - фонд дополнительной заработной платы;

Фонд основной заработной платы определяется по формуле:

ФОЗП = ФЗП тар. + П (руб.), (5)

где ФЗП тар. - тарифная (прямая) заработная плата;

П - премия.

Прямая заработная плата определяется по формуле:

ФЗПтар.=(Ом*tшт.)/(Дм.*d) (руб.), (6)

где Ом - оклад за месяц;

tшт.- затраты времени на разработку этапа программы, час;

Дм. - количество рабочих дней в месяце;

d - продолжительность рабочего дня.

ФЗПтар1 = (20000 * 8) / (24 * 8) = 833,33 руб.

ФЗПтар2 = (20000 * 72) / (24 * 8) = 7500 руб.

ФЗПтар3 = (20000 * 20) / (24 * 8) = 2083,3руб.

ФЗПтар4 = (20000 * 15) / (24 * 8) = 1562,5руб.

ФЗПтар = 833,33+7500+2083,3+1562,5=11979,13 руб.

Этапы работы	Трудоемкость (час)	Расчет	Сумма (рублей)
Постановка задачи	8	(20000 * 8) / (24 * 8)	833,33
Разработка сайта	72	(20000 * 72) / (24 * 8)	7500
Отладка сайта	20	(20000 * 20) / (24 * 8)	2083,3
Выпуск технической документации	15	(20000 * 15) / (24 * 8)	1562,5
Итого	115	833,33+7500+2083,3+1562,5	11979,13

Премия рассчитывается от прямого заработка.

П = %П * ФЗП тар./100% (руб.), (7)

П = 27*11979,13 /100 = 3234,3651 руб.

ФОЗП = 11979,13 +3234,3651= 15213,4951 руб.

Фонд дополнительной заработной платы рассчитывается от фонда основной заработной платы и определяется по формуле:

ФДЗП = % ФДЗП * ФОЗП / 100% (руб.) , (8)

ФДЗП = 12*15213,4951 /100 = 1825,619 руб.

ФЗП = 15213,4951 +1825,619 = 17039,114 руб.

Страховые взносы - это индивидуально возмездные обязательные платежи, которые уплачиваются в федеральные внебюджетные фонды: Пенсионный, Фонд социального страхования (ФСС) и Фонд обязательного медицинского страхования (ФОМС), а также страхование работника от несчастных случаев.

Страховые взносы (СВ) рассчитываются от суммы фонда основной и фонда дополнительной заработной платы определяются по формуле:

СВ = (ФОЗП + ФДЗП)*СВ%/100% (руб.),

СВ = 17039,114 *30,2/100 = 5145,81 руб.

Затраты по заработной плате специалистам, участвующим в разработке программы, с учетом страховых взносов рассчитываются по формуле:

Ззп. = ФЗП + СВ (руб.), (9)

Ззп. = 17039,114 +5145,81 = 22184,924 руб.

Таблица 4 - Стоимость оборудования

№ п.п.	Наименование оборудования	Количество единиц	Срок эксплуатации	Стоимость единицы, руб.	Суммарная стоимость оборудования, руб.
1	Системный блок HP-Compaq	1	5	14000	14000
2	Монитор Samsung 20'	1	5	7000	7000
3	Комплект мышь+клавиатура Genius	1	2	1200	1200
4	Windows 7 Ultimate SP1 XTreme^TM (Лицензия)	1	3	1500	1500
5	Microsoft Office 2010 (Лицензия)	1	1	2400	2400
	ИТОГО:				26100

Затраты, связанные с работой оборудования определяются по формуле:

Зо = tоб. * Сэ.о. (руб.), (10)

где tоб. - время работы оборудования при составлении программы (час);

Сэ.о. - стоимость часа эксплуатации оборудования.

Стоимость часа эксплуатации оборудования определяется по формуле:

Сэ.о. =( Цоб. / Т ) (руб.), (11)

где Цоб. - стоимость оборудования;

Т - срок службы оборудования;

Срок эксплуатации компьютера рассчитывается следующим образом:

Т =tэкс. * Дг. * d (часов), (12)

где tэкс. - количество лет эксплуатации оборудования;

Дг. - количество рабочих дней

Срок эксплуатации системного блока:

Срок эксплуатации монитора:

Срок эксплуатации мыши и клавиатуры:

Срок эксплуатации операционной системы:

Срок эксплуатации Microsoft Office:

Стоимость часа эксплуатации системного блока:

Стоимость часа эксплуатации монитора:

Стоимость часа эксплуатации мыши и клавиатуры:

Стоимость часа эксплуатации операционной системы:

Стоимость часа эксплуатации Microsoft Office:

Сэ.о. = руб./час

Зо1 = 3,32*72 = 239,04 руб.

Зо2 = 3,32*20 = 66,4 руб.

Зо3 = 3,32*15 = 49,8 руб.

Зобщ. = 239,04+66,4+49,8= 355,24 руб.

Таблица 5 - Расчет амортизационных отчислений

Этапы работы	Трудоемкость (час)	Расчет	Сумма (рублей)
Разработка сайта	72	3,32 * 72	239,04
Отладка сайта	20	3,32 * 20	66,4
Выпуск технической документации	15	3,32 * 15	49,8
Итого:	107	239,04+66,4+49,8	355,24

Накладные расходы составляют рассчитываются от основной заработной платы и определяются по формуле:

НР = ФОЗП * %НР/100% (руб.) (13)

НР = 15213,4951*125/100 = 19016,9 руб.

Сп = 420+27+151,4 +1825,619 +355,24+17039,114 = 19818,373 руб.

Калькуляция себестоимости программы представлена в таблице 5.

Таблица 6 - Калькуляция себестоимости создания сайта

Статьи затрат	Затраты
Затраты на материалы, в том числе: - основные материалы; - транспортно-заготовительные расходы.	447 420 27
Затраты на силовую электроэнергию	151,4
Затраты на заработную плату с отчислениями, в том числе: - фонд основной заработной платы; - фонд дополнительной заработной платы; - страховые взносы	1825,619 15213,4951 1825,619 5145,81
Затраты на эксплуатацию оборудования	355,24
Накладные расходы	17039,114
Полная себестоимость	19818,373

Прибыль - это конечный финансовый результат предпринимательской деятельности, доход, остающийся после вычета из выручки всех производственных и торговых затрат.

Прибыль определяется по формуле:

Прибыль =Сп*%R/100% (руб.), (14)

где %R - рентабельность создания сайта

П = 19818,373*21/100 = 4161,85833 руб.

Отпускная цена - это цена, по которой предприятие (объединение) или сбытовая организация реализует продукцию потребителям.

Отпускная цена определяется по формуле:

Ц = Сп + Прибыль (руб.) (15)

Ц = 19818,373+4161,85833 = 23980,23133.

3.2 Расчет срока окупаемости сайта

Срок окупаемости - это период времени, необходимый для окупаемости капитальных вложений.

Срок окупаемости сайта вычисляется по формуле:

Ток. = ДК / Эу.г. (16)

где ДК - разница между затратами которые были и которые получились в результате разработки программы;

Эу.г. - условная годовая экономия, полученная в результате снижения затрат на разработку программы.

Условно - годовая экономия:

С1 - полная себестоимость создания прошлого сайта;

С2 - полная себестоимость создания данного сайта;

Q - среднее количество созданных сайтов в год.

Среднее количество созданных сайтов в год рассчитываем по формуле:

Q = T / t, (кол-во сайтов)(17)

где t-трудоёмкость создания сайта, дни;

T - кол-во дней работы оборудования в год.

Ток. = (26100 - 13000) / ((30000- 19818,373) * 20) = 13100/203632,54=0,06 года

Вывод: При данном количестве заказов сайтов, покупка нового оборудования и программного обеспечения будет целесообразна, так как они окупятся за 22 дня.

3.3 Анализ действующих цен на рынке

Можно подсчитать, во что обойдется создание сайта. Для наглядности результаты помещены в таблицу. В левой колонке приведены затраты на создание полноценного сайта моей фирмой, а в правой колонке приведены затраты на создание сайта фирмой - конкурентом.

Таблица 6 - Цены на создание сайтов

Название этапа	Стоимость работ моей фирмы, руб.	Доля затрат, %	Стоимость работ фирмы - конкурента (Студия “ 70 S”), руб.	Доля затрат, %
Дизайн	12000	29,6	15000	32,6
Верстка и программирование	19000	46,9	17000	39,9
Размещение в интернете и регистрация домена	4000	9,8	6000	13
Наполнение контентом	5500	13,6	8000	17,3
Всего за создание сайта	40500	100	46000	100

Вывод

Исходя из ранее проведённых расчётов и таблицы ценовой конкурентоспособности, можно заключить, что наша цена более привлекательна для покупателей, однако, есть статьи затрат, которые можно сократить. Например, этап разработки «верстка и программирование» может оказаться по стоимости ниже, путем сокращения трудоемкости данного этапа разработки сайта.

Для привлечения клиентов полезна услуга выбора основных составляющих сайта в режиме онлайн, что может облегчить задачу и фирме и заказчику. Тогда привлекательность нашей фирмы возрастёт, а также появится поток новых клиентов , что увеличит число заказов.

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

4. Охрана окружающей среды и техника безопасности

4.1 Мероприятия по снижению нервно-психических и эмоциональных нагрузок на пользователя

Снижение нагрузки, вызванной переработкой большого объёма информации связано с оптимальным объёмом обрабатываемой информации пользователем.

Умственный аппарат оператора теоретически в состоянии переработать

информацию в объёме 5 млн. бит/с. Фактически перерабатывается

информация в объёме 50 тыс. бит/с, т.е. в 100 раз меньше. Поэтому нужно

грамотно подойти к проблеме снижения информационной нагрузки.

Расчётный поток информации имеет следующий вид [3.12.]:

ФРАСЧ. = H₃N/t, бит/с,

где Н_э - энтропия информации, бит/сигнал;

N - общее количество элементов в операции, сигнал; t - длительность операции, с. Под энтропией информации следует понимать количество информации, приходящее на одно сообщение (сигнал). Допустимая энтропия информации составляет 8-16 бит/сигнал. Для нормальной переработки информации оператором должно соблюдаться следующее неравенство:

ФмИН < ФрАСЧ < ФмАКС)

где Фмин - наименьшее допустимое количество информации, бит/с;

Фмакс - наиболее допустимое количество информации, бит/с. Наименьшее допустимое количество информации составляет 0.2-0.4 бит/с. Наибольшее допустимое количество информации составляет 3.2 бит/с. Кривая разрешающей способности оператора по приёму информации представлена на рисунке 18.

Кривая разрешающей способности оператора по приёму информации. Допустимый поток информации, бит/с

Рисунок 18 - Расчётный поток информации, бит/с сенсорный голод; допустимая область; информационная перегрузка

4.2 Рациональная планировка рабочих мест аудитории 208

Для создания равномерной освещённости рабочих мест при рабочем освещении светильники с люминесцентными лампами встраиваются непосредственно в потолок помещения и располагаются в равномерно прямоугольном порядке. Наиболее желательное расположение светильнике. На непрерывный сплошной ряд вдоль длинной стороны помещения Коэффициент наивыгоднейшего расположения светильников определяется по формуле

Lm = Lc/Hp(13)

где Lm - коэффициент наивыгоднейшего расположена светильников, Lm=1,3;

Lc - расстояние между центрами светильников, м;

Hp - высота подвеса светильника над рабочей поверхностью, м.

Отсюда, Lc = 1,3 * 2 = 2,6 м. Число светильников определяется п формуле:

m = D/Lc, m= 4/2 = 2

Число светильников в ряду определяется по формуле:

M=N/m,M=6/2 = 3 шт.

Суммарная длина светильников в ряду - / свМ, учитывая, что

Lcb= [1л+ (0,05-0,1)],(14)

где Lcb длина светильника, м;

1л длина лампы, м.

Lcb= 0,909 + 0,09 = 1 м.

Отсюда расстояние между светильниками в ряду определим к следующего соотношения:

Схема расположения светильников приведена на рисунке 19

1 - оконный проём; 2 - светильник; 3 - рабочий стол.

Вывод по проекту

Данный дипломный проект был создан в виде учебного пособия, реализован в виде сайта (электронного учебника). В электронном учебнике рассмотрено, что такое персональный сайт, в чем его основные причины создания, какова его структура, что должно быть в содержании. Далее проанализировал пример двух персональных сайтов, Так же привёл пример своего персонального сайта, проанализировав его, как и предыдущие сайты. В заключении были составлены контрольные вопросы по данной теме. Теперь с помощью сайта студентам и другим пользователям будет легко понять, что такое персональный сайт.

На сайте представлена не только теория относительно данной темы, но еще изображения, поэтому пользователям будет более понятна информация в электронном учебнике.

В ходе разработки данного сайта я использовал язык разметки гипертекста (HTML) и каскадные таблицы стилей (CSS).

Список используемых источников

1. Артемий Ломов год издания: учебник 2010 Создание сайта: HTML, CSS, СКРИПТЫ.

2. А. Гончаров. Год выпуска: 2010 «Самоучитель HTML»

3. Ирина Черепанова. Год выпуска: 2010 Информация о учебнике «Учебник по системе uCoz. Создание сайта».

4. Т. Немцова, Ю. Назарова год издания: учебник 2011 Как сделать сайт самостоятельно: Практикум по информатике.

Список используемых сайтов:

5. http://www.jimcarrey.com/

6. http://www.maslov.msk.ru/

Страница:

дипломная работа "Создание персонального сайта" скачать

Подобные документы

Создание сайта "Кафедра физического воспитания"
Выбор инструментальных и программных средств для создания сайта. Структура программного продукта. Создание сайта при помощи программы WordPress. Тестирование разработанной программы. Разработка структуры и дизайна сайта. Наполнение сайта контентом.

курсовая работа [1,0 M], добавлен 09.01.2014
Разработка Web-сайта типографии
Определение назначения и функций Web-сайта типографии. Характеристика целевой аудитории. Выбор средств разработки и элементов структуры сайта, описание его содержания и анимационных компонентов. Организация доступа к данным, порядок тестирования проекта.

курсовая работа [2,2 M], добавлен 13.01.2013
Создание сайта
Выбор и описание программных средств и среды разработки реализации сайта, требования к их функциональности. Концепция и содержание веб-сайта, его детальная концепция и внутренняя структур, дизайн. Технические и программные требования при разработке.

курсовая работа [3,7 M], добавлен 19.11.2015
Создание web-сайта
Разработка общей структуры проектируемого сайта. Выбор программных и аппаратных средств для реализации поставленной задачи. Описание дизайна будущего сайта. Рассмотрение основ регистрации, правил построения программной и эксплуатационной документации.

курсовая работа [5,3 M], добавлен 31.07.2014
Создание сайта учителя в системе uCoz
Проектирование сайта учителя в системе Ucoz с учетом особенностей педагогической деятельности. Обновление и пополнение содержимого сайта. Регистрация пользователей. Настройка дизайна и выбор модулей для сайта. Создание меню и наполнение сайта контентом.

курсовая работа [2,1 M], добавлен 14.06.2014
Создание web-сайта для организации, занимающейся обслуживанием бухгалтерских программ
Разработка структуры базы данных сайта. Установка и настройка требуемого программного обеспечения. Анализ интерфейса программы. Создание формы обратной связи. Формирование дизайна, соответствующего требованиям заказчика. Выбор методики тестирования.

дипломная работа [2,0 M], добавлен 22.03.2018
Создание оригинал-макета сайта
Рассмотрение основных этапов создания сайта. Использование вайрфреймов как документации по проекту. Использование мокапа и структура навигации сайта. Правильный выбор цветов для проекта. Использование модульной сетки и разработка дизайна сайта.

презентация [2,8 M], добавлен 01.09.2019
Разработка сайта школы
Выбор сред разработки для реализации сайта. Основная концепция и содержание веб-сайта. Роль дизайна сайта в его создании и определение основных требований к его содержанию и внешнему виду. Особенности разработки удобного и красивого интерфейса сайта.

курсовая работа [686,4 K], добавлен 13.06.2022
Создание локальной версии Web-сайта компании
Создание локальной версии Web-сайта компании, оказывающей услуги в сфере "Дизайн помещений". Логическая структура сайта – набор тематических рубрик с распределенными по разделам документами. HTML–коды Web-страниц. Теоретические аспекты создания сайта.

курсовая работа [94,0 K], добавлен 10.05.2011
Создание информационно-развлекательного сайта Шахтинской Открытой Лиги КВН "Шаолинь"
Методы создания сайта; выбор и сравнение программных платформ. Разработка структуры и дизайна сайта. Установка Joomla!, настройка расширений и выбор хостинга. Аппаратно-программные способы и средства обеспечения информационной безопасности веб-сайта.

дипломная работа [3,6 M], добавлен 08.04.2014

Другие документы, подобные "Создание персонального сайта"

весь список подобных работ

скачать работу можно здесь

сколько стоит заказать работу?

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.