HTML, CSS, DHTML, XML и т.д.

Уроки HTML

,

изучаем вместе

Дата публикации:

Vselennaya, 20.01.2006 - 22:06

Давайте учить вместе smile.gif У кого есть хороший материал, делимся.

Vselennaya, 20.01.2006 - 23:19

Урок 1
Итак, для начала создай на диске отдельную директорию (папку) для будущей страницы (порядок прежде всегоsmile.gif.
D:\первые шаги\
Теперь откроем блокнот (notepad) и скопируем туда следующий текст:


Мой первый шаг


Здравствуйте, это моя первая страница.


Добро пожаловать! smile.gif


А теперь сохраним этот документ, присвоив ему имя *.html (прим.)

D:\первые шаги\index.html

Теперь откроем, допустим, Internet Explore (не закрывайте блокнот, он нам еще пригодится).

Файл - Открыть - кнопка Обзор - Наш документ (index.html).

Если мы чего-то изменили в нашем *.html документе (в блокноте), то, чтобы посмотреть как это выглядит в Internet Explorer, надо не забывать нажимать в IE (Internet Explorer) кнопку ОБНОВИТЬ (тоже самое касается других броузеровsmile.gif Если изменений не видно, то это значит, что вы где-то что-то неправильно написали, или забыли сохранить документsmile.gif

Посмотрим теперь, что у нас получилось smile.gif

Infernus, 21.01.2006 - 2:02

вот, книжечка для чтения перед сном...Книга Дмитрия Кирсанова Веб-дизайн (5.9 MB, RUS)


cokain, 24.01.2006 - 0:15

за книжку спасибо напиши ещё вот в проге DHTMLMenu Softthink создал менюшку...там написано как ставить, а делать чтоб картинки с определённой точки грузило, что писать в коде надо...и как я сначала с компа позагржаю сделаю сайт, а потом залью с этими же картинками в нет...или по другому?

Infernus, 24.01.2006 - 0:25

Только я вот этой программкой не пользуюсьwink.gif Да ничего...щас установлю посмотрим!;)Разберёмся...

Добавлено:

кстати если есть свой сайт, дай ссылку мне в личку я гляну, ведь, лучше 1 раз увидеть чем...wink.gif

Mister_Gosha, 24.01.2006 - 1:26

А можно не в блокноте все писать, а пользоваться каким нибудь HTML редактором (например CoffeeCup HTML Editor 2006)... Там наверное легче создавать страницы? Можно писать и сразу просматривать что получается?

Infernus, 24.01.2006 - 19:26

Я бы тебе не советовал им пользоваться, не буду говорить что он плохой, но лучше будет писать в Dreamweaver'e, или хотябы в Front Page 2003, хотя и непонимаю почему его так не любят, пусть он и кладёт лишний кб в текст, зато там интерфейс понятен любому, кто работал с Word'om! Ещё хороший MetaProducts Visual Workshop, он вообще прост как дважды два...

Добавлено:

ксати да во всех вышеперечисленных редакторах можно просмотреть что получится!;)

ЭЖД, 24.01.2006 - 21:43

ph34r.gif Тебе еще может пригодиться Adobe GoLive

Infernus, 24.01.2006 - 21:50

QUOTE
Тебе еще может пригодиться Adobe GoLive


Кстати да, и Micromedia HomeSite тоже, правда советую сразу не бросаться на них, они не такие уж простые, сначала нужно руку набить, а потом на мельницы кидаться...

cokain, 27.01.2006 - 5:15

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

Infernus, 27.01.2006 - 10:03

Если ты HTML уже выучил, тогда тебе лучше начать с Micromedia Dreamweaver'a (MX 2004 желательно, так как в новом пока глюков многовато)

Eleonore, 22.03.2006 - 12:45

Ага, макромедиа рулит, пусть теперь учит CSS

yah, 22.03.2006 - 12:57

А у кого нить есть добротный материал по CSS?

Infernus, 23.03.2006 - 0:59

вот тут посмотри:

_http://www.css.su/

_http://wcode.ru/css/

_http://www.metabo.com...s.htm#base_css

_http://www.palsanich.ru/7.php

_http://www.ozon.ru/co...il/id/1099692/

и ещё одна очень полезная программка

TopStyle Lite 3.10


CrombL, 19.04.2006 - 12:03

Странно, вот на
http://www.css.su/ все на инглише. А на русском?

Zane, 15.08.2006 - 8:19

у начинающего много вопросов всегда. Сама в-первые полгода назад узнала что страница это не просто картинка. Если есть Дримвивер то это упрощает понимание. Чтоб наглядно посмотреть что из себя представляет страница, выбери какой-нить сайт(желательно с картинками) нажми правую кнопку мыши на любом месте где курсор не активен, и выбери вью сорс (к сожалению как по-русски не знаю), появится содержание всей странице в блокноте (если он у тебя стоит на компьютере) сохрани где-нить этот файл у себя в htm or html . Открой с Дримвивером, сделай разделение на код и дезайн. И куда бы ты ни поставил курсор, эта точка отобразится в коде. Ты увидишь таблици и их параметры, увидишь картинки и где в таблицах они стоят и их размеры. Картинок естественно не будет, потому как картинки - это отдельная папка, а на странице прописан только путь, где в каком файле на хосте данного сайта лежит картинка.
Можно стелать по-другому, меню > Файл > Save as > сохранение в htm/html (выпадающее окошко под предлагаемым названием, обычно предлагается по умолчанию). Таким образом сохраняется страничка и сохраняются, в отдельной папке, картинки, которые использованы на страничке. Страницу открываешь в Дримвивере и сморишь где что использовано.
Прошу заранее прощение, если сей текст привел кого-нить в неистовое бешенство.
Но я думаю чайникам, а таким несомненно я и являюсь, можно многое простить. wink.gif

И у меня вопрос по мастабированию картинок. Нужно чтоб картинка увеличивалась или уменьшалась в соответствии с разверткой экрана. Если кто знает где об этом написано прошу дать ссылку или описать процесс.

Infernus, 13.01.2007 - 23:46

лучше поздно чем никогда smile.gif

Zane, в принципе это возможно...но качество изображения будет хуже (, а это совсем не желательно smile.gif Зачем нам некачественная графика на сайтах...!? smile.gif

Обычно это называют "резина", когда страничка растягивается на всю ширину экрана, это задаётся в настройках таблицы или слоя, выставляется ширина таблицы (слоя) в % (100%)....smile.gif

saleks1, 24.01.2007 - 17:25

По моему отличный самоучитель по HTML Е.Л.Полонской. Всё очень доступно и хорошо илюстрировано.

Alexey83, 4.03.2007 - 22:08

QUOTE
QUOTE
Тебе еще может пригодиться Adobe GoLive


Кстати да, и Micromedia HomeSite тоже, правда советую сразу не бросаться на них, они не такие уж простые, сначала нужно руку набить, а потом на мельницы кидаться...


а для чего нужны эти программы Adobe GoLive, Micromedia HomeSite?

PS классная ссылка
для тех кто решил делать сайт wink.gif

llELViSll, 4.03.2007 - 23:09

конечно тут уже много насоветовали, но хочу посоветовать сайт для тех кто УЧИТСЯ делать сайты.(я и сам хочу этому научится)

Alexey83, 5.03.2007 - 7:05

QUOTE(llELViSll @ 4.03.2007 - 23:15)
конечно тут уже много насоветовали, но хочу посоветовать сайт для тех кто УЧИТСЯ делать сайты.(я и сам хочу этому научится)
http://www.postroika.ru/
*


да классный сайт

x-foby, 5.03.2007 - 8:27

ИМХО учебники надо юзать когда перед этим сам код поучишь.
я учил код так:
1) создавал страничку во фронт пэйдже.
2)просматривал и заучивал теги
3) писал такую же страницу в блокноте

а вот потом на уже сложившейся базе читал учебники

Pasquill_X, 11.03.2007 - 18:27

вот тут есть хорошая вещица по хтмл, такой себе справочник...
http://html.manual.ru/
=)

BlackJack, 22.12.2007 - 0:32

Кто работал с прогай HFS ? мне узнать надо как сделать чтобы видио можнобыло прямо с сайта смотреть.

кстати ктонибудь видел сайты где можно скачать (шаблон-тему) на HFS?

Safarid, 20.01.2008 - 13:41

Можно ли используя только html сделать так чтобы, картинка маштабировалась в зависимости от разрешения монитора?

ZaHack, 20.01.2008 - 13:58

Safarid, сам задавался этим вопросом smile.gif Нельзя, к сожалению...

дымчик, 7.03.2008 - 3:57

Sauron, только средствами JavaScript'а - по-другому - никак.


версия для печати -> Полная версия

SoftoRooM © 2004-2024