Jump to content

Виртуальный домик для черепашек


Recommended Posts

  • Replies 324
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

При составлении Index.htm нам придется пользоваться языком HTML...

Проще всего создать в блокноте текстовый файл со следующим текстом (можно скопировать отсюдва):

 

<HTML><HEAD>

<TITLE>Виртуальный домик для черепашек</TITLE>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

</HEAD><BODY>

<H2>ДОБРО ПОЖАЛОВАТЬ<BR>В ДОМИК ЧЕРЕПАХ</H2></BODY>

</HTML>

 

Теперь текстовый файл сохраним c именем index.htm и откроем спомощью браузера. Примитивненько, но начало положено. Далее с помощью все того же блокнота можно до-"украсивливать" страничку... Главное, соблюдать принципы HTML...

Итак, пространство <HTML> ....все остальное.... </HTML> содержит все данные html-документа. <HEAD> ..... </HEAD> содержит по большей части тех.информацию, нужную больше для браузера, чем для пользователя. <BODY> .... </BODY> содержит основной текст и графику.

Link to comment
Share on other sites

Эскиз вполне мил. Вот и опробуем его в процессе строительства!

 

всё то же самое, но по русски?
Ок. Перевожу:

Пост #27 начиная с 4 строки по 9 - делаешь Ctrl+C, открываешь notepad, Ctrl+V, Save as, указываешь имя Index.htm... Запоминаешь, куда сохранила, открываешь соответствующую папку и дважды клацаешь мышой по файлу... Фтыкаешь :)

Link to comment
Share on other sites

А пост последний когда?

Да, он один из админов Удава. Был по крайней мере - как у них там сейчас, я не знаю. Конфликты какие-то... Мы как раз с ним о взаимных ссылках и договаривались.

Link to comment
Share on other sites

А пост последний когда?

Да, он один из админов Удава. Был по крайней мере - как у них там сейчас, я не знаю. Конфликты какие-то... Мы как раз с ним о взаимных ссылках и договаривались.

26-07-2005, 18:19 ... млин, я чую так без Шредера останемся:)) Я ему в аську стукнула:))

Удафф... как много в этом звуке...:)):D :D :D

Link to comment
Share on other sites

Шредер говорите.. :rolleyes:

Не. Я ещё маленький что бы принимать участие в подобных оргиях :o :D

Тело, ты шо такэ говоришь, нифуясе маленький! Такой, можно сказать Труп, даже более того - ТРУП, всем трупам труп и тут - маленький! Хотя мертвый Шредер - это парадокс:)) Гы - Я узнал его тайное имя! Треплтрепл его тайное имя!(с) Стивен Кинг, Томминоккеры
Link to comment
Share on other sites

Еще немного о кирпичиках из которых наш дом состоит:

<тэг атрибут=значение> ... </тэг>

Для удобства я и далее буду выделять разные элементы разными цветами.

Это общий шаблон наших кирпичиков. Вот как это выглядит в предыдущем примере - <BODY><H2 align=center>ДОБРО ПОЖАЛОВАТЬ<BR>В ДОМИК ЧЕРЕПАХ</H2></BODY>

 

Тэги.

<H1> ... </H1>, <H2> ... </H2>, <H3> ... </H3>, <H4> ... </H4>, <H5> ... </H5>, <H6> ... </H6> - разноколиберные заголовки. 1 - самый большой, 6 - самый маленький.

<P> ... </P> - создает параграф

<Table>...</Table> - создает таблицу

<TR>...</TR> - создает строку в таблице, <TD>...</TD> - создает ячейку в таблице

<FONT>...</FONT> - изменяет шрифт

<BR> - перенос строки. Второй половинки - </BR> - ставить не надо.

<IMG> - "рисует" картинку (из указанного файла), </SRC> ставить не надою

 

Атрибуты и значения.

align - отвечает за выравнивание строки по горизонтали. Может делать ЭТО по центру, по правому краю, по левому краю и равномерно. Значения, соответственно, center, right, left, justify...

valign - отвечает за выравнивание строки по вертикали. Может делать ЭТО по середине, по верхнему краю, по нижнему краю - middle, top, bottom...

bgcolor - определяет цвет бэкграунда - подложки, фона. Может иметь значения - либо имя цвета (black, white, silver, gold, green, red, purple и т.д.), либо код цвета (#FFFFFF, #FF0000, #FFFF66, #E0E0F6 и т.д.)

background - устанавливает картинку, заполняющую бэкграунд. Значение равно URL картинки (например <Body background="http:\\closet-ninja.fatal.ru\picture.gif"> ... </Body> сделает фоновым изображением странички картинку с адресом http:\closet-ninja.fatal.ru\picture.gif)

size - отвечает за размер шрифтов, значение = 1, 2, 3, 4, 5, 6, 7

color - отвечает за цвет текста, значения - те же, что и в bgcolor

face - отвечает за то, какой именно шрифт будет использован, значения - имя шрифта - Arial, Times New Roman, Verdana, Tahoma, Comic Sans, Impact...

src - отвечает за адрес файла (например, содержащего картинку). Значения такие же как для background

border - отвечает за размер рамки вокруг элемента (картинки, таблицы, ячейки таблицы и т.д.). Значения border = любое число.

Link to comment
Share on other sites

Итак, пробуем...

 

<HTML><head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<title>Канализация</title>

</head>

<body bgcolor="gold" background="yellow-brick2.jpg">

<table border="0" width="100%" height="99%">

<tr><td>

<h1 align="center"><font color="#00CC99" face="Verdana">КАНАЛИЗАЦИЯ<br>черепашек-ниндзя</font></h1>

</td></tr>

</table>

</BODY></HTML>

 

Попробовать в нете можно здесь - http://turtles-f-one.narod.ru/

Если будете пробовать на локальном ПК, прежде чем тестить надо скачать бэкграундные картинки - *.jpg (проще делать через ftp).

 

Теперь попробуйте изменить цвета/размеры шрифтов/бэкграунды... В сандалить туда еще чего-нибудь... забавного. Назовите файл ваше_имя_или_ник.htm & выкладывайте на ftp, а потом швыряйте сюда ссылку http://turtles-f-one.narod.ru/ваше_имя_или_ник.htm. Кстати, не забудте, если в вашу страничку вмонтированы картинки, не забудте скинуть их тоже...

 

Специально для продвинутых

http://turtles-f-one.narod.ru/00html.chm - внеклассное чтиво по html

http://turtles-f-one.narod.ru/00css.chm - внеклассное чтиво по стилям css

 

*шепотом* Pro Schumi, хотел быть вторым ведушим? У нас первый конкурс! Готовь фак-таблички, завтра будем конкурсные работы оценивать :D

Link to comment
Share on other sites

http://turtles-f-one.narod.ru/Index2k.htm

http://turtles-f-one.narod.ru/2.htm

 

итак, первые двое участников уже есть... Лидеры, так сказать, нашего хит парада!.. (Кстати, кто второй? Такой скромный, что даже не подписался :D ) К понедельнику, надеюсь, число увеличится... и второй участний раскроет свою инкогниту :D

 

2 Джера

Джу... почему они желтые то, а не черные?! Кирпичики в смысле?
Дык, paint есть? Save as имя.jpg - и вот тебе черные кырпичики ;). Рисуй!
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share


×
×
  • Create New...