Сайт на JAVA SCRIPT

           главная страница сайта              Главная                                      обмен ссылками с тематическими сайтами                 Обмен ссылками                                        гостевая книга             Гостевая                                       обратная связь для отправки почты на e-mail               Обратная связь              |

Webmaster-Soft.ru - программы, скрипты для вебмастера            Меню

 

Книги для веб-мастера, книги програмирования  Программы
Электронные книги  Книги
Журналы для вебмастеров   Журналы вебмастеру
  Скрипты
Статьи
Учебник HTML  Учебник HTML
Базы каталогов для раскрутки сайта  Базы каталогов
Шаблоны, картинки, смайлы, иконки  Архив программ
   Интернет магазин
  Каталог статей
  Доска обьявлений
 

 

 

 

 

Работа в сети интернет
Лучшие системы в сети
для заработка

 

 
 

 


 

 

 

В помощь Web-Дизайнеру

Создание сайта,  оптимизация,  раскрутка

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




 

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

 

Стань веб-мастером за 5 минут !


 

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

 


Итак. Начали. br>
Запустите любой текстовый редактор, например Блокнот, входящий в Windows ( Пуск- Программы- Стандартные - Блокнот).

Теперь наберите в нем этот "текст" :

<html>
<head>
<title></title>
</head>
<body>
</body>
</html>

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

Теперь поясню что есть что.
Команды в <> называются тегами. Теги бывают парные и не парные. Парные теги состоят из открывающего тега и закрывающего. Например тег <html> - открывающий тег, а </html> - закрывающий. Как видите разница в открывающем и закрывающем теге всего лишь в / .
Не парные теги состоят только из открывающего тега. Например тег <br> <img>. Какие теги парные а какие не парные - следует запоминать. Большинство тегов все же парные.

идем дальше....

Между тегами <title> и </title> напишем название нашей странички или сайта. Например вот так :

<html>
<head>
<title> Моя первая интернет-страница. </title>
</head>
<body>
</body>
</html>

Теперь между тегами <body> и </body> напишем то что мы хотим разместить на нашей странице....текст например :

<html>
<head>
<title> Моя первая интернет-страница. </title>
</head>
<body>
Это моя первая интернет- страница. Немного о себе. Я живу в Москве. Мне 20 лет. Я хочу заработать много денег. </body>
</html>

Теперь сохраним набранное нами в виде файла с расширением htm или html, например page1.html

Теперь запустите сохраненный Вами файл page1.html или откройте его в Internet Explorer.

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

Теперь идем дальше. Давайте поменяем цвет фона на нашей страничке. Цвет фона задается в теге body, и записывается в 16-ричной системе., где каждая из цифр или букв означает "количество" основных цветов - RGB - Red Green Blue.
Например <body bgcolor="#000000"> означает что цвет фона будет состоять из 00-красного, 00-зеленого, и 00 - голубого. Таким образом мы получим черный цвет.
Белый цвет фона кодируется так <body bgcolor="#FFFFFF">
Красный цвет фона кодируется так <body bgcolor="#FF0000">
Зеленый цвет фона кодируется так <body bgcolor="#00FF00">
Синий цвет фона кодируется так <body bgcolor="#0000FF">
Различные комбинации позволяют получить практически любой цвет фона. Например
Такой цвет <body bgcolor="#00CC99">
Такой цвет <body bgcolor="#FF9999">
Ну и т.д. Думаю система понятна.
Чтобы слова не расходились с делом - давайте и мы поменяем цвет фона нашей странички. Добавим параметр в тег Body, например вот так :

<html>
<head>
<title> Моя первая интернет-страница. </title>
</head>
<body bgcolor="#CC0000">
Это моя первая интернет- страница. Немного о себе. Я живу в Москве. Мне 20 лет. Я хочу заработать много денег. </body>
</html>

Сохраним нашу страничку и запустим ее опять в Internet Explorer, или нажмем кнопку "Обновить" в Internet Explorer.
Поэкспериментируйте с параметром bgcolor.

О переносе.
Если Вы хотите разделить набранный Ваш текст на части...т.е. сделать на странице операцию подобную нажатию кнопки Enter в текстовом редакторе - для этого нужно использовать не парный тег <br>
Разделим наш текст на несколько строк, например вот так :
<html>
<head>
<title> Моя первая интернет-страница. </title>
</head>
<body bgcolor="#CC0000">
Это моя первая интернет- страница. <br>Немного о себе. <br>Я живу в Москве. <br>Мне 20 лет. <br>Я хочу заработать много денег. </body>
</html>

ну или чтобы это выглядело более читаемо вот так :

<html>
<head>
<title> Моя первая интернет-страница. </title>
</head>
<body bgcolor="#CC0000">
Это моя первая интернет- страница. <br>
Немного о себе. <br>
Я живу в Москве. <br>
Мне 20 лет. <br>
Я хочу заработать много денег. <br>
</body>
</html>


Сохраните страничку и посмотрите ее в Internet Explorer. 

Для того чтобы выровнять по центру содержимое нашей странички, используется парный тег center.
Поставим октрывающий тег <center> перед содержимым нашей странички, а тег </center> после содержимого нашей странички, вот так :

<html>
<head>
<title> Моя первая интернет-страница. </title>
</head>
<body bgcolor="#CC0000">
<center>
Это моя первая интернет- страница. <br>
Немного о себе. <br>
Я живу в Москве. <br>
Мне 20 лет. <br>
Я хочу заработать много денег. <br>
</center>
</body>
</html>

Сохраним наш файл, откроем его в Internet Explorer и посмотрим что у нас получилось.

Теперь установим цвет текста для нашей странички. Цвет текста задается в теге body , например вот так text="#FFFF00"
Добавим этот параметр для нашей странички.

<html>
<head>
<title> Моя первая интернет-страница. </title>
</head>
<body bgcolor="#CC0000" text="#FFFF00">
<center>
Это моя первая интернет- страница. <br>
Немного о себе. <br>
Я живу в Москве. <br>
Мне 20 лет. <br>
Я хочу заработать много денег. <br>
</center>
</body>
</html>

Сохраним наш файл, откроем его в Internet Explorer и посмотрим что у нас получилось.

Теперь вставим какую нибудь картинку на нашу страницу. Например вот эту

 . Нажмите правую кнопку мышки и выберите "Сохранить рисунок как ..." для сохранения картинки. Выберите тот же каталог, где находится и файл интернет-страницы, и сохраните картинку под темже именем какое у нее есть - sea.jpg.



И вставляем вот этот код
<img src="sea.jpg"> в нашу страничку .

<html>
<head>
<title> Моя первая интернет-страница. </title>
</head>
<body bgcolor="#CC0000" text="#FFFF00">
<center>
Это моя первая интернет- страница. <br>
Немного о себе. <br>
Я живу в Москве. <br>
Мне 20 лет. <br>
Я хочу заработать много денег. <br>
<img src="sea.jpg">
</center>
</body>
</html>


Сохраним наш файл, откроем его в Internet Explorer и посмотрим что у нас получилось.

Как видите картинки вставляются в интернет-страничку с помощью тега img где в параметре src указывается файл картинки.

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


<html>
<head>
<title> Моя первая интернет-страница. </title>
</head>
<body bgcolor="#CC0000" text="#FFFF00">
<center>
Это моя первая интернет- страница. <br>
Немного о себе. <br>
Я живу в Москве. <br>
Мне 20 лет. <br>
Я хочу заработать много денег. <br>
<img src="sea.jpg"> <br>
<a href= Ищете работу на дому ? Нажмите здесь !</a>
</center>
</body>
</html>



Если например Вы хотите сделать чтобы и при нажатии на картинку осуществлялся переход на другой сайт то сделайте так :

<html>
<head>
<title> Моя первая интернет-страница. </title>
</head>
<body bgcolor="#CC0000" text="#FFFF00">
<center>
Это моя первая интернет- страница. <br>
Немного о себе. <br>
Я живу в Москве. <br>
Мне 20 лет. <br>
Я хочу заработать много денег. <br>
<a href=http://www <img src="sea.jpg"> <br>
Ищете работу на дому ? Нажмите здесь !</a>
</center>
</body>
</html>



Теперь надо "залить" эту страничку в Интернет. Чтобы ее могли увидеть не только Вы, а все пользователи Интернет.
Для этого сначала нужно получить хостинг....т.е. место на каком-либо сервере в интернет. Бесплатный хостинг предоставляют многие сервисы, например boom.ru . Идем на этот сайт и регистрируемся.

После этого можно закачать файлы нашей странички (файлы index.html sea.jpg) на сервер с помощью средств сайта boom.ru, но лучше это сделать профессионально. Т.к. не все сервисы предоставляющие хостинг имеют такой сервис, и закачка с помощью FTP-программы гораздо удобнее. Особенно если Вам надо залить не 2, а сотни файлов.

Из FTP программ наиболее популярны LeapFTP и CuteFTP.

Где их скачать ? Конечно же можно найти в Яндексе.
Установите у себя эту программу. Введите адрес сервера ftp.boom.ru, логин и пароль для вашего аккаунта, и соединитесь с сервером.
Затем скопируйте файлы с вашего диска на сервер.
Наберите адрес вашего сайта типа http://myfirstsite.boom.ru и проверьте Ваш сайт. Все !


ПОЗДРАВЛЯЕМ !
Вы прошли начальный курс вебмастера и теперь можете делать простейшие страницы и с помощью них начать зарабатывать деньги !


 






 

Страницы < 1 2 3 4 5 6 7 8 9 10 >
 

 

<<<В начало>>>

 








 

Ramblers.ru

Rambler's Top100

 

    

  

 
  
  

 

 

Copyright © 2006 Oleg Velikanov