Rambler's Top100
, : |

! : http://dreamweaver.net.ru/new-forum/

| FAQ | | |

фон макета поменять
.  1, 2
 
  ,         .     ,        .     Форум Macromedia Dreamweaver -> Работа с Dreamweaver
 
zedart
Новичок

Новичок


: 26

: 09.04.2013
: 9

: 27, 2013 3:01 pm     :

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

Знакомый


: 40

: 07.03.2012
: 88
: Греция, о. Крит

: 27, 2013 4:53 pm     :

:
мета теги нужны что бы твой сайт находили ?

И Да и Нет.
Это сейчас спорный вопрос. Раньше мета теги нужны были именно для этого, но потом Люди стали злоупотреблять и писать там то, чего нет на сайте.
Человек в результатах поиска видит нужное ему описание, переходит на сайт - а там совсем другое. А посещение посчиталось.

Сейчас ситуация совсем другая. Хотя, Nigma, Google, Yandex, Mail, Rambler, (и многие другие поисковые системы) еще сами не знают, что делать с мета тегами. Совсем от них, официально, они не отказались, Но из опыта могу сказать, что поисковики НЕ используют мета теги. Они берут информацию из тега <titel> и из тегов заголовков <h1>,<h2>,<h3> и еще из любого параграфа со странице путем случайного выбора. И это подтверждено на практике и из моего опыта.
Пока официального отказа от мета тегов нет - пусть тогда будут. Хоть и занимают место на странице, Но у меня пока нет свободного сайта, что бы поэкспериментировать.
Бывают такие непонятные вещи, что понять логику поисковиков не представляется возможным. Особенно Google. К примеру (тоже из опыта) в разделе веб мастеров в Google был сайт, сайт был не правильный. После смены Администратора и перехода сайта под наше обслуживание - сайт еще долго, долго был в архивах Google со старым дизайном и с неправильным описанием. Даже через 6 месяцев в этом разделе Google выдавал ошибки поиска некоторых страниц, которых уже давно не было. Сайт был удален из этого раздела и был полностью удален с хостинга на 3 месяца. После чего мы его вернули и сейчас все работает правильно.

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

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

http://dreamweaver.net.ru/forum/viewtopic.php?t=2395&highlight=

А еще первым было меню и в ранних результатах просто перечислялись пункты меню, вместо описания сайта.

Данный метод я разработал сам и он работает. Хоть это и называется эксклюзивом, но я говорю об этом открыто. Т.к. работать в красивом интернете гораздо приятнее, чем на помойке. Хотя если посмотреть на нынешние сайты - 90% помойка и людям нравится. Mad

Давайте вместе делать интернет красивым, приятным и удобным для работы!

Сейчас подправлю скрины в той статье и они тоже будут работать.
____________________________________________________________________

:
, а сами мета теги не отображаются в браузере я правильно понял ?

Да, верно это служебная информация и на странице ее не видно.

В следующем сообщении продолжу.
Александер
Знакомый

Знакомый


: 40

: 07.03.2012
: 88
: Греция, о. Крит

: 27, 2013 7:09 pm     :

Продолжим...
:
слева картинка справа через флоат обтекает её текст, как тексту сделать отступ влево, а то если применяешь к тексту отступы и картинка тогда отступает

Все просто, нужно отступ делать не для текста, а для картинки. Если мы не хотим, что бы текст прилипал к картинке. А если делать другой отступ для текста, то картинку не вкладывать в тег с отступом. Вот как-то так.
Вот примеры в скринах и с исходным кодом.
Здесь просто картинка и текст без оформления.

http://www.alexander519151.ru/Admin/pic39.png

исходный код

http://www.alexander519151.ru/Admin/pic40.png

Далее...
прописываем свойства в css (до этого css был пустой)
:

body {
margin:0;
padding:0;

font-family:Verdana, sans-serif;
font-size:10px;
color: #000;
text-align:justify;
}

p {
text-indent:20px;
margin-left:10px;
margin-right:10px;
color:#000080;
}

.float_left {
float:left;
}

вот скрин

http://www.alexander519151.ru/Admin/pic41.png

как видим текст прилипает к картинке а картинка к краю страницы, а текст от края страницы на 10px; и с красной строки.
Все правильно, так мы пока и указали. Для параграфа отступ в 10px; слева и справа. На пути стоит картинка размером в 204px; поэтому текст начинается сразу после картинки обтекая ее справа. Если мы укажем отступ для текста слева в 214px; то у нас весь текст будет начинаться с отступом в 214px;

http://www.alexander519151.ru/Admin/pic42.png

а нам нужно, что бы текст обтекал картинку и не прилипал к ней.
---отступление---
мы видим в теге body цвет тексто черный, а в теге p цвет синий. Как я и говорил используется то, что ближе к элементу, остальное (если не пересекается) унаследуется.
--------------------
Далее...
создаем новый класс (.novyi_klass) а лучше назвать его правильно, что бы знать и не запоминать его свойства.
поэтому назовем его (.float_left) обязательно с точки. Если на всем сайте будет одинаковый дизайн, то этого достаточно, если будут разные отступы, то (.float_left_margin10) Сразу видно, какие свойства будут применяться.
Точнее этот класс у нас есть, просто дописываем margin10px;
:

.float_left {
float:left;
margin:10px;
}


присваиваем этот класс к картинке
<img src="/img/temp3.jpg" alt="temp3" width="201" height="240" class="float_left">

получается:

http://www.alexander519151.ru/Admin/pic43.png

картинка не в теге <p>, выравнивание влево, текст обтекает справа и не прилипает к картинки.

Можно рамку картинке нарисовать:
для этого добавим в имя класса (.float) свойства рамки.
:

.float_left {
float:left;
margin:10px;
border:ridge 12px;
border-color:#FFF;
border-radius:7px;
}


рамка:стиль размер;
цвет
радиус

получается:

http://www.alexander519151.ru/Admin/pic44.png

Все.
Возникает вопрос: "зачем прописывать в теге body отступы в ноль, если мы потом указываем их в 10px; ?"
ответ простой. К примеру у нас есть footer в рамке. С отступами он будет смотреться некрасиво, а в плотную к краю страницы красиво.
Тем более в разных случаях мы будем использовать разные отступы.
Вот скрин footer'a

http://www.alexander519151.ru/Admin/pic45.png

Но если мы хотим использовать тень, то нам нужны отступы на размер тени

http://www.alexander519151.ru/Admin/pic46.png

Вроде как все.

Да и к Администратору сайта:
У Вас очень хорошо сделано поле для написания комментария, можно растягивать. Это очень удобно.

С Уважением Александр.
Александер
Знакомый

Знакомый


: 40

: 07.03.2012
: 88
: Греция, о. Крит

: 28, 2013 4:12 pm     :

Есть еще дополнение. Все изложил вот здесь.

http://dreamweaver.net.ru/forum/viewtopic.php?p=11732#11732
zedart
Новичок

Новичок


: 26

: 09.04.2013
: 9

: 01, 2013 11:33 am     :

хочу сделать так что бы внизу с левого края была фраза и внизу с правого края была фраза, но эти фразы получаются на 1ой строчке,
и они идут друг за другом, а я хочу что бы слева по левому краю была а справа по правому и на 1ой строчке, возможно ли это ? типа такого:
фраза слева тут____________________________________________________фраза справа тут
и можно ли сделать что бы текст в определённых пикселях находился,
а то на 1ой страницы у меня текст начинается с большого шрифта а на другой с картинки и за счёт это у меня главная нижняя фраза не на 1ом уровне находится, а хочется что бы смотришь 1ну страницу открыл другую и там и там на 1ом уровне находились, а в моём случае она прыгает немного
Александер
Знакомый

Знакомый


: 40

: 07.03.2012
: 88
: Греция, о. Крит

: 01, 2013 1:42 pm     :

:
хочу сделать так что бы внизу с левого края была фраза и внизу с правого края была фраза, но эти фразы получаются на 1ой строчке,
и они идут друг за другом, а я хочу что бы слева по левому краю была а справа по правому и на 1ой строчке, возможно ли это ? типа такого:
фраза слева тут____________________________________________________фраза справа тут


Есть два варианта:
Табличная верстка и блоками с указанием стилей.

В таблице:

Я так понял, что есть какой-то текст и нужно сделать либо в конце
фраза слева тут____________________________________________________фраза справа тут

В нужном месте вставляете таблицу одна строка, 2 столбца.
Размер таблицы указываете 100%
Выравнивание по центру.
В левой ячейке выравнивание по левому краю
В правой ячейке выравнивание по правому краю.

:
Код html:
<table width="100%">
<tr>
<td align="left">
<p>Судья</p>
</td>
<td align="right">
<p>Ю. А. Пузаненков</p>
</td>
</tr>
</table>


на скрине:

http://www.alexander519151.ru/Admin/pic49.png

Второй вариант, блоками.

Код html:
<div class="float_left">Текст слева</div>
<div class="float_right">Текст справа</div>
<h3>Здесь текст заголовка страницы</h3>
<br><br><br>
<p>Здесь основной текст</p>

Код css:
.float_left {
float:left;
margin:30px;
}

.float_right {
float:right;
margin:30px;
}

Это два параметра которые нам знакомы и указывающие на выравнивание.
В результате текст будет на одной строке. Отступами можно задать нужное расположение.
Теги <br> здесь я сделал для отступа от наших элементов.

вот без тега переноса

http://www.alexander519151.ru/Admin/pic49.png

вот с тегами переноса

http://www.alexander519151.ru/Admin/pic50.png

Остальное оформление (размер шрифта, отступы и т.д.) делаем по своему желанию.

Ответ на вторую часть вопроса, далее...
Александер
Знакомый

Знакомый


: 40

: 07.03.2012
: 88
: Греция, о. Крит

: 01, 2013 1:45 pm     :

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


Мне нужен код. Я вам исправлю с пояснениями.

С Уважением Александр.
zedart
Новичок

Новичок


: 26

: 09.04.2013
: 9

: 11, 2013 1:12 pm     :

http://yadi.sk/d/dctABuW74itrE
вот он, там ещё рисунок есть в котором я не пойму почему текст отступ от флоата не делает, приходится во флоате писать отступ справа, ну на скрине есть проблема, но главное хочу узнать, как расположить див внизу справа на всех страницах одинаково а то он прыгает в зависимости от количество знаком на странице
Александер
Знакомый

Знакомый


: 40

: 07.03.2012
: 88
: Греция, о. Крит

: 11, 2013 3:58 pm     :

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

Кажется понял.
Смотрите: Данный текст идет как (название страницы, как заголовок) Соответственно на одной странице будет "НАЗВАНИЕ 1" на другой странице "НАЗВАНИЕ 2" и т.д.
Где-то есть картинка, где-то нет.
Нужно что бы данный текст был заголовком. Можно сделать его заголовком первого уровня <h1>НАЗВАНИЕ 1</h1> и только потом располагаются все остальные элементы.
В таком случае, данный текст, всегда будет на одном месте на странице.
Т.е. на всех страницах он будет одного размера и всегда первым.
Еще нужно немного переопределить стиль в css

Начнем с css Нужно перенести все стили со страницы и из других css в один файл css.
Добавим определение заголовков и получим полностью готовый css копируем текст от сюда и вставляем в новый файл с названием main.css или с любым другим названием (как Вам больше нравится (но не забудьте тогда поменять и в подключении см. дальше)) сохраняем в папке css
код css:
html, body {
margin:0;
padding:0;
height:100%;
}

body {
background-image: url(../img/kosmos-ognennyj-bozhestvennyj-cvetok.jpg);
background-size:cover; /*этот параметр пропорционально увеличивает фоновую картинку заполняя все окно браузера.
использовать осторожно, если много контента на странице*/
}

h1, h2, h3, h4, h5, h6 {
font-family:"Times New Roman";
text-align:center;
}

.style6 {
font-size: 40px;
font-style: italic;
font-weight: bold;
color: #CCCCCC;
padding-left: 20px;
}
.style7 {
font-size: 24px;
color: #CCCCCC;
}
a:link {
text-decoration: none;
color: #CCCCCC;
} a:visited {color:#FFFFFF}

.lfloat
{float:left;
margin-right:10px; }

.right {

}
#right
{float:right;
color:#CCCCCC;
font-size:40px;
valign:bottom;
font-style:italic;}

Далее строка подключения нашей таблицы css

Следующий код вставляем в документ html между тегами <head></head>
<link href="/css/main.css" rel="stylesheet" type="text/css">

Далее сам документ html
</head>
<body>
<h1>НАЗВАНИЕ 1</h1>
Здесь все остальное содержимое (картинки, текст в параграфах и т.д.)

Вот полностью код (копируем от сюда и вставляем в документ html)
<!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>
<link href="/css/main.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1>НАЗВАНИЕ 1</h1>
<p class="style6">ТекстТекстТекстТекст.</p>
<p><img src="/img/temp9.jpg" width="201" height="240" class="lfloat" /></p>
<p></p>
<p class="style8">ТекстоТексткстытать мы...</p>
<p>&nbsp;</p>
<div id="right">
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>...ТекстТекст</p>
</div>
</body>
</html>
____________________________________________________________________

Переделал еще и кодировку для поддержки кириллицы (русских символов)

Документ сделан на XHTML 1.0 Transitional.
Скажите, Вы сами код пишите или делаете сайт на CMS?

Вот как он будет в html5 по новым стандартам.
<!DOCTYPE html>
<html>
<head>
<meta charset="windows-1251">
<title>Документ без названия</title>
<link href="/css/main.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1>НАЗВАНИЕ 1</h1>
<p class="style6">ТекстТекстТекстТекст.</p>
<p><img src="/img/temp9.jpg" width="201" height="240" class="lfloat"></p>
<p></p>
<p class="стиль8">ТекстоТексткстытать мы...</p>
<p>&nbsp;</p>
<div id="right">
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>...ТекстТекст</p>
</div>

</body>

</html>

Все стили указываем в одной таблице css. Не создаем их на странице.
Избегаем не нужной вложенности тегов. Если это не единственный вариант.
Присвоить класс или ID можно любому тегу

Еще удалил вложенные теги. Не нужно использовать <p><span></span></p> Нужно либо <p></p> либо <span></span>

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

Точно нельзя использовать пробелы в именах файлов float left нужно float_left.
И регистр имеет значение названия файлов Float_left и float_left разные.

Это на локальном сервере и в Windows не имеет значения, а на серверах в интернете стоят Unix-системы и для них регистр имеет значение.
________________________________________________________________

По поводу отступов.
Вы все правильно сделали указав отступ от картинки добавив свойство margin.
Если указывать margin-left или margin-right для текста, это считается от края окна. А на пути стоит картинка со свойством float и текст ее обтекает и возвращается к краю страницы (там и там у нас указаны нужные отступы)
________________________________________________________________

По поводу footer'a что бы он всегда был по нижнему краю это проблема, Сам не знаю как решить. Я просто ставлю много <br> там где мало контента.

Иначе footer начинается сразу после конца содержимого и если его мало, то чуть ниже середины на мониторе. Не красиво. Приходится каждую страницу удлинять с помощью <br>

Если что-то забыл или не объяснил - скажите.
И если будут еще вопросы - задавайте.
zedart
Новичок

Новичок


: 26

: 09.04.2013
: 9

: 12, 2013 4:01 pm     :

сделал таблицу, в таблице есть картинка, хочу что бы картинка отступала от краёв таблицы на 10 пкс, создал стиль, в стиле прописал margin:10px; , применил к картинке всё норм, всё работает, а как ещё margin задействовать не через стиль а через :
<img src="img/chardg.jpg" alt="charge" width="125" height="140" />
реально что нить суда прописать что бы маржин сработал, или можно ли, в <td width="145" height="164"> табличных свойствах??
то есть вопрос в следующем: знаю как маржин в стилях прописывается и знаю как работает, но можно ли его не в стилях прописывать, а в определённых случаях, например к картинке <img src="img/chardg.jpg" alt="charge" width="125" height="140" />,
мне главное узнать не как маржин работает, а как применять параметры в нужный момент не прикрепляя стили ? или только в стиль засовывать и всё ? или может не стоит так глубоко углублять и использовать стили не забивая голову ?
Александер
Знакомый

Знакомый


: 40

: 07.03.2012
: 88
: Греция, о. Крит

: 12, 2013 4:27 pm     :

margin это свойство css.
что касается таблицы, здесь вот:
<table width="100" border="1" cellspacing="5" cellpadding="10">
рамка вокруг всей таблицы 1px;
расстояние между ячейками 5px;
расстояние внутри ячейка, т.е. от ее краев 10px;

Тем самым, если у Вас какая-то галерея, из 10-20-30 фотографий, то можно расположить каждую картинку в ячейку, т.е все фото в таблицу. И указать расстояния. Нормально получается, когда расстояние между ячейками 5px; 7px; Получаются толстые перемычки в таблице, а из-за расстояния внутри ячейки, получаются нормальные отступу. Тот же самый margin

а как ещё margin задействовать не через стиль а через :
<img src="img/chardg.jpg" alt="charge" width="125" height="140" />


Не знаю, только если в таблице. Т.к. в html нет margin.

или может не стоит так глубоко углублять

Почему бы и нет, этим самым Вы больше узнаете.

Можно даже и одну картинку в таблицу поместить указав нужные расстояния.
:   
  ,         .     ,        .     Форум Macromedia Dreamweaver -> Работа с Dreamweaver : GMT + 2
.  1, 2
2 2

 


Powered by phpBB © 2001, 2005 phpBB Group
phpBB


/ : 134306 / 0

Rambler's Top100 @Mail.ru