Индивидуальные задания. Разработать дизайн главной страницы сайта в соответствии с выбранной предметной областью.
Разработать дизайн главной страницы сайта в соответствии с выбранной предметной областью.
- Задание можно выполнять в Блокноте, Dreamweawer-е
- Создать новый проект (Dreamweawer) или папку MyProject, добавив файл index.html (текст приведен ниже) и папки css и image (для изображений, которые будут использованы при оформлении главной страницы сайта), в папку css поместить файл style.css
- В файл index.html записать следующий код:
Файл index.html
<html>
<head>
<title>my site</title>
<link href="css/style.css" type="text/css" media="all" rel="stylesheet" />
</head>
<body>
<div class="center">
<div class="header">
my site
</div>
<div class="header">
my div
</div>
my div
</div>
</body>
</html>
- В файл style.css записать код:
.header
{
border:1px solid #000000;
width:200px;
height:50px;
float:left;
}
.center
{
width:600px;
background:#ffffff;
margin:0px auto;
}
body
{
background:gray;
}
- Пройти все пункты лабораторной работы, добавляя блоки в файл index.html, а стили к ним – в файл style.css.
- Содержимое блоков должно соответствовать согласованной с преподавателем предметной области.
Дата добавления: 2015-03-11; просмотров: 715;