|
Раскрашиваем нашу Интернет-страницу ⇐ ПредыдущаяСтр 4 из 4 Делаем сайт за 5 минут Несомненно, Вы сможете создать свой собственный сайт. И первый свой сайт Вы сделаете всего лишь за 5 минут! Думаете не реально? Тогда проверим! Начнем. Для начала нам нужен любой (даже самый простейший редактор) например Блокнот. Запускаем Блокнот. Для этого жмем кнопку Пуск -> Все программы -> Стандартные -> Блокнот Далее выделите левой кнопкой мыши код, который написан ниже синим цветом и скопируйте его в буфер (через правую кнопку мышки, или нажав Ctrl и кнопку C, или через меню Блокнота: Правка -> Копировать). <html> <body> У меня отличное настроение. <br>Я сделал свою первую интернет страницу и всего за пару минут. </body> </html> После этого перейдите в Блокнот и вставьте из буфера скопированный код (через правую кнопку мышки, или нажав Ctrl и V, или выбрав в меню Блокнота пункт Правка -> Вставить). Теперь выбираем в меню Блокнота: Файл - > Сохранить как... Сохраняем файл на вашем жестком диске (Внимание: запомните куда Вы сохраняете файл!), вводим имя файла, под которым мы сохраним нашу Интернет страницу. Пусть она имеет такое название: page.html и жмем кнопку "Сохранить"
Расширение нашего файла html - показывает, что данный файл является Интернет-страницей. Далее находим на Вашем жестком диске сохраненный ранее файл page.html. Теперь запускаем файл page.html нажмите быстро мышкой по файлу 2 раза. У вас запуститься ваш Интернет браузер (например Internet Explorer, Opera) и откроется вот такая вот страница. Поздравляю Вас! Вы только что сделали свою первую интернет страницу! Разве было сложно? По-моему нет. Значит продолжим. Вы видите - создание интернет-страниц не такое уж и сложно дело. Это ДОСТУПНО КАЖДОМУ ИЗ НАС. И Вам жизненно необходимо этому научиться, если вы действительно хотите зарабатывать в интернете хорошие деньги! Я помогу Вам в этом! Давайте разберем более подробно что есть что, и что для чего нужно. Создание интернет страниц осуществляется с помощью языка гипертекстовой разметки HTML (H yper T ext M arker L anguage). Команды, которые пишутся между скобками < > называются тегами. Теги бывают парные и не парные. Парные теги например <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> </head>
<body> </body> </html> тег <br> который я употребил на странице после текста "У меня отличное настроение; является не парным, и служит для принудительного перевода текста на другую строку. Создание сайта / Как изменить размер шрифта Для того, чтобы изменить размера шрифта есть несколько способов. Через теги <H1>.... <H6> или через параметр шрифта size Например: <H1>текст</H1> Текст или вот так: <H3>текст</H3> Текст Как Вы уже поняли тег <H> является парным. Используется обычно для выделения абзаца. При этом текст, выделенный тегом будет располагаться как абзац...как будто вы перед текстом и после поставили еще теги <br>. Т.е. текст заключенный в тег <H> будет написан с новой строки. Конечно же текст можно сделать еще и жирным и курсивом. Например вот так Текст Ссылки </td>
</center>
</body> </html>
Теперь надо сделать текст меню в виде ссылок. Слово "Главная" будет ссылаться на страницу index.html, а слово "Ссылки" на страницу ssilki.html, которую мы создадим чуть позже. Как сделать текст в виде ссылки мы проходили здесь.
<html> <head> </head>
<body> <center> <table width="700" height="600">
<a href="index.html">Главная</a><br><br> <a href="ssilki.html">Ссылки</a> </td>
</center>
</body> </html>
Теперь наш сайт будет выглядеть ТАК.
Нам осталось сделать вторую страницу сайта. Для того чтобы упростить работу сделаем так: сохраним нашу страницу index.html под другим именем ssilki.html, а затем просто подредактируем файл. Выбираем в блокноте команду Файл->Сохранить как..., выбираем ту-же папку, где находиться файл index.html, пишем имя страницы под которой мы хотим сохранить файл ssilki.html. Жмем ОК. Получается, что на нашем компьютере у вас должно быть 2 пока что одинаковых страницы - index.html и ssilki.html. Далее изменим название страницы (между тегами <title> и </title>), и изменим текст страницы. <html> <head> </head>
<body> <center> <table width="700" height="600">
<a href="index.html">Главная</a><br><br> <a href="ssilki.html">Ссылки</a> </td> <a href="http://russia-job.ru">Сайт о работе в интернете russia-job.ru</a> </td>
</center>
</body> </html> И сохраним... (Файл -> Сохранить) Вторая страница сайта будет выглядеть ТАК. Вот мы и сделали простенький сайтик, который вы можете подредактировать и разместить в интернете. Что бы уменьшить количество пустых строк можно уплотнить код, однако я сделал пропуски чтобы было наглядней видно структуру страницы. А так можно разместить весь код вообще в одну строчку. Если есть какие либо вопросы по этому примеру - пишите!
ЧТО ДАЛЬШЕ. Конечно сделанный для примера сайт не так крут. И даже в этом сайте пришлось использовать готовые картинки, которые вы возможно создавать не умеете, однако это та основа, которую должен знать каждый. Дальше Вы можете зайти в раздел "Электронные книги" и почитать более подробно о том, как сделать сайт лучше и насыщеннее. Главное не останавливаться, пробовать, и все получится.
Делаем сайт за 5 минут Несомненно, Вы сможете создать свой собственный сайт. И первый свой сайт Вы сделаете всего лишь за 5 минут! Думаете не реально? Тогда проверим! Начнем. Для начала нам нужен любой (даже самый простейший редактор) например Блокнот. Запускаем Блокнот. Для этого жмем кнопку Пуск -> Все программы -> Стандартные -> Блокнот Далее выделите левой кнопкой мыши код, который написан ниже синим цветом и скопируйте его в буфер (через правую кнопку мышки, или нажав Ctrl и кнопку C, или через меню Блокнота: Правка -> Копировать). <html> <body> У меня отличное настроение. <br>Я сделал свою первую интернет страницу и всего за пару минут. </body> </html> После этого перейдите в Блокнот и вставьте из буфера скопированный код (через правую кнопку мышки, или нажав Ctrl и V, или выбрав в меню Блокнота пункт Правка -> Вставить). Теперь выбираем в меню Блокнота: Файл - > Сохранить как... Сохраняем файл на вашем жестком диске (Внимание: запомните куда Вы сохраняете файл!), вводим имя файла, под которым мы сохраним нашу Интернет страницу. Пусть она имеет такое название: page.html и жмем кнопку "Сохранить"
Расширение нашего файла html - показывает, что данный файл является Интернет-страницей. Далее находим на Вашем жестком диске сохраненный ранее файл page.html. Теперь запускаем файл page.html нажмите быстро мышкой по файлу 2 раза. У вас запуститься ваш Интернет браузер (например Internet Explorer, Opera) и откроется вот такая вот страница. Поздравляю Вас! Вы только что сделали свою первую интернет страницу! Разве было сложно? По-моему нет. Значит продолжим. Вы видите - создание интернет-страниц не такое уж и сложно дело. Это ДОСТУПНО КАЖДОМУ ИЗ НАС. И Вам жизненно необходимо этому научиться, если вы действительно хотите зарабатывать в интернете хорошие деньги! Я помогу Вам в этом! Давайте разберем более подробно что есть что, и что для чего нужно. Создание интернет страниц осуществляется с помощью языка гипертекстовой разметки HTML (H yper T ext M arker L anguage). Команды, которые пишутся между скобками < > называются тегами. Теги бывают парные и не парные. Парные теги например <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> </head>
<body> </body> </html> тег <br> который я употребил на странице после текста "У меня отличное настроение; является не парным, и служит для принудительного перевода текста на другую строку. Создание сайта / Раскрашиваем нашу Интернет-страницу После того как Вы создали свою первую Интернет-страницу, наверняка у вас появилось желание раскрасить ее в те цвета какие вы хотите. Этим мы сейчас и займемся. Наш исходный код на данный момент, после прошлого урока такой: <html> <body> У меня отличное настроение. <br>Я сделал свою первую интернет страницу и всего за пару минут. </body> </html> Что делает отдел по эксплуатации и сопровождению ИС? Отвечает за сохранность данных (расписания копирования, копирование и пр.)... Что вызывает тренды на фондовых и товарных рынках Объяснение теории грузового поезда Первые 17 лет моих рыночных исследований сводились к попыткам вычислить, когда этот... Живите по правилу: МАЛО ЛИ ЧТО НА СВЕТЕ СУЩЕСТВУЕТ? Я неслучайно подчеркиваю, что место в голове ограничено, а информации вокруг много, и что ваше право... ЧТО ПРОИСХОДИТ ВО ВЗРОСЛОЙ ЖИЗНИ? Если вы все еще «неправильно» связаны с матерью, вы избегаете отделения и независимого взрослого существования... Не нашли то, что искали? Воспользуйтесь поиском гугл на сайте:
|