html для блоггеров #1

16
VDas.livejournal.com presents © 2009

Upload: vdas-us

Post on 07-Jul-2015

1.444 views

Category:

Education


0 download

TRANSCRIPT

Page 1: Html для блоггеров #1

VDas.livejournal.com presents © 2009

Page 2: Html для блоггеров #1

Вы сможете вставлять картинки (и не только) везде, независимо от способа, которым вы пишете сообщение

Вы сможете понимать что происходит не сильно углубляясь

10 минут полистать ниженаписанное и дальше – просто знать и пользоваться

Page 3: Html для блоггеров #1

Любая вещь в интернете это какой-то код. Чаще всего ОЧЕНЬ простой

Например картинка

Для интернета описана как <img src=“http://l-userpic.livejournal.com/58129444/3820063”>

ШТОЭТО?

Page 4: Html для блоггеров #1

<img src=“http://l-userpic.livejournal.com/58129444/3820063”>

<img …> – картинка

Src=“” – откуда взять

http://l-userpic.livejournal.com/58129444/3820063 – адрес где лежит картинка

Page 5: Html для блоггеров #1

Или в любой другой программе, которая понимает html

Page 6: Html для блоггеров #1

Картинка, адрес которой вы указали в коде

Page 7: Html для блоггеров #1

Это зависит от того, каким бровзером вы пользуетесь

Например это будет intenet explorer:

Page 8: Html для блоггеров #1
Page 9: Html для блоггеров #1

Отмечаем всё-всё-всё вот здесь, правая кнопка, Copy

Page 10: Html для блоггеров #1

И вставляем (пр.кнопка, Paste) в <img src=“сюда”> Т.е., например, что-то вроде <img src=“http://pics.autonews.ru/autonews_pics/onews/2009/09/23/175812.3722_300.jpg”>

И получаем картинку…

Page 11: Html для блоггеров #1

Правой кнопкой на картинке и есть отдельное меню

Page 12: Html для блоггеров #1

И вставляем (пр.кнопка, Paste) в <img src=“сюда”> Т.е., например, что-то вроде <img src=“http://pics.autonews.ru/autonews_pics/onews/2009/09/23/175812.3722_300.jpg”>

И получаем картинку…

Page 13: Html для блоггеров #1
Page 14: Html для блоггеров #1

И вставляем (пр.кнопка, Paste) в <img src=“сюда”> Т.е., например, что-то вроде <img src=“http://pics.autonews.ru/autonews_pics/onews/2009/09/23/175812.3722_300.jpg”>

И получаем картинку…

Page 15: Html для блоггеров #1

Расскажу куда и как удобно складывать картинки, чтобы они не пропали…

Как менять размеры картинки Как делать маленькие картинки, которые

будут ссылками на большие

Если комментариев не будет – то нуегонафег

Page 16: Html для блоггеров #1

Что вы хотели бы уметь, ибо всё не так сложно, как вам на данный момент кажется…

Что вы часто делаете руками, но думаете, что это мог бы делать компьютер? Компьютер может гораздо больше (и это намного проще чем вам кажется)Я вас уверяю – многое доступно не только профессионалам и не всегда требует знаний,

если не углубляться …