-->
Компьютерный центр
                                                              
Главная | WEB - прграммирование. (x)HTML, CSS, PHP, Perl. - Страница 6 - Форум | Регистрация | Вход
    
Диатомовская
школа
Инзенская средняя общеобразовательная школа № 2
 
  Среда, 15 Июл 26, 23:08

Приветствую Вас Гость | RSS

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Модератор форума: admin, Dominator  
WEB - прграммирование. (x)HTML, CSS, PHP, Perl.
DominatorДата: Вторник, 25 Дек 07, 18:13 | Сообщение # 76
ученик
Группа: Модераторы
Сообщений: 179
Статус: Offline
Quote (VB)
Давай ты макет сделаешь, а то у меня могут возникнуть проблемы с боковыми блоками... точнее с их позиционированием.

Ладно. Будет сделано где-то через 2-3 дня.


 
VBДата: Вторник, 25 Дек 07, 18:41 | Сообщение # 77
Лейтенант
Группа: Пользователи
Сообщений: 75
Статус: Offline
Договорились.
Какие разделы включим?
 
DominatorДата: Вторник, 25 Дек 07, 21:11 | Сообщение # 78
ученик
Группа: Модераторы
Сообщений: 179
Статус: Offline
Quote (VB)
Договорились.
Какие разделы включим?

Давай сначала макет сделаем а потом подумаем насчет разделов.
Ну можешь пока сам попридумывать просто у меня сейчас уже котелок на ночь глядя не варит=)


 
DominatorДата: Среда, 26 Дек 07, 15:45 | Сообщение # 79
ученик
Группа: Модераторы
Сообщений: 179
Статус: Offline
VB, все, готово.
Прикрепления: maket.htm (7.9 Kb)


 
VBДата: Среда, 26 Дек 07, 19:08 | Сообщение # 80
Лейтенант
Группа: Пользователи
Сообщений: 75
Статус: Offline
Quote
котелок на ночь глядя не варит=)

У меня тоже вечером котелок плохо работает smile Но вечером я делаю просто удивительные вещи smile

Добавлено (26 Дек 07, 17:23)
---------------------------------------------
Хм...
а зачем три блока ссылок слева?

Вот этот код Ссылка<br>Ссылка<br>Ссылка<br>Ссылка<br>Ссылка<br>
лучше заменить на
<div id="Link">Ссылка</div>
<div id="Link">Ссылка</div>
<div id="Link">Ссылка</div>
<div id="Link">Ссылка</div>

Делаем таблицу стилей
#Link{This style
}
Это слелает код более гибким.

Добавлено (26 Дек 07, 17:24)
---------------------------------------------
W3C не рекомендует тег <p></p>

Добавлено (26 Дек 07, 17:26)
---------------------------------------------
Еще нужен блок под баннеры

Добавлено (26 Дек 07, 18:46)
---------------------------------------------
Вот, мой шаблон.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD ХHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/xhtml1-strict.dtd">
<html>
<head>
<style type="text/css">
body{background-color: #c0c0c0
}
#logo{background-color: #c0c0c0; margin: 10px
}
#LeftBlock{float: left;
background-color: "";
margin: 10px 0px 0px 5px;
width: 16%;
}
#CenterBlock{float: right;
clear: right;
background-color: #e0e0e0;
width: 82%;
margin: 10px 10px 0px 5px;
border-style: solid; border-color: black;
border-width: 1px;
}
#navigate{background-color: #5522ee;
padding: 5px;
margin: 0px 5px 5px 0px;
border: 2px;
border-style: solid;
border-color: black;
}
#TitleNavigate{
background-color: #6655ff;
margin: -5px -5px 0px -5px;
text-align: center;
border-style: solid;
border-width: 0px 0px 1px 0px;
}
#TitleContent{
background-color: green;
margin: 0px 0px 5px 0px;
text-align: center;

}
#Content{
background-color: #eeeeaa;
}
#BottomBlock{
background-color: red;
clear: both;
margin: 10px 10px 5px 5px;
}
</style>

</head>

<body>

<div id="logo">НАШЕ ВЕЛИКОЕ LOGO БУДЕТ ТУТ</div>

<div id="LeftBlock">
<div id="navigate">
<div id="TitleNavigate">Visual Basic</div>
<div id="link">Учебник</div>
<div id="link">Статьи</div>
<div id="link">Модули и классы</div>
<div id="link">Примеры</div>
</div>
<div id="navigate">
<div id="TitleNavigate">WEB дизаин</div>
<div id="link">HTML</div>
<div id="link">CSS</div>
<div id="link">JavaScript</div>
<div id="link">VBScript</div>
</div>
<div id="navigate">
<div id="TitleNavigate">Наши друзья</div>
<div id="link">Ссылка1</div>
<div id="link">Ссылка2</div>
<div id="link">Ссылка3</div>
<div id="link">Ссылка4</div>
<div id="link">Ссылка5</div>
</div>
</div>

<div id="CenterBlock">
<div id="TitleContent">ЗАГОЛОВОК СТРАНИЦЫ</div>
<div id="Content">
А здесь будет содержание страницы.
А здесь будет содержание страницы.
А здесь будет содержание страницы.
А здесь будет содержание страницы.
А здесь будет содержание страницы.
</div>
</div>
<div id="BottomBlock">
А здесь можно расположить подстрочные баннеры
</div>
</body>
</html>

Только с цветами нужно порботать smile

Добавлено (26 Дек 07, 19:08)
---------------------------------------------
Ну как?

 
DominatorДата: Среда, 26 Дек 07, 19:11 | Сообщение # 81
ученик
Группа: Модераторы
Сообщений: 179
Статус: Offline
Quote (VB)
W3C не рекомендует тег


Ну и пусть дальше не рекомендуют:)

Quote (VB)
Хм...
а зачем три блока ссылок слева?

Элемент дизайна

Quote (VB)
#Link{This style
}

Сам знаю я просто стили в теги добавил чтобы легче позиционировать было.
Потом бы мы все стили упрятали в файлик styles.css.
Quote (VB)
Вот этот код Ссылка
Ссылка
Ссылка
Ссылка
Ссылка

лучше заменить на




Повторюсь: я набирал на скорую руку, главное что я хотел сделать - просто показать тебе, как будут располагаться блоки.

И еще: можешь удалить тот макет, он был очень плохой, я сейчас делаю трехколончатый, он будет готов завтра.
Вот там будут учтены все рекомендации/правила и все подобное. Так что завтра жди: будет ЗАМЕЧАТЕЛЬНЫЙ макет!!!!


 
DominatorДата: Среда, 26 Дек 07, 19:12 | Сообщение # 82
ученик
Группа: Модераторы
Сообщений: 179
Статус: Offline
Quote (VB)
Ну как?

Все криво и некрасиво.... ИМХО


 
DominatorДата: Среда, 26 Дек 07, 19:13 | Сообщение # 83
ученик
Группа: Модераторы
Сообщений: 179
Статус: Offline
Quote (VB)
Еще нужен блок под баннеры

Все будет


 
VBДата: Среда, 26 Дек 07, 19:16 | Сообщение # 84
Лейтенант
Группа: Пользователи
Сообщений: 75
Статус: Offline
Будем ждать smile
 
DominatorДата: Среда, 26 Дек 07, 19:21 | Сообщение # 85
ученик
Группа: Модераторы
Сообщений: 179
Статус: Offline
Quote (VB)
Будем ждать

короче там header и footer будут в центральном блоке. Представить конечно такое трудно, но смотрится - отпад!
Еще вставим немножечко JavaScripts. Только немножко. Я их уже нашел. Так что будет прикольненький сцайтег!!


 
VBДата: Среда, 26 Дек 07, 19:22 | Сообщение # 86
Лейтенант
Группа: Пользователи
Сообщений: 75
Статус: Offline
Что за скрипты?
 
DominatorДата: Среда, 26 Дек 07, 19:24 | Сообщение # 87
ученик
Группа: Модераторы
Сообщений: 179
Статус: Offline
Вот посмотри картинку
Прикрепления: 4571757.gif (5.5 Kb)


 
DominatorДата: Среда, 26 Дек 07, 19:25 | Сообщение # 88
ученик
Группа: Модераторы
Сообщений: 179
Статус: Offline
Quote (VB)
Что за скрипты?

Не волнуйся, никаких снежинок и прчей чепухи. Только полезные вещи.
Кстати, можно не делать картинку-логотип, а сделать с помощью CSS.
Получается очень красиво.


 
VBДата: Среда, 26 Дек 07, 19:27 | Сообщение # 89
Лейтенант
Группа: Пользователи
Сообщений: 75
Статус: Offline
С помощью CSS красиво. Сам как-то делал.
 
DominatorДата: Среда, 26 Дек 07, 19:30 | Сообщение # 90
ученик
Группа: Модераторы
Сообщений: 179
Статус: Offline
Quote (VB)
С помощью CSS красиво. Сам как-то делал.

Да, фантазия хорошо в этот момент работает.

Но можно и нарисовать. Кода будет меньше, но не намного


 
Поиск:


Copyright MyCorp © 2026