Как сохранить свои сбережения? В чем лучше хранить деньги? Тайное, неизвестное, мистическое Юрий Болдырев-нам нужен порядочный и умный президент Как  удалить вирус с компьютера? Учимся удалять вирусы и очищать компьютер

Быстро строим сайт

Сайт в интернет

Ремонт ПК

Denver на WordPress

Почтовая рассылка

Ответы на вопросы

Вставляем картинки на сайт


Давайте наполним нашу папку "images" теми картинками, которые предназначены для нашего сайта. На сайте, который мы сейчас собираем будут расположены четыре(4)картинки. Для того, что-бы перенести эти картинки в вашу паку "images" нажмите на сайте каждую картинку по отдельности правой кнопкой мышки и перед вами появится окно: в котором вам нужно кликнуть по "Сохранить изображение"

Как вставить фото на сайт

Затем появится еще одно окно, где вам надо найти свою папку "images" записать название картинки с расширением jpg. Например: Lenin.jpg а затем просто нажать кнопочку "Сохранить". Далее сохраните вторую картинку и назовите ее: Lenin1.jpg и т.д. Таким образом сохраните все прилагающие к сайту картинки в папку "images". Вы можете сохранять любые картинки или фотографии, которые вам покажутся более подходящие для вашего сайта но для начала потренируйтесь на рекомендованных, что-бы не запутаться. Имейте ввиду, что папка "images" и папка "Longbak" находятся в одной директории. Обе в папке "sait"

Вот и все, теперь снова откройте файл longbak.html. Внешний вид сайта полностью готов, остается наполнить его текстом(пока заполните сайт любым скопируемым текстом) и вставить картинки.

Я думаю мы уже свободно можем управлять расположением текста на сайте. Если вы подзабыли как форматировать и сохранять текст, вернитесь в раздел Что такое html? (Если вы еще не выбрали тему контента, можете зайти на страничку О ЧЕМ ПИСАТЬ) Теперь разберем как вставить картинки в шапку сайта и в написанный нами текст.

Вот основная запись сохранения изображения в html-коде:

< img src="адрес файла и название картинки"width="100"height="90">


Для вставки картинок в html документ используется:
Тег img с обязательным Атрибутом src.
Этот Атрибут указывает браузеру путь к файлу изображения. Т.е. для вставки картинки с названием Lenin.jpg в определенное место html-страницы, при условии, что картинка и страница, находятся в одной папке. Нужно в этом месте вставить следующий html-код:

< img src="Lenin.jpg">


Но в нашем случае картинки и страница расположены в разных папках, поэтому укажем путь к изображению относительно папки images. Например, если html-страница longbak лежит в папке site , в этой же папке расположена папка images, в которой и находится наша картинка Lenin.jpg, то для ее вставки нужно написать так:

< img src="images/Lenin.jpg">


Давайте вставим картинку, находящуюся в нашей папке "images" в левую часть нашей шапки:

< img src="images/название картинки или имя файла" width="150" height="120"


Где с атрибутами, width="150" - ширина нашей картинки а height="120"-высота картинки, вы уже знакомы.
Так вот, вместо надписи("название картинки или имя файла") записываем адрес нашего изображения.

< img src="images/Lenin.jpg"width="150"height="120">


Еще раз повторяю, что изображение Lenin должно находиться в папке images ,папка images в свою очередь лежит в папке sait, в которой лежит и наша страничка longbak

Расположением изображения можно управлять с помощью знакомому вам уже атрибута align. Записывая к нему:

right -располагаем изображение с правой стороны странички

left -располагаем изображение с левой стороны странички

center-по центру
По умолчанию (если не использовать атрибут align изображение устанавливается на левой стороне
В шапку сайта добавим, по вашему выбору, название темы, имя или адрес:

< font color="red">< center>< h2>УЧИТЬСЯ УЧИТЬСЯ И УЧИТЬСЯ - ТАК ЗАВЕЩАЛ ВЕЛИКИЙ ЛЕНИН< /h2>< /font>


Для размещения картинки на самой страничке, в области контента, пишется следующий код:

< img src="images/Lenin.jpg"width="140"height="200"align="left">


align="left"- Картинку мы расположили слева а текст, соответственно, обтекает картинку справа. Если нас не устраивает "по умолчанию", когда картинка, практически, прилипает к тексту, мы можем сделать отступы:

vspace="5" -создает верхний и нижний отступ от текста

hspace="10" -создает боковые отступы(слева или справа)

К сожалению "vspace" и "hspace" работают только в браузере "Explorer" и "Opere" другие-же браузеры их не понимают. Т.е. в Chrome отступов от картинки в тексте не будет.
Вот что у нас будет показывать наш любимый браузер, если мы напишем:
< img src="images/lenin1.jpg"width="140"height="200" align="left" hspace="10"
vspace="10" >


ЛЕНИН И HTML

Непросто быстро изучить язык HTML,особенно, если ты не можешь, позволить себе днями напролет, сидеть возле компьютера и не отвлекаться на более важные дела: учеба, работа и т.дВставляем фото на сайт. Посидев вечером и поборовшись с тегами пару часов-на утро ты уже все забываешь. А если между занятиями прошло несколько дней то тогда сливай воду,начинай все сначала. Естественно это не касается тех,кто схватывает все на лету им нет необходимости знакомиться с моими познаниями в этой области,советую вам почитать более серьезные книги по программированию.Перечень подобных книг приводится на этом сайте.Мой опыт пригодиться тем кто не хочет надолго и серьезно углубляться в эту тему,но у него назрела необходимость быстро изучить HTML,создать,и запустить сайт в интернет. При этом, естественно, получить тот минимальный запас знаний, который позволит в дальнейшем находить ошибки, вносить изменения,добавлять новую информацию и т.д. Если начать изучать HTML непосредственно с основ, то на все это уйдет слишком много времени и нет никакой гарантии, что будет освоено именно то ,что Вам пригодится при построении своего сайта. В учебниках по изучению языка HTML, очень много воды, я же предлагаю сразу, взять быка за рога- строить сайт а в процессе этого изучать HTML. Построить сайт за 30-минут, как предлагают многие я не обещаю, но те знания в изучении HTML, которые необходимы для освоения сайтостроения вы однозначно получите.

В.И.ЛЕНИН

Нас естественно это не устраивает, так как "Chrom" это один из самых популярных браузеров, и нам надо, чтобы наш сайт просматривался на все 100 процентов во всех браузерах. Для этого нам придется немного забежать вперед и воспользоваться CSS-каскадными таблицами стилей. Пока не будем забивать себе голову, что такое CSS а просто в код картинки добавим style= "margin: 10px 15px 15px 7px"

В результате получим :

< img src="images/lenin1.jpg"width="140"height="200" align="left" style="margin: 10px 15px 15px 7px">


А теперь давайте оформим нижнию часть сайта. Для примера перейдем в раздел Paint и сделаем футер для нашего сайта. Не копируйте все точно как у меня, экспериментируйте с другими изображениями, чтобы научится работать в Painte. Затем cохраните картинку подвала, которая у вас получится в папку images, где хранятся все необходимые для сайта фотографии, картинки и рисунки. А затем пропишите ее адрес в исходный код сайта. Напишем в исходном коде еще одну таблицу, в самой нижней части нашего кода. И перенесем в нее адрес вашего рисунка.

< table valign="top">
< tr>
< td height="80" width="600">
< img src="images/Lenin2.jpg"height="80" width="600">
< /td>
< /tr>
< /table>



Можете построить в подвале сайта не одну а три или более таблиц и внести в них разные рисунки с которых потом можно сделать ссылки на другие странички.

Вставляем картинку в текст сайта

УЧИТЬСЯ УЧИТЬСЯ И УЧИТЬСЯ - ТАК ЗАВЕЩАЛ ВЕЛИКИЙ ЛЕНИН

Пишите и делайте ссылки на подробное описание на других страничках

ЛЕНИН И HTML

Непросто быстро изучить язык HTML,особенно, если ты не можешь, позволить себе днями напролет, сидеть возле компьютера и не отвлекаться на более важные дела: учеба, работа и т.д.Как вставить картинку в шапку сайта Посидев вечером и поборовшись с тегами пару часов-на утро ты уже все забываешь. А если между занятиями прошло несколько дней то тогда сливай воду,начинай все сначала. Естественно это не касается тех,кто схватывает все на лету им нет необходимости знакомиться с моими познаниями в этой области,советую вам почитать более серьезные книги по программированию.Перечень подобных книг приводится на этом сайте.Мой опыт пригодиться тем кто не хочет надолго и серьезно углубляться в эту тему,но у него назрела необходимость быстро изучить HTML,создать,и запустить сайт в интернет. При этом, естественно, получить тот минимальный запас знаний, который позволит в дальнейшем находить ошибки, вносить изменения,добавлять новую информацию и т.д.

Если начать изучать HTML непосредственно с основ, то на все это уйдет слишком много времени и нет никакой гарантии, что будет освоено именно то ,что Вам пригодится при построении своего сайта. В учебниках по изучению языка HTML, очень много воды, я же предлагаю сразу, взять быка за рога- строить сайт а в процессе этого изучать HTML. Построить сайт за 30-минут, как предлагают многие я не обещаю, но те знания в изучении HTML, которые необходимы для освоения сайтостроения вы однозначно получите.

В.И.ЛЕНИН

Используите эту часть под продажу или написание статей
Как вставить фото в подвал сайта


В результате пишем код нашего сайта

< table width="600"height="600">
< tr>
< td colspan="3"bgcolor="#00CC99" width="600"height="100">
< img src="images/Lenin.jpg"width="100"height="100"align="left">
< font color="red">< center>< h2>УЧИТЬСЯ УЧИТЬСЯ И УЧИТЬСЯ - ТАК ЗАВЕЩАЛ ВЕЛИКИЙ ЛЕНИН< /h2>< /font>
< /td>
< /tr>
< tr>
< td bgcolor="#CCCCCC"width="100"valign="top">
Пишите и делайте ссылки на подробное описание на других страничках
< /td>
< td width="400">
< font color="red">< center>< h3>ЛЕНИН И HTML< /h3>< /font> < p align=justify>Непросто быстро изучить язык HTML,особенно, если ты не можешь, позволить себе днями напролет, сидеть возле компьютера и не отвлекаться на более важные дела: учеба, работа и т.д. < img src="images/Lenin1.jpg"width="140"height="200"align="left" style="margin: 10px 15px 15px 7px"> Посидев вечером и поборовшись с тегами пару часов-на утро ты уже все забываешь. А если между занятиями прошло несколько дней то тогда сливай воду,начинай все сначала. Естественно это не касается тех,кто схватывает все на лету им нет необходимости знакомиться с моими познаниями в этой области,советую вам почитать более серьезные книги по программированию.Перечень подобных книг приводится на этом сайте.Мой опыт пригодиться тем кто не хочет надолго и серьезно углубляться в эту тему,но у него назрела необходимость быстро изучить HTML,создать,и запустить сайт в интернет. При этом, естественно, получить тот минимальный запас знаний, который позволит в дальнейшем находить ошибки, вносить изменения,добавлять новую информацию и т.д.< p align="justify"> Если начать изучать HTML непосредственно с основ, то на все это уйдет слишком много времени и нет никакой гарантии, что будет освоено именно то ,что Вам пригодится при построении своего сайта. В учебниках по изучению языка HTML, очень много воды, я же предлагаю сразу, взять быка за рога- строить сайт а в процессе этого изучать HTML. Построить сайт за 30-минут, как предлагают многие я не обещаю, но те знания в изучении HTML, которые необходимы для освоения сайтостроения вы однозначно получите.
< center>В.И.ЛЕНИН< /center>
< /td>
< td width="100" bgcolor="#CCCCCC">
Используите эту часть под продажу или написание статей
< /td>
< /tr>
< /table>
< table valign="top">
< tr>
< td height="80" width="600">
< img src="images/Lenin2.jpg"height="80" width="600">
< /td>
< /tr>
< /table>


P/S Обратите внимание, что между скобкой "< и тегом" не должно быть расстояния,я этот пробел делаю для того, чтобы браузер не отобразил написанное как код.
Должно быть так <td>
А не так < td>

Далее разберем может быть главное в WEB-строительстве:

"ДЕЛАЕМ ССЫЛКИ НА ДРУГИЕ СТРАНИЧКИ"

Авторство статьи защищено Google



Каждый человек рождается
для какого-то дела.

"inpropart"

Как заработать

Графики цен на нефть-золото-нефть-валюта Графики котировок на нефть-золото-серебро-валюту
Радио онлайн

Mультимедиа

Делаем сайт в CSS

Переводим сайт на PHP

Перевал Дятлова



Как повстречать партнера для интимных отношений. Секс знакомства. Как создать свой сайт бесплатно?  Как вылечить насморк? Как заработать в Интернете? Как быть здоровым? Как создать свой сайт бесплатно? Все ответы на вопросы КАК...? Как заработать в Интернете? Создание сайтов на заказ. <Буду писать про мелких предпринимателей.Обсуждать законы которые касаются малого бизнеса в России.