CHAIKA

Главная | Регистрация | Вход
Среда, 27.11.2024, 21:57
Приветствую Вас Гость | RSS
Меню сайта
Категории каталога
Мои статьи [51]
Справка по системе [59]
Запись [11]
Flash-накопители [21]
Закачка [35]
Игры [29]
Защита [76]
Локальная сеть [35]
WEB-master [44]
Восстановление [40]
Portable Soft [18]
Оптимизация [34]
Анонимайзер [4]
Ноутбуки [44]
Нетбуки [8]
Система - установка [21]
Деньги в интернете [19]
WINDOWS 7 [35]
Новые статьи [13]
Цифровое видео [26]
Мини-чат
200





Главная » Статьи » WEB-master

Сайт за 5 минут

Сайт за 5 минут


Да. Вы МОЖЕТЕ создать сайт. И свой первый сайт вы сделаете всего лишь за
5 минут !


Итак. Сначала нам нужен простейший текстовый редактор, например Блокнот.


Для того чтобы запустить Блокнот, жмем кнопку Пуск -> Все программы ->
Стандартные -> Блокнот



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


<html>

<head>

<title>Моя первая интернет страница всего лишь за 5 минут</title>

</head>


<body>


Сегодня замечательный день. <br>Я сделал свою
первую интернет страничку.


</body>


</html>


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


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



Выбираем место на диске для сохранения файла, создав, например, для нашего
обучения папку site на диске С.

Сохранять в "Мои документы" или "Рабочий стол" не надо!
Затем вводим имя файла, под которым мы сохраним нашу страничку. Вводим, например,
page.html, в типе файла устанавливаем (если возможно) Все файлы (*.*)
и жмем кнопку "Сохранить"



Тут такой нюанс, если блокнот сохранил ваш файл как page.html.txt (если нельзя
было выбрать опцию тип файла "Все файлы (*.*) - то переименуйте его
в page.html


Для удобной работы с файлами (копирование, перемещение, переименование, редактирование
и т.д.) рекомендую установить программу Windows Commander или Total Commander.
Легко найдете в интернете.


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


Теперь найдите на вашем диске сохраненный файл page.html.


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


У вас запуститься ваш браузер, например Internet Explorer и откроется вот
такая страничка
.


Возможные проблемы:


Если у вас не запускается созданный файл в виде интернет-страницы и вместо
интернет-страницы вы видите набранный вами код, то скорей всего файл сохранился
как page.html.txt Проверьте! Зайдите на диск средствами Windows или через оболочку
типа Total Commander и посмотрите. Блокнот иногда может добавить .txt Следовательно
если обнаружен такой косяк - переименуйте файл в page.html


 


Если вдруг у вас на экране "кракозябры" -значит
надо установить в браузере кодировку страницы Cyrillic Win-1251, в Опере это
делается так:



Если у вас Internet Explorer, то сменить кодировку можно через меню Вид - Кодировка
- Кириллица (Windows).


 


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


Разве было сложно ? Думаю что нет и можно продолжить.


 


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


И вам жизненно необходимо этому научиться, если вы действительно хотите зарабатывать
в интернете
! И я помогу вам в этом !

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


 


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


Создание страниц производиться с помощью языка гипертекстовой разметки HTML
(Hyper Text Marker Language).


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


Теги бывают парные и не парные. Парные теги например <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, можно двинуться дальше.

Категория: WEB-master | Добавил: chaika2 (07.05.2009)
Просмотров: 644 | Комментарии: 2 | Рейтинг: 0.0/0 |
Всего комментариев: 2
1 chaika2  
0
Раскрашиваем страницу

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

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

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

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

<body>

Сегодня замечательный день. <br>Я сделал свою первую интернет страничку.

</body>

</html>

- Изменение цвета фона страницы.

Добавьте в тег <BODY> следующий параметр тега bgcolor="#00CCFF", чтобы в итоге получилось так

<bodybgcolor="#00CCFF"]color=blue]>[/color]


2 chaika2  
0
Полный текст можно скачать или посмотреть в оригинале

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа
Поиск
Друзья сайта
  • Все для веб-мастера
  • Программы для всех
  • Мир развлечений
  • Деревенька
  • Районная сеть Чайка.Net










  • Помогло? Скажи спасибо!

    Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0

    Copyright MyCorp © 2024 |