- •Html не язык программирования.
- •Урок 2 Создание простой html странички.
- •Ничего сложного я тут не вижу. Пойдем дальше. Размер и шрифт текста.
- •Вот и все. Заданий пока не будет. :) Параграфы.
- •Заголовки.
- •Урок 7 Курсив, жирный текст, подчеркнутый текст.
- •Урок 8 Ссылки. Все о работе с ссылками.
- •Урок 9 Вставка картинок и их атрибуты.
- •Картинки как ссылки.
- •Специальные символы.
- •Урок 12 Линии - очень просто.
- •Списки, нумерация.
- •Урок 14 Создаем простую таблицу.
- •Урок 15 Создаем простую таблицу. Ширина, высота.
- •Настройка рамки.
- •Урок 16 Настройка рамки.
- •Урок 17 Выравнивание содержимого таблицы.
- •Урок 18 Как растянуть ячейки.
- •Вложенные таблицы.
- •Вступление. Понятие о фреймах.
- •Создаем простой фрейм.
- •Создаем усложненный фрейм.
- •Убираем лишнее.
Создаем усложненный фрейм.
Вы уже умеете создавать простые фреймы. Теперь пришло время показать вам как создать более сложный фрейм. Выглядеть это будет так:
|
А код будет выглядеть так:
Напишите этот код в блокноте. Сохраните в index.html.
<html> <head> <title>Создание простого фрейма.</title>
<frameset rows="100,*">
тут мы разбили на строки. Фрейм будет размером в 100 пикселей. <frame name="logo" target="main" src="mlogo.html">
сразу устанавливаем страничку для этого фрейма
<frameset cols="100,*"> тут мы на другой строке делаем еще фрейм, но только делаем теперь 2 ячейки
<frame name="menu" target="main" src="menu.html"> <frame name="main" src="main.html">
тут мы устанавливаем для ячеек странички </frameset>
</frameset>
</head> </html>
Создайте main.html и напишите там все что душе угодно.
Создайте logo.html и напишите там следующий код:
<html> <head> <title>Меню</title> </head> <body bgcolor="#000000" link="white" vlink="yellow" alink="green"> <a href="ссылка" target="main">Урок 1</a> <a href="ссылка" target="main">Урок 2</a>  <a href="ссылка" target="main">Урок 3</a> <a href="ссылка" target="main">Урок 4</a>  <a href="ссылка" target="main">Урок 5</a> </body> </html>
Создайте menu.html и напишите там следующий код:
<html> <head> <title>Меню</title> </head> <body bgcolor="#000000" link="white" vlink="yellow" alink="green"> <a href="ссылка" target="main">Урок 1</a><br><a href="ссылка" target="main">Урок 2</a><br> <a href="ссылка" target="main">Урок 3</a><br><a href="ссылка" target="main">Урок 4</a><br> <a href="ссылка" target="main">Урок 5</a> </body> </html>
Сохраните все странички в папку с index.html. Посмотреть пример.
А теперь попробуйте сами написать код вот к такому расположению .
|
Те, кто не смог, нажмите сюда.
<html> <head> <title>Создание простого фрейма.</title> <frameset cols="100,*"> <frameset rows="100,*"> <frame name="logo" target="main" src="mlogo.html"> <frame name="menu" target="main" src="menu.html"> </frameset> <frame name="main" src="main.html"> </frameset> </head> </html> |
Остался последний урок. И наверное из уроков по фреймам самый легкий
Убираем лишнее.
А теперь давайте приглядимся к нашему фрейму. Чего-то не хватает, а наоборот, слишком большие рамки. Нехорошо... Их нужно ликвидировать. :) Для этого у тэга <frameset> есть атрибут border (<frameset border="0">), да тот самый border. Мы уже знаем как он работает. Так давайте уберем эти поля. Ну как? Получилось? С полями мы разобрались. Теперь идем к скролбару(полоса прокрутки).
Чтобы ее убрать нам нужен тэг <frame>, а точнее, его атрибут scrolling. Ок. Он у нас. Теперь будем действовать. Найдите нужный вам тэг <frame> и напишите в нем этот самый атрибут (scrolling="no"). Получилось? Теперь разберемся с отступами.
Отступы можно сократить или наоборот - прибавить. :) Но мы будем их сокращать. Для этого нам нужны 2 атрибута тэга <frame>. Это marginwidth="число в пикселях" marginheight="число в пикселях". Вставьте эти атрибуты в тэг <frame> и поизменяйте их значениея. И вы все сами поймете.
Ну вот и все. Надеюсь этот учебник вам помог хоть освоить этот не язык программирования HTML.
Ссылки
Заработок
http://proforex.narod.ru - Партнерская Программа для вебматеров Рунета. Можно заработать от 3$ до 20$.
http://main.goldenmlm.com - МЛМ проект. Можно реально заработать. Подробней.
http://hack-game.net.ru - "Хакер" - пирамида-игра. Тоже заработок, только это пирамида. Ну они почти одинаковые.
http://www.bxod.com - Заработать 10 центов в день. :)
Вы думаете зачем я вам это все предоставил, а все просто. Вы сможете заработать с помощью своего сайта. А на бесплатный хостинг я вам тоже предоставлю ссылки. Пользуйтесь...
Бесплатный хостинг.
http://www.igorenat.hut.ru/xosting.htm - На этом сайте вы сможете найти сервера, предоставляющие бесплатный хостинг.
Раскрутка сайта.
http://www.igorent.hut.ru/raskrutka.htm - Список серверов, где вы можете раскрутить свой сайт.
Обмен валюты.
ROBOXchange.com - поможет вам легко и быстро произвести обмен e-gold, WebMoney, Яндекс.Деньги, e-port.
Все вместе. :)
http://www.igorent.hut.ru - Много разной информации, скриптов, раскрутка сайта, заработок, ссылок, кодов, читов, свежие вирусные новости и многое другое.
Короче, все это вы сможете найти на сайте http://www.igorent.hut.ru.