Помогите освоить Adobe Dreamweaver CS5

Статус
Закрыто для дальнейших ответов.
Night Man

Night Man

Well-Known Member
Регистрация
16.10.2010
Сообщения
46
Всем доброго времени суток!

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

Посоветовали использовать Adobe Dreamweaver, но только вот теперь этот человек в "асе" не появляется и спросить не кого...
вот набрел на ваш форум - решил спросить - может образумите...

споткнулся уже в самом начале:
начал делать на основе таблицы (как в своей книге Adobe Dreamweaver CS4. Видеокнига рекомендовал тов.Мишенев А. И.)

1. на приложенном снимке с экрана видно, что фоновое изображение поставилось, а когда просматриваю в обозревателе - его там нет....
куда оно девается, по чему не прорисовывается?
2. от куда берутся отступы (на рис 2) как с ними бороться?
3. не пойму как положить фоновое изображение на отдельную ячейку...(или на несколько) - хочу на правую сторону - ту, что сейчас бежевая - положить текстуру?


свойства таблицы на рис 3:

заранее спасибо...
 

Вложения

tigra60

tigra60

Спасатель
Регистрация
10.12.2009
Сообщения
1 990
Скорее всего, это отступы по-умолчанию для BODY, хотя не видя код ничего нельзя сказать определенно.

Хотите два добрых совета?
1. Дримвьювер используйте только для написания кода (очень удобный и мощный инструмент, сам пользуюсь). А режим дизайна используйте только в исключительных случаях, например, для заполнения большой таблицы или списка. И уж никогда - для вставки картинок.
2. Гибрид этот - видеокнигу - выбросьте на помойку.
Доставило как аффтар с апломбом бывалого сеошника заявляет "Размещение баннеров может существенно спосбствовать увеличению посещаемости вашего сайта".

Про дримвьювер хорошо пишет Дронов. Поищите его книги.
 
Night Man

Night Man

Well-Known Member
Регистрация
16.10.2010
Сообщения
46
Вот код:

Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Сайт фотографа Беркутова Евгения</title>
<style type="text/css">
body,td,th {
	font-family: Georgia, "Times New Roman", Times, serif;
}
body {
	background-image: url();
	background-repeat: repeat;
}
.Меню {
	color: #FFF;
}
.Меню ul li {
	color: #FF8000;
}
a {
	font-size: 16px;
	color: #FF8000;
	font-weight: bold;
}
</style>
</head>

<body background="/Images/BackGraund_02.jpg">
<table width="100%" border="0" align="center" cellspacing="0">
  <tr>
    <td width="10" height="10">&nbsp;</td>
    <td width="270" height="10">&nbsp;</td>
    <td width="10" height="10">&nbsp;</td>
    <td width="10" height="10" bgcolor="#F3F3E4">&nbsp;</td>
    <td height="10" bgcolor="#F3F3E4">&nbsp;</td>
    <td width="10" height="10" bgcolor="#F3F3E4">&nbsp;</td>
  </tr>
  <tr>
    <td width="10">&nbsp;</td>
    <td width="270" height="180">&nbsp;</td>
    <td width="10">&nbsp;</td>
    <td width="10" bgcolor="#F3F3E4">&nbsp;</td>
    <td rowspan="3" align="center" bgcolor="#F3F3E4">автор</td>
    <td width="10" bgcolor="#F3F3E4">&nbsp;</td>
  </tr>
  <tr>
    <td width="10">&nbsp;</td>
    <td width="270">&nbsp;</td>
    <td width="10">&nbsp;</td>
    <td width="10" bgcolor="#F3F3E4">&nbsp;</td>
    <td width="10" bgcolor="#F3F3E4">&nbsp;</td>
  </tr>
  <tr>
    <td width="10">&nbsp;</td>
    <td width="270" align="left" valign="top" class="Меню"><ul>
      <li><strong>Фотографии
        </strong>
        <ul>
          <li><strong>галерея 1</strong></li>
          <li><strong>галерея 2</strong></li>
          <li><strong>галерея 3</strong></li>
          <li><strong>галерея 4</strong></li>
          <li><strong>галерея 5</strong></li>
        </ul>
      </li>
      <li><strong>Информция
        </strong>
        <ul>
          <li><a href="/konakt.html" target="_self">услуги</a></li>
          <li><a href="/konakt.html">контакты</a></li>
          <li><strong>об авторе</strong></li>
        </ul>
      </li>
      <li><strong>Блог</strong></li>
    </ul>    </td>
    <td width="10">&nbsp;</td>
    <td width="10" bgcolor="#F3F3E4">&nbsp;</td>
    <td width="10" bgcolor="#F3F3E4">&nbsp;</td>
  </tr>
  <tr>
    <td height="20" colspan="6" align="center" valign="middle" bgcolor="#0033FF"><strong>&copy; Copyright 2005-2010. All Rights Reserved.</strong></td>
  </tr>
</table>
</body>
</html>
вот здесь, так сказать тестовая площадка... http://www.iso25.narod.ru/ (- там где сейчас просто фотография - хочу слайд шоу, как это делать еще себе слабо представляю (думаю флэш анимация?)..., сначала надо разобраться со страницами...)

тут по ходу дела, еще появляются глупые вопросы.... на свежую голову постараюсь сформулировать...

P.S.
---------------------
С отступами разобрался методом научного тыка....



Ухудшил по качеству фоновое изображение (сжатие Jpeg снизил до 4)- встало..... Не думал, что от этого фоновая картинка может не прорисовываться....

остался не решенный вопрос (3)...

3. не пойму как положить фоновое изображение на отдельную ячейку...(или на несколько) - хочу на правую сторону - ту, что сейчас бежевая - положить текстуру?

Вот еще вопрос:
как сказал выше начал делать страницу на основе таблицы.... (ни чего сложного не надо - несколько ячеек и все...)

с шириной в 100% все ясно (в дриме в свойствах таблицы можно указать ширину)
а вот хочется и высоту в 100% экрана, но там такой функции не нашел....

написал в коде <table width="100%" height="100%" border="0" align="center" cellspacing="0">

но почему то на 100% по высоте страница не разворачивается?
что я не так указал?
 

Вложения

tigra60

tigra60

Спасатель
Регистрация
10.12.2009
Сообщения
1 990
написал в коде <table width="100%" height="100%" border="0" align="center" cellspacing="0">

но почему то на 100% по высоте страница не разворачивается?
что я не так указал?
Нажмите, чтобы раскрыть...
Вы указали несуществующий атрибут height.
Так просто страницу на всю высоту не развернуть.

Бросайте табличную верстку! Забудьте! Нет такого способа верстки. И бросьте попытки визуального создания сайта в дримвьювере!
Путь которым Вы идете - путь в никуда. Я могу понять верстальщиков, которые начинали работать до появления CSS. Но Вы ведь только начинаете!
У Вас есть два разумных пути:
1. Учиться последовательно, от простого к сложному.
2. Взять (купить, украсть, скачать бесплатно, ...) готовый скрипт галереи.
 
Night Man

Night Man

Well-Known Member
Регистрация
16.10.2010
Сообщения
46
tigra60 сказал(а):
Я могу понять верстальщиков, которые начинали работать до появления CSS. Но Вы ведь только начинаете!
У Вас есть два разумных пути:
1. Учиться последовательно, от простого к сложному.
Нажмите, чтобы раскрыть...

как я говорил выше свой первый сайт я делал во FrontPage (finephotography.narod.ru - это был 2005 год, не могу сказать что он мне сильно нравится хоть его я и несколько раз дорабатывал, да и запросов у меня тогда было меньше... да и размеры таблиц устанавливал фиксированные, а вот теперь хочется плавающие... да и с нормальной галереей...)...

Там тоже (согласно учебника - по офису 2003) использовал табличную верстку...
а тут попалась книга Мишнева (которую вы посоветовали выкинуть...) где автор он склонялся к использованию таблиц....

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

tigra60

Спасатель
Регистрация
10.12.2009
Сообщения
1 990
Тогда последовательно изучаем:

Книги
1. Якоб Нильсен "Веб дизайн"
2. А. Ломов "HTML, CSS, скрипты. Практика создания сайтов"
3. В. Дронов "Дримвьювер 8" (Можно поискать этого же автора и про новые версии дрима, но в этой книге много полезного и не про дрим)
4. Дэвид Флэнаган "JavaScript. Подробное руководство"
5. Бер Бибо, Иегуда Кац "jQuery. Подробное руководство по продвинутому JavaScript"
6. М. Фленов "РНР глазами хакера"
В этой точке можно уже подумать о создании красивой и качественной фотогалереи с каталогизацией фото на основе БД.

Онлайн ресурсы для начала
Ководство Ломова (по дизайну и верстке) - это история без начала и конца, читаем периодически.
Для начинающих, есть видеоуроки
Можно использовать как справочник
w3 школа (на английском)
Ну, и , конечно, не забываем портал и форум вебмастеров.

Удачи!
 
Статус
Закрыто для дальнейших ответов.

Онлайн статистика

Пользователи онлайн
0
Гости онлайн
46
Всего посетителей
46
Общее число может включать скрытых пользователей.

Статистика форума

Темы
10 932
Сообщения
64 048
Пользователи
12 694
Новый пользователь
Digital Caramel

Новые пользователи

Поделиться этой страницей

Верх Низ