Главная Заказать статью Связь с автором Заказать сайт Статьи Сказать спасибо

Продолжаем работу над сайтом в Adobe Dreamweaver CS3

Первым делом сделаем наш сайт "по центру", для этого пишем открывающий тег <center> после открывающего тега <body>, и закрывающий тег </center> перед закрывающим </body> т. е. вот так

<html>
<head>
<title>Все о компьютерах</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<table width="750" height="750" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/index_01.jpg" width="177" height="87" alt=""></td>
<td>
<img src="images/index_02.jpg" width="359" height="87" alt=""></td>
<td>
<img src="images/index_03.jpg" width="214" height="87" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_04.jpg" width="177" height="101" alt=""></td>
<td>
<img src="images/index_05.jpg" width="359" height="101" alt=""></td>
<td>
<img src="images/index_06.jpg" width="214" height="101" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/index_07.jpg" width="750" height="517" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/index_08.jpg" width="750" height="45" alt=""></td>
</tr>
</table>
</center>
</body>
</html>

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

Вот собственно наша ячейка <td colspan="3"> и сама картинка <img src="images/index_07.jpg" width="750" height="517" alt="">, которую мы собираемся удалить. Делаем так: вписываем в ячейку размеры нашей картинки <td colspan="3" width="750" height="517"> и теперь код изображения смело удаляем <img src="images/index_07.jpg" width="750" height="517" alt="">. Теперь код у нас будет выглядеть следующим образом

<html>
<head>
<title>Все о компьютерах</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<table width="750" height="750" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/index_01.jpg" width="177" height="87" alt=""></td>
<td>
<img src="images/index_02.jpg" width="359" height="87" alt=""></td>
<td>
<img src="images/index_03.jpg" width="214" height="87" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_04.jpg" width="177" height="101" alt=""></td>
<td>
<img src="images/index_05.jpg" width="359" height="101" alt=""></td>
<td>
<img src="images/index_06.jpg" width="214" height="101" alt=""></td>
</tr>
<tr>
<td colspan="3" width="750" height="517"></td>
</tr>
<tr>
<td colspan="3">
<img src="images/index_08.jpg" width="750" height="45" alt=""></td>
</tr>
</table>
</center>
</body>
</html>

return_links(1); ?>

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

Далее

Уроки по созданию дизайна сайта в Photoshop
Добавление картинки в дизайн сайта
Добавление второго изображения в дизайн нашего сайта
Усложнение дизайна сайта добавлением картинки
Изменение контрастности изображения. Работа с текстом
Нарезка готового дизайна сайта в Photoshop
Доработка сайта в Adobe Dreamweaver CS3 после нарезки дизайна в фотошопе
Продолжаем работу над сайтом в Adobe Dreamweaver CS3
Дорабатываем html-код сайта в Adobe Dreamweaver CS3
Доработка сайта в Dreamweaver - добавление колонки меню
Резиновый дизайн - заканчиваем работу над сайтом в Dreamweaver
Чтобы дизайн сайта не разъехался в google chrome и safari
Жесткий дизайн сайта
Добавляем независимую таблицу в код - создаем бордюры
Убираем ненужные параметры
Добавление бэкграунда в бордюры сайта
Не отображается бэкграунд в пустой ячейке таблицы

return_links(); ?>



cubass - копирайтер на TextSale.ru Рейтинг@Mail.ru Rambler's Top100 PR-CY.ru

© 2009-2012 Все права защищены www.baxtop.ru | Копирование материалов сайта без обратной гиперссылки на первоисточник ЗАПРЕЩАЕТСЯ!!!