Психология Интернет-Продаж - содержание

Часть №1

Часть №2

Часть №3

Часть №4

Часть №5

Часть №6

Часть №7

Microsoft Office Word

HTML с нуля

css с нуля

Статья 2. Как установить стили css для всех тегов параграфов <p>?Глобальное форматирование стилей css тегов параграфов <p>? Как установить стили css для тегов заголовков h? Как объединить стили параграфов <p> и заголовков <h2>?

Статья 1. Что такое каскадные таблицы стилей css? Как создать каскадную таблицу стилей css? Как подключить каскадную таблицу стилей css?

Статья 16. Что такое тег <div>? Как теги <div> используются для размещения текстов, изображений и ссылок на html странице? Тег <div> и стили css.

Статья 15. Что такое спецсимволы html? Как пишутся спецсимволы html?

Статья 14. Все об html таблицах. Что такое таблицы html, зачем они нужны, какие теги и атрибуты у таблиц html и многое другое

Каталог видео курсов

Заработок от uzeron.com

Каталог курсов - 2

Журналов в базе: 11
Статей в базе: 21
Комментариев в базе: 169

На сайте человек: 2

Статья 11. Как вставить картинку в HTML страничку? Как разместить в HTML картинку слева, справа, по центру? Текст по отношению к картинке и картинка - фон HTML странички.

Автор: Сергей Сукманюк

Дата создния: 2010-01-11

С помощью Photoshop Вы сможете создавать несложные анимационные картинки, такие, например, как на главной страничке сайта uzeron.com

Просмотров: 303658

Оцените статью: 1 2 3 4 5 6 7 8 9 10

Коментарии к этой статье:

Комментарий добавил(а): Евгений
Дата: 2010-02-11

Большое спасибо! Просто и доступно. Удачи Вам!

Комментарий добавил(а): Анатолий
Дата: 2010-03-21

Спасибо, быстро нашел решение интересующего меня вопроса.

Комментарий добавил(а): Александр
Дата: 2010-04-08

спасибо. Очень помогло!

Комментарий добавил(а): Максим
Дата: 2010-04-11

Спасибо!

Комментарий добавил(а): Михаил
Дата: 2010-05-16

Отличный урок!!!!

Комментарий добавил(а): елена
Дата: 2010-09-15

почему картинка не открылась?

Комментарий добавил(а): Сергей Сукманюк
Дата: 2010-09-15

Елена, если задаете вопрос, то, пожалуйста, задавайте его полностью, ато не понятно, какая картинка и где не открылась.

Комментарий добавил(а): Светлана
Дата: 2010-09-28

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

Комментарий добавил(а): Сергей Сукманюк
Дата: 2010-09-28

Значит неправильно указан путь. Если хотите задать вопрос, то описывайте более конкретно (где находятся картинки и какой код Вы пишите). Но лучше всего задавайте вопросы в службу поддержки. Там проще объщаться.

Комментарий добавил(а): stukselbax
Дата: 2010-10-01

Есть картинка. В хтмле она выглядит так: <div id="idd"><a><img src="pic1.jpg"/></a></div> можно редактировать только стиль дива по id(написать в картинке align="center" нельзя). как в таком случае разместить картинку по центру блока?

Комментарий добавил(а): Сергей Сукманюк
Дата: 2010-10-01

stukselbax, дело в том, что не все понятно из того что Вы написали. А почему Вы не хотите разместить изображение по центру с помощью стиля id? И какой здесь смысл тега <a></a>? Опишите пожалуйста проблему более подробно в службу поддержки.

Комментарий добавил(а): Natalissa
Дата: 2010-10-27

Большое вам спасибо! Очень хорошие уроки! Теперь буду сюда заходить. :)

Комментарий добавил(а): Imol
Дата: 2010-11-24

Здорово!Большое спасибо. Хорошо, что есть где вспомнить, если что-то забыл, а если еще и не знал ... :))))

Комментарий добавил(а): Сергей
Дата: 2010-11-28

У Вас на сайте слева "висит" картинка с надписью "Оставьте свой отзыв" Она следует за экраном. Как такую сделать?

Комментарий добавил(а): Сергей Сукманюк
Дата: 2010-11-29

Эта ссылка легко делается с помощью сайта reformal.ru

Комментарий добавил(а): Сергей Сукманюк
Дата: 2010-11-29

Если будут вопросы по этой теме, обращайтесь в службу поддержки http://support.uzeron.com/ Помогу чем смогу. ;-)

Комментарий добавил(а): Наташа
Дата: 2010-12-14

очень полезный материал=) большое спасибо ^_^ все получилось)

Комментарий добавил(а): con
Дата: 2011-02-01

безполезно,пользуюсь сайтом на юкозе,так так если вводиш адресс картинки,то картинка воспроизводится,а если с этими кодами,то вместо картинки этот код,не знаю что делать)))

Комментарий добавил(а): Сергей Сукманюк
Дата: 2011-02-01

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

Комментарий добавил(а): Любопытный
Дата: 2011-02-01

как задать цвет рамки?на скриншоте он чёрный,а на деле получается белый.

Комментарий добавил(а): zzzzz
Дата: 2011-02-01

с растоянием проблемма,как ни крути ,всё равно текст плотно прилегает к картинке,по умалчиванию стояло 10 px,но без результатно.

Комментарий добавил(а): zzzzz
Дата: 2011-02-01

Вот в чём проблема на скриншоте hspace="10" ,а на ссылке атрибутов: <img src="img/uzeron_pc.jpg" align="left" vspace="10" border="3" alt="Сайт для сайтостроителей uzeron.com"> Прошу исправить!

Комментарий добавил(а): zzzzz
Дата: 2011-02-01

как сделать так .чтоб текст <h1 align="center"> Начинаем изучать html </h1> был посередине не относительно листа (странице),а относительно моего текста.

Комментарий добавил(а): zzz
Дата: 2011-02-05

ничего не понял

Комментарий добавил(а): Сергей Сукманюк
Дата: 2011-02-05

Уважаемый Любопытный, я советую Вам задать цвет рамки изображения с помощью таблицы стилей CSS. Если Вам необходимо просто изменить цвет рамки изображения, то вставьте этот код style="border-color:#0F0;" в теге изображения, где #0F0 - это цвет рамки.

Комментарий добавил(а): Сергей Сукманюк
Дата: 2011-02-05

zzzzz, если чесно, то практически не понятны те вопросы, которые вы задали. Дело в том, что все сайты разные, и здесь рассмотрен простой урок по html. По поводу третьего вопроса: попробуйте добавить текст и заголовок в тег <div></div>, а затем корректируйте Ваш заголовок. Или поместите текст и заголовок в одну таблицу и снова его откорректируйте.

Комментарий добавил(а): Денис
Дата: 2011-03-19

Вы не подскажете как вставить эту картинку http://www.rumb.ru/files/articles/685_london_nochju.jpg в фон сайта(за текстом)!взаранее спасибо!

Комментарий добавил(а): Сергей Сукманюк
Дата: 2011-03-19

Дмитрий, так просто вставить картинку можно, но для лучшего понимания задачи, Вам необходимо прислать код страницы, на которую нужно вставить фон. Попробуйте в файл index.php в теге body вставить такой код: <body background= "ПУТЬ_К_КАРТИНКЕ/uzeron_pc.jpg"></body>

Комментарий добавил(а): Денс
Дата: 2011-03-19

Вот этот сайт http://londonisdream.ucoz.ru/.Вот Html код этой страници <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>$SITE_NAME$ - $MODULE_NAME$</title> <?$META_DESCRIPTION$?> <link type="text/css" rel="StyleSheet" href="/.s/src/css/823.css" /> </head> <body> $ADMIN_BAR$ <div id="wrap"> <div id="contanier"> <table class="main-table"> <tr> <td class="data-block">$WDAY$<br>$DATE$<br>$TIME$</td> <td class="login-block"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><!--<s5200>-->Вы вошли как<!--</s>--> <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> | <!--<s3167>-->Группа<!--</s>--> "<u>$USER_GROUP$</u>"<?else?><!--<s5212>-->Приветствую Вас<!--</s>--> <b>$USERNAME$</b><?endif?><br><?endif?><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a><?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$"><!--<s5214>-->Мой профиль<!--</s>--></a><?else?> | <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a><?endif?> <?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$"><!--<s5164>-->Выход<!--</s>--></a><?else?> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a><?endif?> <?if($RSS_LINK$)?>| <a href="$RSS_LINK$">RSS</a><?endif?></td> </tr> <tr> <td class="side-block"> <body bgcolor="#000000" background= " http://www.rumb.ru/files/articles/685_london_nochju.jpg"></body> <!-- <sblock_menu> --> <?if($SMENU_1$)?> <table class="boxTable"><tr><td class="boxContent"><!-- <bc> -->$SMENU_1$<!-- </bc> --></td></tr></table> <?endif?> <!-- </sblock_menu> --> $GLOBAL_CLEFTER$ </td> <td class="content-block"> <h1 class="logo"><!-- <logo> -->Мой сайт<!-- </logo> --></h1> <div class="text-block"> <!-- <middle> --> <?if($MODULE_NAME$)?><h1 class="module-name">$MODULE_NAME$</h1><?endif?><!-- <body> -->$CONTENT$<!-- </body> --> <!-- </middle> --> </div> </td> </tr> </table> $GLOBAL_BFOOTER$ </div> </div> </body> </html>

Комментарий добавил(а): Денис
Дата: 2011-03-19

Сорри все в кучу как-то получилось.Что делать?Давайте я вас на сайте админом назначу а вы все измените как надо.Буду благодарен вечно!!!!

Комментарий добавил(а): Сергей Сукманюк
Дата: 2011-03-19

Денис, могу попробовать помочь, но только после выпуска видео курса, который я сейчас делаю. Это будет где-то в середине апреля. Пока попробуйте найти ответ через поисковик, так как выделаете сайт на ucoz. Попробуйте в гугле набрать "сменить фон ucoz", или что-то типа этого.

Комментарий добавил(а): Денис
Дата: 2011-03-19

Ксожалению мне задали собрать сайт в институте,а в апрели уже будет поздно.Но все равно спасибо за помощь.Соберете урок буду рад посмотреть.Киньте ссылку на мыло killerrulet@mail.ru.Еще раз спасибо.

Комментарий добавил(а): Сергей Сукманюк
Дата: 2011-03-19

Денис, зарегистрируйтесь на рассылку, и будете в курсе всех новых видео уроков и видео курсов от uzeron.com. Так же можете обращаться со своими вопросами через слежбу поддержки. В институте задали сделать сайт на ucoz? Это же не сам код, а просто конструктор. Странно.

Комментарий добавил(а): Денис
Дата: 2011-03-19

Спс,обязательно подпишусь.Чесно говоря,иеня тоже удивило это задание,так как я учусь на факультети далеком от информационных технологий.Я у чусь на международных отношениях и от языка програмирования далек.

Комментарий добавил(а): настя
Дата: 2011-03-30

спасибо за помощь

Комментарий добавил(а): ben
Дата: 2011-04-11

суперрр спасибо!!!!

Комментарий добавил(а): andrejano
Дата: 2011-04-24

Привет! извини не понял что про директории,где можно ещё прочитать

Комментарий добавил(а): Сергей Сукманюк
Дата: 2011-04-24

Лучше всего обучаться с помощью видео уроков. Но если нет возможности, то в поисковиках полно информации.

Комментарий добавил(а): Дмитрий
Дата: 2011-07-13

Большое спасибо!

Комментарий добавил(а): Илюша
Дата: 2012-07-16

Спасибо ребята вы молодци всё внятно разжевали даже мне очень слабому пользователю но волею судеб обречённому писать новости для сайта полярная звезда :((

Комментарий добавил(а): Ксения
Дата: 2012-06-18

Огромное спасибо!! Учень удобно и понятно!)

Комментарий добавил(а): Евгений
Дата: 2012-09-08

СУПЕР. Удачи Вам в этом деле!!!

Комментарий добавил(а): Рома
Дата: 2012-09-21

Молодцы. Кратко и ясно!

Комментарий добавил(а): Сергей
Дата: 2012-12-01

Очень познавательная статья! Но хотел бы дополнить, что если нет возможности хранить картинки или фотографии на хостинге, можно разместить их на фотохостингах или хостинге картинок. Для себя не давно открыл letpix.ru - очень удобный и быстрый. Рекомендую.

Комментарий добавил(а): Андрей
Дата: 2012-10-02

Спасибо!

Комментарий добавил(а): winston
Дата: 2012-11-11

Спасибо помогло ! а есть у вас чего не будь по таблице уроки ...

Комментарий добавил(а): елена
Дата: 2012-12-13

А как сделать хождение по фрейману или просто фрейман и вставить туда картинку?

Комментарий добавил(а): Александра
Дата: 2012-12-17

Что здесь нитак? <table border="2" cellpadding="10"> <tr height="200"> <td colspan="2"><p align="center"><img src= "shapka1_mysite.jpeg" alt="shapka1"></p></td> </tr> если все лежит в одной папке?

Комментарий добавил(а): Сергей
Дата: 2012-12-17

Для начала у Вас не закрыт тег <table>. И еще, Александра, зачем Вы добавили атрибут colspan="2", если у Вас только одна ячейка?

Комментарий добавил(а): Настя
Дата: 2013-01-28

<IMG SRC="images/dancer.jpg" align="right"> в папке "мой сайт" ,есть папка "images" и в ней эта картинка. но картинка не появляется. что не так ?

Комментарий добавил(а): Сергей
Дата: 2013-01-28

В теге <img src="images/dancer.jpg" align="right"> ошибок нет. Нужно смотреть правильность указания пути к картинке.

Комментарий добавил(а): Марианна
Дата: 2013-01-31

Спасибо за ваш урок! У меня наконец получилось вставить картинку))

Комментарий добавил(а): Саша
Дата: 2013-01-31

Может объясните в чем была ошибка, картинка не отображалась за этим кодом: <img srс="kot.jpg"> а скопировала с вашей статьи и все получилось: <img src="kot.jpg">

Комментарий добавил(а): Сергей
Дата: 2013-01-31

Саша, возможно ошибка была не в коде, а в его "отображении". Возможно была проблема в браузере, хостинге...

Комментарий добавил(а): Саша
Дата: 2013-02-01

Спасибо Сергей, наверное так и было

Комментарий добавил(а): martins(skype: martins_axel)
Дата: 2013-02-05

где ето взять index.html это через блокнот???

Комментарий добавил(а): Владимир
Дата: 2013-02-27

а как вставить картинку с локального диска в интернет-страницу? без размещения на сторонних серверах не обойтись?

Комментарий добавил(а): петр
Дата: 2013-03-21

спасибо вашему сайту. все работает, все получается

Комментарий добавил(а): Марта
Дата: 2013-03-22

Если ваш сайт размещен на сервере в Интернете, то что вам мешает разместить там же (на сайте) картинку?

Комментарий добавил(а): Serj
Дата: 2013-04-07

Не где не мог найти, как правильно прописывать путь, к файлу. А у вас нашел. Все понятно, все работает. Спасибо!

Комментарий добавил(а): меруерт
Дата: 2013-04-22

спасибо вам огромное!! если бы не вы, я бы получила завтра двойку)

Комментарий добавил(а): влад
Дата: 2013-04-24

всё просто и понятно спасибо

Комментарий добавил(а): Павел
Дата: 2013-05-01

Не подскажите, какой тэг можно поставить для описания картинки, если у меня браузер Гугл Хром? Просто именно в этом браузере не отображает этого всплывающего описания то тэга: alt="Сайт для сайтостроителей"

Комментарий добавил(а): Наталія
Дата: 2013-05-05

Дуже дякую!Дуже допомогло!!!

Комментарий добавил(а): Андрей
Дата: 2013-05-17

Огромнейшие СПАСИБО !

Комментарий добавил(а): Денкук
Дата: 2013-06-05

Подробнее об html читайте тут http://progbase.ru/

Комментарий добавил(а): Галина
Дата: 2013-06-17

К сожалению я ничего не могу понять

Комментарий добавил(а): Сергей
Дата: 2013-07-18

Лично мне вообще не понятно... "Я создал в папке D:Уроки HTML папку img" Какая нафиг папка "D:"??? Объясняйте нормально.У меня существует на компьютере "диск D", а в нем папки с названиями, в которых другие с другими названиями, в которых лежат картинки. Я хочу наполнить страничку из сайта юкоз, по этому у меня вообще нигде нет отдельно созданной странички, я прописываю код прямо в окошке отведенном для наполнения. Может кто толком объяснить, как именно указать путь когда страничка браузера открыта в конструкторе сайтов в специальном месте для прописи html, а картинка на диске "D" в папке "блабла" и подпапке "блабла1"???

Комментарий добавил(а): Сергей
Дата: 2013-07-18

Сергей, данная статья не объясняет, как добавить картинку в страничку сайта "ЮКОЗ". Здесь рассказывается о сайте, создаваемом в блокноте. И если Вы не знаете предыдущие темы, то тогда начните изучение с Статьи 1, затем 2, 3 и т.д. На юкозе все совсем просто. Почти как в Ворде, только правильно напишите поисковой запрос в гугле или яндексе.

Комментарий добавил(а): Василий
Дата: 2013-08-14

Огромное спасибо за материал !!!!!!!!

Комментарий добавил(а): Николай
Дата: 2013-08-14

Большое спасибо, материал безупречен))

Комментарий добавил(а): Виктория
Дата: 2013-08-22

Спасибо за урок!!! картинку (на самом деле это шапка форума) удалось отцентровать, осталось ее немного опустить вниз. Не подскажете, как это сделать? Заранее благодарна!

Комментарий добавил(а): Катя
Дата: 2013-08-24

Спасибо! Нашла то, что искала!

Комментарий добавил(а): Инна
Дата: 2013-09-26

Отличный урок!!! Всё понятно, можно быстро и легко найти ответ на интересующий вопрос!!!

Комментарий добавил(а): нвкен
Дата: 2013-10-07

дурдом

Комментарий добавил(а): Н
Дата: 2013-11-16

Спасибо!)

Комментарий добавил(а): МореМан
Дата: 2013-12-05

Спасибо! Меня "чайника" статья выручила!

Комментарий добавил(а): Катюша
Дата: 2013-12-09

Понять не могу. У меня вместо картинки, выводиться вся строка, которая я указала путь к картинке. <img src="elka.gif" alt="http//anekdot-web.ru/images/elka.gif" style="position:absolute; top:100px; left:50px;">

Комментарий добавил(а): Владимир
Дата: 2014-01-03

Огромное спасибо!!! Кучу сайтов пересмотрел, но только на Вашем нашёл всё очень доступно и понятно!

Комментарий добавил(а): Атмор
Дата: 2014-03-14

Спасибо))

Комментарий добавил(а): Алла
Дата: 2014-04-01

Здравствуйте! Прошу найти ошибку. У меня не отображается одна картинка ни в одном браузере; только эксплорер выдает значок похожий на мобильник, но без крестика.В конце концов я перенесла ее в отдельную папку и создала там же отдельную страницу с простеньким кодоми попробовала вставить <!DOCTYPE html> <html> <head> <title> <html> фото</title> </head> <body> <img scr="на главную.JPG"></body></html> и все равно ничего не получилось. Картинка 300Х70 пикселей.Сохраняла как обычно в JPG.жаль саму картинку прикрепить нельзя.

Комментарий добавил(а): Ольга
Дата: 2014-04-04

Всё доступно и понятно, всё получилось! Огромное спасибо! Успехов и солнечного настроения!

Комментарий добавил(а): Коля
Дата: 2014-04-15

Здравствуйте! Прошу помощи! Не могу вставить картинку.Если кто может:любую с интернета (тема: курсы англ.языка) Буду Вам признателен. <html> <head> <title>Сайт ДАКККИМ: HTML</title> </head> <h2><p><font face="Monotype Corsiva, Arial"><font size="6"><strong><center>Курси англійської мови</center></strong></p></h2> <marquee behavior="scroll" direction="left"scrolldelay="500" bgcolor="#8B7355">"Speak up" </marquee> <body><BODY background="100.jpg"> <p><strong> <p><center><img src="eng.jpg"></center></p> <img src="img/57b8A1J8Tas.jpg"> </strong></p></ul> <img src="eng.png"> </body> </html>

Комментарий добавил(а): Саломон
Дата: 2014-05-15

А вот у меня например нихуя не получается, бляяять

Комментарий добавил(а): Сталин
Дата: 2014-05-15

Меня на вас нет!!!!!!!!!!!Бляяяяяяяяяяяяяяяя!!!!!!!!!!!

Комментарий добавил(а): Сергей
Дата: 2014-06-06

Как вставить в поле со cтатьей фото?Пробую конструктор сайта ucoz

Комментарий добавил(а): Laki
Дата: 2014-08-18

<img src="assasins_"

Добавить коментарий:

Введите слово с картинки:

Бесплатная подписка на журнал "Психология Интернет-Продаж"!
Получи новые уроки и самые свежие новости интернет-бизнеса!
Более 40 000 подписчиков
Психология Интернет продаж - бесплатный интернет журнал от uzeron.com, автор - Сергей Сукманюк
Хочешь За Час Вывести
Сайт в Лидеры Запросов?
Пройди регистрацию и
Узнай Секреты Раскрутки.
Как быстро раскрутить сайт. Сергей Сукманюк

2011-05

2010-07

2010-02

2010-01

2009-12

2009-11

2009-10

Rambler's Top100