| Уроки HTML | HTML, CSS, DHTML, XML и т.д. |
|
|
Давайте учить вместе
У кого есть хороший материал, делимся.
Урок 1
Итак, для начала создай на диске отдельную директорию (папку) для будущей страницы (порядок прежде всего
.
D:\первые шаги\
Теперь откроем блокнот (notepad) и скопируем туда следующий текст:
<html>
<head>
<title>Мой первый шаг </title>
</head>
<body>
Здравствуйте, это моя первая страница.
<br>
Добро пожаловать! ![]()
</body>
</html>
А теперь сохраним этот документ, присвоив ему имя *.html (прим.)
D:\первые шаги\index.html
Теперь откроем, допустим, Internet Explore (не закрывайте блокнот, он нам еще пригодится).
Файл - Открыть - кнопка Обзор - Наш документ (index.html).
Если мы чего-то изменили в нашем *.html документе (в блокноте), то, чтобы посмотреть как это выглядит в Internet Explorer, надо не забывать нажимать в IE (Internet Explorer) кнопку ОБНОВИТЬ (тоже самое касается других броузеров
Если изменений не видно, то это значит, что вы где-то что-то неправильно написали, или забыли сохранить документ
Посмотрим теперь, что у нас получилось ![]()
| У Вас нет прав для просмотра этого текста, пожалуйста, зарегистрируйтесь |
за книжку спасибо напиши ещё вот в проге DHTMLMenu Softthink создал менюшку...там написано как ставить, а делать чтоб картинки с определённой точки грузило, что писать в коде надо...и как я сначала с компа позагржаю сделаю сайт, а потом залью с этими же картинками в нет...или по другому?
Только я вот этой программкой не пользуюсь
Да ничего...щас установлю посмотрим!;)Разберёмся...
Добавлено:
кстати если есть свой сайт, дай ссылку мне в личку я гляну, ведь, лучше 1 раз увидеть чем...![]()
А можно не в блокноте все писать, а пользоваться каким нибудь HTML редактором (например CoffeeCup HTML Editor 2006)... Там наверное легче создавать страницы? Можно писать и сразу просматривать что получается?
Я бы тебе не советовал им пользоваться, не буду говорить что он плохой, но лучше будет писать в Dreamweaver'e, или хотябы в Front Page 2003, хотя и непонимаю почему его так не любят, пусть он и кладёт лишний кб в текст, зато там интерфейс понятен любому, кто работал с Word'om! Ещё хороший MetaProducts Visual Workshop, он вообще прост как дважды два...
Добавлено:
ксати да во всех вышеперечисленных редакторах можно просмотреть что получится!;)
Тебе еще может пригодиться Adobe GoLive
да я блокнотом пользуюсь и браущерами...сайта ещё нету..вы стока написали челы кто-нить один конкретно скажате что качать для полного разжёвывания на тарелочки подношения мне сайта..
Если ты HTML уже выучил, тогда тебе лучше начать с Micromedia Dreamweaver'a (MX 2004 желательно, так как в новом пока глюков многовато)
Ага, макромедиа рулит, пусть теперь учит CSS
А у кого нить есть добротный материал по CSS?
вот тут посмотри:
_http://www.css.su/
_http://wcode.ru/css/
_http://www.metabo.com.ru/design/tutcss.htm#base_css
_http://www.palsanich.ru/7.php
_http://www.ozon.ru/context/detail/id/1099692/
| У Вас нет прав для просмотра этого текста, пожалуйста, зарегистрируйтесь |
Странно, вот на
http://www.css.su/ все на инглише. А на русском?
у начинающего много вопросов всегда. Сама в-первые полгода назад узнала что страница это не просто картинка. Если есть Дримвивер то это упрощает понимание. Чтоб наглядно посмотреть что из себя представляет страница, выбери какой-нить сайт(желательно с картинками) нажми правую кнопку мыши на любом месте где курсор не активен, и выбери вью сорс (к сожалению как по-русски не знаю), появится содержание всей странице в блокноте (если он у тебя стоит на компьютере) сохрани где-нить этот файл у себя в htm or html . Открой с Дримвивером, сделай разделение на код и дезайн. И куда бы ты ни поставил курсор, эта точка отобразится в коде. Ты увидишь таблици и их параметры, увидишь картинки и где в таблицах они стоят и их размеры. Картинок естественно не будет, потому как картинки - это отдельная папка, а на странице прописан только путь, где в каком файле на хосте данного сайта лежит картинка.
Можно стелать по-другому, меню > Файл > Save as > сохранение в htm/html (выпадающее окошко под предлагаемым названием, обычно предлагается по умолчанию). Таким образом сохраняется страничка и сохраняются, в отдельной папке, картинки, которые использованы на страничке. Страницу открываешь в Дримвивере и сморишь где что использовано.
Прошу заранее прощение, если сей текст привел кого-нить в неистовое бешенство.
Но я думаю чайникам, а таким несомненно я и являюсь, можно многое простить.
И у меня вопрос по мастабированию картинок. Нужно чтоб картинка увеличивалась или уменьшалась в соответствии с разверткой экрана. Если кто знает где об этом написано прошу дать ссылку или описать процесс.
лучше поздно чем никогда ![]()
Zane, в принципе это возможно...но качество изображения будет хуже (<img border="0" src="logo.gif" width="100%" height="20%">, а это совсем не желательно
Зачем нам некачественная графика на сайтах...!? ![]()
Обычно это называют "резина", когда страничка растягивается на всю ширину экрана, это задаётся в настройках таблицы или слоя, выставляется ширина таблицы (слоя) в % (100%)....![]()
По моему отличный самоучитель по HTML Е.Л.Полонской. Всё очень доступно и хорошо илюстрировано.
| У Вас нет прав для просмотра этого текста, пожалуйста, зарегистрируйтесь |
| У Вас нет прав для просмотра этого текста, пожалуйста, зарегистрируйтесь |
конечно тут уже много насоветовали, но хочу посоветовать сайт для тех кто УЧИТСЯ делать сайты.(я и сам хочу этому научится)
| У Вас нет прав для просмотра этого текста, пожалуйста, зарегистрируйтесь |
ИМХО учебники надо юзать когда перед этим сам код поучишь.
я учил код так:
1) создавал страничку во фронт пэйдже.
2)просматривал и заучивал теги
3) писал такую же страницу в блокноте
а вот потом на уже сложившейся базе читал учебники
вот тут есть хорошая вещица по хтмл, такой себе справочник...
http://html.manual.ru/
=)
Кто работал с прогай HFS ? мне узнать надо как сделать чтобы видио можнобыло прямо с сайта смотреть.
кстати ктонибудь видел сайты где можно скачать (шаблон-тему) на HFS?
Можно ли используя только html сделать так чтобы, картинка маштабировалась в зависимости от разрешения монитора?
Safarid, сам задавался этим вопросом
Нельзя, к сожалению...
Sauron, только средствами JavaScript'а - по-другому - никак.