Понедельник, 23.10.2017, 22:06
Placebo
Главная | Первые шаги HTML к странице - Форум русскоязычного сайта о музыкальной группе "PLACEBO" | Регистрация | Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум русскоязычного сайта о музыкальной группе "PLACEBO" » Дизайн » Разное о сайтах » Первые шаги HTML к странице
Первые шаги HTML к странице
placeboДата: Пятница, 04.05.2007, 15:28 | Сообщение # 1
Admin
Группа: Администраторы
Сообщений: 178
Репутация: 4
Статус: 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
Репутация: 4
Статус: 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>

Так что будьте внимательны, и пишите код своих страничек аккуратно и вдумчиво.


Жизнь полна разных эмоций, но только ты вправе их менять!
 
KeRyДата: Пятница, 04.05.2007, 23:43 | Сообщение # 3
Майор
Группа: Пользователи
Сообщений: 196
Репутация: 3
Статус: Offline
ВАУ! СПАСИБО ЭЛЕНА!!!!!!! УРА!!!!!!!! Я создала по твоим способам, короче, теперь у меня есть страница! Урра! КРУТО! Блин, но не понимаю как такие навороченные сайты делают? оболдеть! СУПЕР!! wacko wink wink biggrin smile

Люби себя таким, каким ты есть и жизнь начнет тебе улыбаться .
К.Б.
 
TX_AND_PlACEBOДата: Среда, 16.05.2007, 22:13 | Сообщение # 4
Рядовой
Группа: Пользователи
Сообщений: 61
Репутация: 0
Статус: Offline
Странно, а где продолжение? А можно и по photoshop сделать уроки? ^_^

Каким бы ты не был уродом внешне, даже, если у тебя странный череп, голова как из одного места, глаза втянутые в глазные дыры, ты должен быть собой, хотя все равно урод!))))))))))))))))
 
placeboДата: Вторник, 22.05.2007, 08:07 | Сообщение # 5
Admin
Группа: Администраторы
Сообщений: 178
Репутация: 4
Статус: 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)" />

Фоны


Стерео картинки! Короче, чтобы увидеть (объем в пространстве) надо скосить глаза и смотреть в одну точку, (посередине) и изображение начнет появляться) ))
Приблизьтесь к монитору на такое расстояние, чтобы вы не смогли сфокусироваться на картинке.
Лучше всего приблизиться ВПЛОТНУЮ.
Надо приблизится, и менять расстояние до картинки по принципу УДАЛЕНИЯ И ПРИБЛИЖЕНИЯ вашей головы, а соответственно и глаз от изображения...

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

При удалении от монитора некоторые фрагменты картинки будут приближаться к вам, а некоторые отдаляться.

Теперь внимательно посмотрите на эти изменения, и вы наконец-то увидите трехмерное изображение.

Не имея практики в рассматривании стерео картинок, лучше не бегать взглядом по всему стерео изображению и не моргать, иначе изображение может пропасть, а взгляд сфокусироваться на картинке.


Вот, тут
>>> компьютер появится, он развернут в левую сторону =)



Слон)))
Если, хотите могу послать вам продолжение картин))


Жизнь полна разных эмоций, но только ты вправе их менять!
 
Форум русскоязычного сайта о музыкальной группе "PLACEBO" » Дизайн » Разное о сайтах » Первые шаги HTML к странице
Страница 1 из 11
Поиск:


Меню сайта
Форма входа
Наш опрос
Как вам работы от пользователя "Chiba" в разделе Fan-Art?
Всего ответов: 35
Друзья сайта
Статистика
Copyright MyCorp © 2017
Сделать бесплатный сайт с uCoz