|
Первые шаги HTML к странице
| |
| placebo | Дата: Пятница, 04.05.2007, 15:28 | Сообщение # 1 |
 Admin
Группа: Администраторы
Сообщений: 178
Статус: Offline
| И так, создаем отдельную папку на компьютере, только так, чтобы не потерять ее! Где-нибудь там, чтобы вы всегда видели - это для будущей странице!
Называете как угодно, но лучше, чтобы это было понятно, что это сайт, а не собрание каких-нибудь там картинок )))
2) Открываем блокнот - notepad (start – programs – accessories – notepad или пуск – программы – стандартные – блокнот и скопируем туда следующий текст: <html>
<head>
<title>НАЗВАНИЕ СТРАНИЦЫ)))!</title>
</head>
<body>
ДАРОВКИ, ЭТО САЙТИК О ПЛАСИБО ТАКОЙ)))
<br>
ПРИВЕТ, ЭТО И ЕСТЬ САЙТ!!
</body>
</html> Написав подобно, мы должны его сохранить! (как это сделать)?
Делаем - Файл -> Сохранить Как (File -> Save as)
Называем его index.html
почему в конце названия .html ? Мы ему сделали теперь не блокнотный вид, а уже html - страничный)) как-бы присвоили еще к имени .html
Сохраняем в папку, ту, что создавали до этого!
выглядить должно так (ваша папка) и в ней один файл - html
index.html
вот, так!
Теперь откроем броузер, это может быть - Internet Explorer, может же OPERA, вообще есть разные, но это не важно сейчас! (не закрывайте блокнот, он еще пригодится), и откроем в броузере наш документ.
Можно, просто два раза щелкнуть по документу в папке, а можно и открыть его через сам броузер, я же в папке щелкаю два раза и открываю))
Ну, можно и так
Файл - Открыть - кнопка Обзор - Наш документ (index.html)
File – Open – Browse – index.html
Если мы чего-то изменим в нашем *.html документе (в блокноте), то, чтобы посмотреть, как это выглядит в нашем броузере, надо не забывать нажимать в броузере кнопку ОБНОВИТЬ (кнопка F5, выше "4") Если изменений не видно, то это значит, что вы где-то что-то неправильно написали, или забыли сохранить документ. Скорее второе! Обычно, просто забывают сохранить, но если забыли - сохраните, обновите, посмотрите))
Первое, что нам нужно усвоить: хтмл (html) - это то, что мы сейчас изучаем.
Второе, что нам нужно усвоить: html не является языком программирования, он предназначен для разметки текстовых документов (т.е. с помощью него мы размечаем текст, таблицы, картинки и т.д. на нашей странице). То, как будут выглядеть картинки, текст и другие элементы на вашей странице, и как они будут располагаться относительно друг друга, определяют метки (tags или тэги). Пример тэга: <br> (перенос текста на другую строку). Попробуйте вставить еще несколько тэгов <br> в нашем документе перед «ПРИВЕТ, ЭТО И ЕСТЬ САЙТ!!». Сохраните. Посмотрите в вашем броузере, что получилось. Итак, все, что находится между < и > - это тэг. Текст, не находящийся между такими скобками < > - весь виден при просмотре в броузере. Надо знать обязательные теги, это такие теги, которые вы всегда должны прописывать для каждой своей страницы, даже не смотря на бури, уранные бедствия )) <html> Этот тэг должен открывать документ. Если есть открывающий тэг, то должен быть и закрывающий: </html> Некоторые тэги, вроде <br>, не требуют закрывающего тэга.
Жизнь полна разных эмоций, но только ты вправе их менять!
|
| |
|
|
| placebo | Дата: Пятница, 04.05.2007, 15:33 | Сообщение # 2 |
|
Admin
Группа: Администраторы
Сообщений: 178
Статус: Offline
| Итак, вернемся, к нашему документу! <head> </head> - голова документа
<body> </body> - тело документа Все тэги, расположенные между <head> </head>, это что-то вроде служебной информации. Например <title>- заголовок. Зачем он? Откройте IE (Internet Explore), либо ваш броузер, с нашим документом и устремите свой взгляд на заголовок окна... Увидели?:) Все тэги, расположенные между <body> </body> - непосредственное содержание документа. Следующие несколько ступенек будут посвящены именно этим тэгам: мы узнаем, как менять цвет текста, фона, как делать текст крупнее-мельче, поговорим о картинках, таблицах и многом другом. Но прежде, все-таки закончим наш разговор о тэгах, в общем. <тэг> </тэг> - не просто тэг, это контейнер - тэг, который может содержать внутри себя другие тэги (и текст). Обратите внимание: <тэг1><тэг2><тэг3> ... </тэг3></тэг2></тэг1> Только такая очередность закрывающих тэгов верна: тэг, который мы открыли первым - закрываем последним, второй – предпоследним и т.д. Т.е. следующая очередность нежелательна и не верна, она может привести к ошибкам на вашей страничке: <тэг1><тэг2><тэг3> ... </тэг3></тэг1></тэг2> Так что будьте внимательны, и пишите код своих страничек аккуратно и вдумчиво.
Жизнь полна разных эмоций, но только ты вправе их менять!
|
| |
|
| |
|
| TX_AND_PlACEBO | Дата: Среда, 16.05.2007, 22:13 | Сообщение # 4 |
 Рядовой
Группа: Пользователи
Сообщений: 61
Статус: Offline
| Странно, а где продолжение? А можно и по photoshop сделать уроки? 
Каким бы ты не был уродом внешне, даже, если у тебя странный череп, голова как из одного места, глаза втянутые в глазные дыры, ты должен быть собой, хотя все равно урод!))))))))))))))))
|
| |
|
|
| placebo | Дата: Вторник, 22.05.2007, 08:07 | Сообщение # 5 |
|
Admin
Группа: Администраторы
Сообщений: 178
Статус: Offline
| | Quote (TX_AND_PlACEBO) | | photoshop сделать уроки? |
Можно%) Ну, вообще я даю индв. уроки фотошопу и html =)
Предлагаю сделать аватар (любого стиля, от готики до полного гламура - частые просьбы именно с этим связанные...), обою (с вашей темой, т.е. вами заданная тема, например, какая-либо музыкальная группа, либо обоя с разными актерами, ваши и др.) видео-монтаж, календарь с вашей фотой (вы выбераете фотографию, которую хотите заказать, либо же за дополнительную плату - я делаю вам обою, коллаж, далее вставляю)
Подобные услуги - не дорогие, время работы зависит от поставленной Вами цели! Плюс, уроки фотошопа, html в придачу, если, кому надо =)
Стучите в асю 413551081
или на е-маил placeboworld@yandex.ru
или пишите на  : lady_wolf3d@bk.ru
Все подробности обсуждаются уже лично!))) И просто , для разнообразия я решила выложить разную анимацию, фоны и стерео картинки! работы не мои, но подобные я в силе сделать =))!
 
   
<img src="http://img1.liveinternet.ru/images/attach/b/1/17561/17561434_4fc40f6eb362055c109acf4285081057.gif" width="100" height="100" alt=" (100x100, 4Kb)" /> Фоны
  Стерео картинки! Короче, чтобы увидеть (объем в пространстве) надо скосить глаза и смотреть в одну точку, (посередине) и изображение начнет появляться) ))
Приблизьтесь к монитору на такое расстояние, чтобы вы не смогли сфокусироваться на картинке.
Лучше всего приблизиться ВПЛОТНУЮ.
Надо приблизится, и менять расстояние до картинки по принципу УДАЛЕНИЯ И ПРИБЛИЖЕНИЯ вашей головы, а соответственно и глаз от изображения... Теперь медленно удаляйтесь от монитора, но взгляд не меняйте. При удалении от монитора некоторые фрагменты картинки будут приближаться к вам, а некоторые отдаляться. Теперь внимательно посмотрите на эти изменения, и вы наконец-то увидите трехмерное изображение. Не имея практики в рассматривании стерео картинок, лучше не бегать взглядом по всему стерео изображению и не моргать, иначе изображение может пропасть, а взгляд сфокусироваться на картинке. 
Вот, тут
>>> компьютер появится, он развернут в левую сторону =)
Слон)))
Если, хотите могу послать вам продолжение картин))
Жизнь полна разных эмоций, но только ты вправе их менять!
|
| |
|
|
|
|
| Меню сайта |
|
|
 |
| Форма входа |
|
|
| Наш опрос |
|
|
| Друзья сайта |
|
|
|
