Сдам Сам

ПОЛЕЗНОЕ


КАТЕГОРИИ







Раскрашиваем нашу Интернет-страницу





Делаем сайт за 5 минут

Несомненно, Вы сможете создать свой собственный сайт. И первый свой сайт Вы сделаете всего лишь за 5 минут! Думаете не реально? Тогда проверим!

Начнем. Для начала нам нужен любой (даже самый простейший редактор) например Блокнот.

Запускаем Блокнот. Для этого жмем кнопку Пуск -> Все программы -> Стандартные -> Блокнот

Далее выделите левой кнопкой мыши код, который написан ниже синим цветом и скопируйте его в буфер (через правую кнопку мышки, или нажав Ctrl и кнопку C, или через меню Блокнота: Правка -> Копировать).

<html>
<head>
<title>Моя первая страница в Интернете и всего за 5 минут</title>
</head>

<body>

У меня отличное настроение. <br>Я сделал свою первую интернет страницу и всего за пару минут.

</body>

</html>

После этого перейдите в Блокнот и вставьте из буфера скопированный код (через правую кнопку мышки, или нажав Ctrl и V, или выбрав в меню Блокнота пункт Правка -> Вставить).

Теперь выбираем в меню Блокнота: Файл - > Сохранить как...

Сохраняем файл на вашем жестком диске (Внимание: запомните куда Вы сохраняете файл!), вводим имя файла, под которым мы сохраним нашу Интернет страницу. Пусть она имеет такое название: page.html и жмем кнопку "Сохранить"

 

Расширение нашего файла html - показывает, что данный файл является Интернет-страницей.

Далее находим на Вашем жестком диске сохраненный ранее файл page.html.
Тут может возникнуть небольшая проблема: блокнот сохранил ваш файл как page.html.txt - сташного ничего нет, просто переименуйте его в page.html

Теперь запускаем файл page.html нажмите быстро мышкой по файлу 2 раза.

У вас запуститься ваш Интернет браузер (например Internet Explorer, Opera) и откроется вот такая вот страница.

Поздравляю Вас! Вы только что сделали свою первую интернет страницу!

Разве было сложно? По-моему нет. Значит продолжим.

Вы видите - создание интернет-страниц не такое уж и сложно дело. Это ДОСТУПНО КАЖДОМУ ИЗ НАС.

И Вам жизненно необходимо этому научиться, если вы действительно хотите зарабатывать в интернете хорошие деньги! Я помогу Вам в этом!
Большая часть всех денег, которые люди зарабатывают в Интернете - зарабатываются при помощи сайтов!

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

Создание интернет страниц осуществляется с помощью языка гипертекстовой разметки HTML (H yper T ext M arker L anguage).

Команды, которые пишутся между скобками < > называются тегами.

Теги бывают парные и не парные. Парные теги например <head> и </head>
Один тег является открывающим <head>, а другой тег является закрывающим </head>. Разница между ними лишь в знаке " / " (у закрывающего тега он есть, у открывающего нет). Какие теги являются парными, а какие нет обязательно следует запоминать.

Теперь поговорим о тех тегах, которые мы задействовали в нашей странице.

Тег <html> говорит компьютеру о том, что начитается html-страница. Тег </html> говорит компьютеру что html-страница закончилась. Следовательно тег <html> будет всегда первым тегом на нашей Интернет странице, а вот тег </html> самым последним.! Пожалуйста запомните это. Все остальное на нашей странице пишется между этими тегами.

<html>

....

</html>

Далее страница напоминает организм человека: она имеет голову <head> и тело <body>.

<html>

<head>

</head>

 

<body>

</body>

</html>

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

Между тегами <head> и <head> вставляются теги <title> и </title>.! Пожалуйста запомните это.

Между тегами <title> и </title> пишется название Вашей страницы. Текст, который будет написан между этими тегами будет отображаться в названии окна Интернет браузера.

Между тегами <body> и </body> пишется непосредственно содержимое Вашей Интернет страницы. Все что Вы напишите - будет на Вашей странице.

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

<html>

<head>
<title> </title>

</head>

 

<body>

</body>

</html>

тег <br> который я употребил на странице после текста "У меня отличное настроение; является не парным, и служит для принудительного перевода текста на другую строку.
Если данная информация Вам не понятна - просто уберите этот тег и посмотрите что получиться.

Создание сайта /

Как изменить размер шрифта

Для того, чтобы изменить размера шрифта есть несколько способов.

Через теги <H1>.... <H6> или через параметр шрифта size

Например:

<H1>текст</H1>

Текст

или вот так:

<H3>текст</H3>

Текст

Как Вы уже поняли тег <H> является парным. Используется обычно для выделения абзаца. При этом текст, выделенный тегом будет располагаться как абзац...как будто вы перед текстом и после поставили еще теги <br>. Т.е. текст заключенный в тег <H> будет написан с новой строки.

Конечно же текст можно сделать еще и жирным и курсивом.

Например вот так
<b><i><H3>текст</H3></b></i>

Текст

Ссылки

</td>
<td valign="top">Данный сайт посвещен работе в Интернете. Если ты новичек в этой области, то тебе сюда. Все самое полезное о работе только на этом сайте.</td>
</tr>


</table>

</center>

 

</body>

</html>

 

Теперь надо сделать текст меню в виде ссылок. Слово "Главная" будет ссылаться на страницу index.html, а слово "Ссылки" на страницу ssilki.html, которую мы создадим чуть позже.

Как сделать текст в виде ссылки мы проходили здесь.

 

<html>

<head>
<title>Сайт о работе в интернете. Информация и ссылки на сайты о работе в интернете</title>

</head>

 

<body>

<center>

<table width="700" height="600">


<tr>
<td colspan="2" bgcolor="#0СCCСС" width="719" height="79"><img src="sitelogo.jpg" width="719" height="79"></td>
</tr>


<tr>
<td bgcolor="СCCCCCC" width="150" background="sv11.jpg" valign="top" >

<a href="index.html">Главная</a><br><br>

<a href="ssilki.html">Ссылки</a>

</td>
<td valign="top">Данный сайт посвещен работе в Интернете. Если ты новичек в этой области, то тебе сюда. Все самое полезное о работе только на этом сайте.</td>
</tr>


</table>

</center>

 

</body>

</html>

 

Теперь наш сайт будет выглядеть ТАК.

 

Нам осталось сделать вторую страницу сайта. Для того чтобы упростить работу сделаем так: сохраним нашу страницу index.html под другим именем ssilki.html, а затем просто подредактируем файл.

Выбираем в блокноте команду Файл->Сохранить как..., выбираем ту-же папку, где находиться файл index.html, пишем имя страницы под которой мы хотим сохранить файл ssilki.html. Жмем ОК.

Получается, что на нашем компьютере у вас должно быть 2 пока что одинаковых страницы - index.html и ssilki.html.

Далее изменим название страницы (между тегами <title> и </title>), и изменим текст страницы.
Получится слудующее:

<html>

<head>
<title>Ссылки на сайты о работе в интернете</title>

</head>

 

<body>

<center>

<table width="700" height="600">


<tr>
<td colspan="2" bgcolor="#0СCCСС" width="719" height="79"><img src="sitelogo.jpg" width="719" height="79"></td>
</tr>


<tr>
<td bgcolor="СCCCCCC" width="150" background="sv11.jpg" valign="top" >

<a href="index.html">Главная</a><br><br>

<a href="ssilki.html">Ссылки</a>

</td>
<td valign="top">На этой странице будут размещены ссылки на сайты о работе в интернете<br><br>

<a href="http://russia-job.ru">Сайт о работе в интернете russia-job.ru</a>

</td>
</tr>


</table>

</center>

 

</body>

</html>

И сохраним... (Файл -> Сохранить)

Вторая страница сайта будет выглядеть ТАК.

Вот мы и сделали простенький сайтик, который вы можете подредактировать и разместить в интернете.

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

Если есть какие либо вопросы по этому примеру - пишите!

 

ЧТО ДАЛЬШЕ.

Конечно сделанный для примера сайт не так крут. И даже в этом сайте пришлось использовать готовые картинки, которые вы возможно создавать не умеете, однако это та основа, которую должен знать каждый. Дальше Вы можете зайти в раздел "Электронные книги" и почитать более подробно о том, как сделать сайт лучше и насыщеннее. Главное не останавливаться, пробовать, и все получится.

 

 

Делаем сайт за 5 минут

Несомненно, Вы сможете создать свой собственный сайт. И первый свой сайт Вы сделаете всего лишь за 5 минут! Думаете не реально? Тогда проверим!

Начнем. Для начала нам нужен любой (даже самый простейший редактор) например Блокнот.

Запускаем Блокнот. Для этого жмем кнопку Пуск -> Все программы -> Стандартные -> Блокнот

Далее выделите левой кнопкой мыши код, который написан ниже синим цветом и скопируйте его в буфер (через правую кнопку мышки, или нажав Ctrl и кнопку C, или через меню Блокнота: Правка -> Копировать).

<html>
<head>
<title>Моя первая страница в Интернете и всего за 5 минут</title>
</head>

<body>

У меня отличное настроение. <br>Я сделал свою первую интернет страницу и всего за пару минут.

</body>

</html>

После этого перейдите в Блокнот и вставьте из буфера скопированный код (через правую кнопку мышки, или нажав Ctrl и V, или выбрав в меню Блокнота пункт Правка -> Вставить).

Теперь выбираем в меню Блокнота: Файл - > Сохранить как...

Сохраняем файл на вашем жестком диске (Внимание: запомните куда Вы сохраняете файл!), вводим имя файла, под которым мы сохраним нашу Интернет страницу. Пусть она имеет такое название: page.html и жмем кнопку "Сохранить"

 

Расширение нашего файла html - показывает, что данный файл является Интернет-страницей.

Далее находим на Вашем жестком диске сохраненный ранее файл page.html.
Тут может возникнуть небольшая проблема: блокнот сохранил ваш файл как page.html.txt - сташного ничего нет, просто переименуйте его в page.html

Теперь запускаем файл page.html нажмите быстро мышкой по файлу 2 раза.

У вас запуститься ваш Интернет браузер (например Internet Explorer, Opera) и откроется вот такая вот страница.

Поздравляю Вас! Вы только что сделали свою первую интернет страницу!

Разве было сложно? По-моему нет. Значит продолжим.

Вы видите - создание интернет-страниц не такое уж и сложно дело. Это ДОСТУПНО КАЖДОМУ ИЗ НАС.

И Вам жизненно необходимо этому научиться, если вы действительно хотите зарабатывать в интернете хорошие деньги! Я помогу Вам в этом!
Большая часть всех денег, которые люди зарабатывают в Интернете - зарабатываются при помощи сайтов!

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

Создание интернет страниц осуществляется с помощью языка гипертекстовой разметки HTML (H yper T ext M arker L anguage).

Команды, которые пишутся между скобками < > называются тегами.

Теги бывают парные и не парные. Парные теги например <head> и </head>
Один тег является открывающим <head>, а другой тег является закрывающим </head>. Разница между ними лишь в знаке " / " (у закрывающего тега он есть, у открывающего нет). Какие теги являются парными, а какие нет обязательно следует запоминать.

Теперь поговорим о тех тегах, которые мы задействовали в нашей странице.

Тег <html> говорит компьютеру о том, что начитается html-страница. Тег </html> говорит компьютеру что html-страница закончилась. Следовательно тег <html> будет всегда первым тегом на нашей Интернет странице, а вот тег </html> самым последним.! Пожалуйста запомните это. Все остальное на нашей странице пишется между этими тегами.

<html>

....

</html>

Далее страница напоминает организм человека: она имеет голову <head> и тело <body>.

<html>

<head>

</head>

 

<body>

</body>

</html>

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

Между тегами <head> и <head> вставляются теги <title> и </title>.! Пожалуйста запомните это.

Между тегами <title> и </title> пишется название Вашей страницы. Текст, который будет написан между этими тегами будет отображаться в названии окна Интернет браузера.

Между тегами <body> и </body> пишется непосредственно содержимое Вашей Интернет страницы. Все что Вы напишите - будет на Вашей странице.

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

<html>

<head>
<title> </title>

</head>

 

<body>

</body>

</html>

тег <br> который я употребил на странице после текста "У меня отличное настроение; является не парным, и служит для принудительного перевода текста на другую строку.
Если данная информация Вам не понятна - просто уберите этот тег и посмотрите что получиться.

Создание сайта /

Раскрашиваем нашу Интернет-страницу

После того как Вы создали свою первую Интернет-страницу, наверняка у вас появилось желание раскрасить ее в те цвета какие вы хотите.

Этим мы сейчас и займемся.

Наш исходный код на данный момент, после прошлого урока такой:

<html>
<head>
<title>Моя первая страница в Интернете и всего за 5 минут</title>
</head>

<body>

У меня отличное настроение. <br>Я сделал свою первую интернет страницу и всего за пару минут.

</body>

</html>







ЧТО ТАКОЕ УВЕРЕННОЕ ПОВЕДЕНИЕ В МЕЖЛИЧНОСТНЫХ ОТНОШЕНИЯХ? Исторически существует три основных модели различий, существующих между...

ЧТО ПРОИСХОДИТ ВО ВЗРОСЛОЙ ЖИЗНИ? Если вы все еще «неправильно» связаны с матерью, вы избегаете отделения и независимого взрослого существования...

Что вызывает тренды на фондовых и товарных рынках Объяснение теории грузового поезда Первые 17 лет моих рыночных исследований сводились к попыткам вычис­лить, когда этот...

ЧТО И КАК ПИСАЛИ О МОДЕ В ЖУРНАЛАХ НАЧАЛА XX ВЕКА Первый номер журнала «Аполлон» за 1909 г. начинался, по сути, с программного заявления редакции журнала...





Не нашли то, что искали? Воспользуйтесь поиском гугл на сайте:


©2015- 2024 zdamsam.ru Размещенные материалы защищены законодательством РФ.