CompoWiki Форум

Не нашёл темы для пошагового освоения, поэтому, пусть все мелкие вопросы будут здесь.

Продолжаю познавать - http://html.manual.ru/ (http://html.manual.ru/) давно скачал учебник, автор: Vladimir Gorodulin, и, читая -

Вот научился методом "научного тыка" (переименовал ~.html в ~.txt , или при сохранении) :
1. В IE - File/Edit with NotePad  и в текстовом редакторе сохраняем File/Save As...  ~.html or ~.txt
Теперь понятна моя пробла, надо было бы просто переименовать, - изменил текст, сохранил текст, закрыл IE и открыл заново - изменения видны.
Вопрос:
Можно ли видеть СРАЗУ внесённые изменения? Неужели приходится ВСЁ закрывать и открывать заново?

2. Сохранил один пример в ~.htlm , а он оказался без папки, гольный файл, естесно, без фотки. Скопировал эту папку отдельно и вставил - работает.
Вопрос:
Папка с именем +__files с начинкой фоток и прочих файлов КАК получается/создаётся?
Нашёл в тексте (аж глаза переломал) ***_files/picture06.jpg и его расположение. Значит, кто-то это picture06.jpg хватает из этой папки и вставляет в поле сайта?

Обозначение ЦВЕТА:
1. bgColor=#9900cc MARGINHEIGHT (насыщенный фиолетовый) Из старенького.
2. BGCOLOR="#200020" (поменял 202020 - тёмно-серый на 200020 - фиолетово-чёрный. Пробую %-))...) Из новенького.
Вопрос:
Чем отличаются ЭТИ написания? Как видим, отличаются в "синтаксисе".

Наконец-то я нашёл таблицы цветов (6633ff - например) и текст автора: "Для удобства я расположил "безопасные" цвета в три таблицы по 216 цветов, отсортированные по разным цветовым компонентам."
Вопрос: "безопасные" цвета понятно, а "ОПАСНЫЕ" подразумеваются под теми, которые могут не читаться, или искажаться на слабеньких видеокартах/мониторах?

И последнее:
Отступ слева в тексте какой-то ступенчатый!?! На разных расстояниях от левого края.
Подвигал немного несколько строк, сохранил с другим именем~.htlm
Открываю - всё открылось без изменений, один-в-один, с фоткой. Хотя ИМЯ уже другое ****_red.html
А сайт другой (с таблицами цветов) страницы набран с небольшими пробелами, (Word Wrap включён/выключен) и никаких отступов.
Вопрос: Как получается? И откуда берутся прямоугольники? (в тексте есть, а здесь - пропали :crazy: )
Например -
[size=8].............<img src="../../img/null.gif" width=155 height=5><br>   
   <img src="../../img/-.gif" width=12 height=12 align=top><a href="../html.html">Введение</a><br>
   <img src="../../img/-.gif" width=12 height=12 align=top><a href="../html/hierarchy.html">Структура HTML документов</a><br>
   <img src="../../img/-.gif" width=12 height=12 align=top><a href="../html/comment.html">Вставка комментариев</a><br>
<br> <table bgcolor="#cc9900" width="100%" cellspacing="0" cellpadding="2" border="0">...............[/size]

У барана глаза на новые ворота более осмысленные, чем у меня, когда гляжу на этот текст сайта  :no2:

ЦитироватьМожно ли видеть СРАЗУ внесённые изменения? Неужели приходится ВСЁ закрывать и открывать заново?

[snapback]2126[/snapback]

Всё совсем просто.
Есть файл .html. Или есть файл .txt, который проще переименовать в .html. Правый клик --> Открыть с помощью. Выбираешь Блокнот, при повторной операции (клик и открыть) выбираешь IE.
Чтобы посмотреть измения быстро: в Блокноте меню Файл --> Сохранить, а в IE кнопка Обновить.

ЦитироватьПапка с именем +__files с начинкой фоток и прочих файлов КАК получается/создаётся?
Нашёл в тексте (аж глаза переломал) ***_files/picture06.jpg и его расположение. Значит, кто-то это picture06.jpg хватает из этой папки и вставляет в поле сайта?

[snapback]2126[/snapback]

Папку создаёт IE. Если сохранить ту же страничку скажем Оперой - папки не будет.
А по поводу того, кто чего куда хватает (браузер, не иначе... ) наверняка подробно написано в учебнике html-льном в главе про тег <img>

ЦитироватьВопрос: "безопасные" цвета понятно, а "ОПАСНЫЕ" подразумеваются под теми, которые могут не читаться, или искажаться на слабеньких видеокартах/мониторах?

[snapback]2126[/snapback]

Всё верно. Только по поводу искажения хочу добавить, что разные мониторы, совсем не обязательно старые, цвет показывают по разному. Разные браузеры тоже могут слегка в разном цвете показать одну и ту же картинку. Для наглядности можно попробовать открыть какое-нибудь контрастное изображение в Фотошопе, Corel Draw, IE и стандартной виндовской графической смотрелке.
Что в таких тяжёлых условиях происходит с безопасными цветами не знаю. Не работала я с ними специально и отдельно. Скучные они.

ЦитироватьКак получается? И откуда берутся прямоугольники?

[snapback]2126[/snapback]

А здесь у тебя вопрос получился не наглядный. :) Думаю, что методом тыка параллельно с прочтением учебника и сам разберёшься :)

KULISAM,
Все просто в HTML
Это впринципе обычный текст с правилами форматирования
поясню на примерах:

Надо написать текстст на сайте... "Привет посетителям сайта"
и сделать его жирным....


Привет посетителям сайта

Результат:  Привет посетителям сайта

Те почти все теги имеют открывающий и закрывающий тег...


"" - открывающий тег
"" - закрывающий тег


Надо вставить картинку в страничку images/pic.jpg и вписать ее в размеры квадрата 80*80 пикселей (точек) и сделать ему окантововку толщиной в один пиксель




Результат
(http://forum.compowiki.info/uploads/av-10.jpg)

ЦитироватьВопрос:
Можно ли видеть СРАЗУ внесённые изменения? Неужели приходится ВСЁ закрывать и открывать заново?

[snapback]2126[/snapback]

Видимо, тут встает вопрос о выборе инструмента для редактирования гипертекста, т.е. нужен редактор. Для начинающего нужен какой-либо из работающих по принципу WYSIWYG (What You See Is What You Get - что видишь, то и получишь). Есть крутые проги типа Dreamweaver, но они настолько круты, что на их изучение уйдет больше времени, чем на написание десятка страничек. Редакторы мы обсуждаем в теме web-редактор (http://forum.compowiki.info/index.php?showtopic=68)
На первое время советую попробовать Webcoder (http://www.webcoder.kiev.ua/ru/download.shtml), вот тебе скриншотик с него, присмотрись и разберешься  :)

(http://img244.imageshack.us/img244/3223/webcoder1kq.gif)

XSunX, -=SeaWolF/=-,
Ну, молодцы! Спасибоньки! Если так будем быстро двигаться, то скоро и сайт появится в Инете :-)
Поехали дальше:
А ПРЯМОУГОЛЬНИЧКИ-то в тексте есть! в моём примере пропали... Открыл текст другого сайта - всё-таки есть. Ладно, потом разберёмся.

Заглянул к провайдерам, договорился насчёт хостинга и домена. Для меня уже не ругательные слова, а понятные.
Значит, открываем Total Commander, жмём FTP кнопочку и появляется окошко... и управляем своим сайтом.

Вопрос: к чему приготовится и что там такого интересного?

abram4,
Ага, значит, посмотреться можем только после закрытия/открытия текста/сайта? Разобрались.
Dreamweaver и другие у меня есть, а  Webcoder обязательно проверю.

ЦитироватьА ПРЯМОУГОЛЬНИЧКИ-то в тексте есть! в моём примере пропали... Открыл текст другого сайта - всё-таки есть.

[snapback]2134[/snapback]

Прямоугольнички могут быть следами ненайденных картинок. Сделай на прямоугольнике правый клик - Свойства и посмотри что там написано.

Цитироватьпосмотреться можем только после закрытия/открытия текста/сайта? Разобрались.

[snapback]2135[/snapback]

Разобрались не до конца. На скриншоте явно видно, что в верхнем окне ты пишешь код, а в нижнем сразу видишь что из него получается. Очень похоже на Dreamweaver в режиме Split :D Если откроешь ту страницу с прямоугольниками в Webcodere, то в нижнем окне можешь его выделить а в верхнем увидеть код, который его описывает. Тогда хоть будет понятно о каких таких прямоугольниках речь.

ЦитироватьЗаглянул к провайдерам, договорился насчёт хостинга и домена.

[snapback]2134[/snapback]

Ну и темпы у тебя, однако  :clap_1:

ЦитироватьВопрос: к чему приготовится и что там такого интересного?

[snapback]2134[/snapback]

Да ничего особенного. Несколько стандартных папок и файлов. Тебе нужно будет туда загрузить свои файлы и папки и всех делов. Главное, чтобы первый файл сайта назывался index.html (иногда default.html). Только прежде, чем сайт загружать я бы посоветовал все-таки поставить Денвер и погонять на нем, проверить что все линки правильные, страницы друг с другом связаны, картинки на местах ... Иначе потом на сайте придется либо в онлайне править, либо заново загружать исправления.

Касаемо главных фалов :)

ЦитироватьГлавное, чтобы первый файл сайта назывался index.html (иногда default.html).

Я немножечко поправлю...
Заглавные фалы и обрабатываемые расширения задаются на сервере (хостинге)
Обычно по умолчанию заглавные файл на Unix серверах это index.html (default.html)
а на Windows серверах index.htm (default.htm)
Это связано с тем что на Windows Серверах в плане совместимости с старыми версиями Windows NT4 где ограничением фаловой системы имя фала должно было быть вида [имя 8 символов].[расширение 3 сивола]
А на Unix-совместимых системах ограничения в расширении фала в три символа нету.
Далее еще один подводный камень у начинающих это прописные и строчные символы в названии фала...
Пример: в Windows системе ссылка на Defaul.htm или Defaul.HTM и defaul.htm - это один и тотже файл - то в Unix совместимой системе это будет совершенно три разных файла...

И вот типичные пример.... подводного камня....
Создали вы картинку в фоттошопе (В ОС Windows) обычно по умолчанию она создает файлый с разширением записанным прописными - те (file.JPG)
а ссылку на файл вы указали
Вот так:



Вместо



В ОС Windows - это можно не считать ошибкой
но при переносе на Unix хост вместо картинки будет пустой "квадратик" о ктором было упомянуто... ранее

Поэтому дам такую рекомедацию:

Следует создавать фалы в нижнем реестре и с длинной имени не более 8 симоволов в латинице и расширением в 3 символа
т.е. такого формата - [filename].[ext]
Тогда проблемм в переносе на любой хостинг не возникнет ;)

Хотя с расширении в 3 сивола можно и опустить так как северов на Windows NT4
Осталось довольно мало... но лучше сразу иметь привычку к написанию кода и особенно гиперссылок в нижнем регистре... (пригодится еще такая привычка если вдруг будете изучать языки программирования типа С/С++ и т.п.)

Далее если установленны скриптовые надстройки (PHP, Java, Perl, ASP)
То обычно по умолчанию приоритет отдается последнемму установленному, пример привожу:
Усли провадер установил на сервер(Windows NT) ASP потом PHP то если он ничео не менял
то приоритет в поиске головного файла будет таким...
index.php (default.php)
index.asp (default.asp)
index.htm (default.htm)

те при запросе www.domain.com в указвнном каталоге привязанному к этому домену ищется сначала index.php (default.php)
далее если нету фала index.php (default.php)
ищет index.asp (default.asp)
если и его нету ищет index.htm (default.htm)
Если нету ничего из опичанного выдаст стандарную ошибку 404 - File not Found

Вобщем лдиб читать мануалы по хостингу либо уточнить это вопрос у хостера...

abram4,
Так в тексте (это я называю открывшийся Notepad.txt) [] вот такие РОВНЫЕ прямоугольники. Вполне возможно, что и "следы".
И тут новая напасть!
Ни на одном IE & Maxthon не нашёл File/Edit with NotePad !!!!
Везде File/Edit - закрыто? Что это за фокус?
Или из-за того, что сижу в Инете?

" поставить Денвер и погонять на нем" - прогу скачал. Это значит, свой сайт с его помощью просмотреть?

-=SeaWolF/=-,
Скорее Винда стоит у них, уточню.   Дают имя ***.~.uz
Предполагаю, что это будет окончание имени их сервера.
За инфу спасибо! Буду разбираться...

ЦитироватьТак в тексте (это я называю открывшийся Notepad.txt) [] вот такие РОВНЫЕ прямоугольники. Вполне возможно, что и "следы".

[snapback]2145[/snapback]

Не, так дело не пойдет, слишком ты все запутываешь. Что еще за файл Notepad.txt? И не представляю я твои прямоугольнички, хоть убей. Принеси скриншот с них и все будет ясно.

ЦитироватьНи на одном IE & Maxthon не нашёл File/Edit with NotePad !!!!

[snapback]2145[/snapback]

Зачем тебе Edit в браузере? Ну, отредактируешь, а дальше что? Другое дело, если ты хочешь код тсраницы просмотреть, поучиться на примерах - для этого есть инструмент View - Source. А к Макстону есть одноименный плагин (может быть, даже в комплекте) и еще есть плагин покруче - ViewPage (http://maxthon.tarapages.com/plugins/pafiledb.php?action=file&id=433)

Цитировать" поставить Денвер и погонять на нем" - прогу скачал. Это значит, свой сайт с его помощью просмотреть?

[snapback]2145[/snapback]

Не только посмотреть. На Денвере сайт строят и тестируют. Но вопросы по Денверу - в другой теме. (http://forum.compowiki.info/index.php?showtopic=358).

Ничанаем с картинки - см. аттач. (так, облазил все кнопки и не кнопки, нечем приаттачить!) А такой красивый фот приготовил... :D
Как мне показать всем? Принесённый скриншортик? Куда мне жать?

С денвером разбираюсь, читаю.
Просматривать изменения научился.

С Новым годом! :tomato1:

2 abram4
Денвер Денвер... ну ина фига он нужен? при изучении HTML?
KULISAM,
как ты сказал Приатачить :) вообщем картинку сделать подложкой - ну это как 2 пальца об асфальт :)

есть старый способ но оон уже устарел и не является правильным в новой стандартизации (Х)HTML

допустим тебе надо припиндюхать картинку между какимито элементами....
и ес-но подложкой...
берем и делаем вот так:

А тут Типа куча всего того что поверху будет :)

ЦитироватьКак мне показать всем? Принесённый скриншортик? Куда мне жать?

[snapback]2229[/snapback]

Аттачи выключены. Про картинку
см. тему Как показать на форуме картинку (http://forum.compowiki.info/index.php?showtopic=61) Только, плз, постарайся картинку сделать шириной не больше 500 px. Если очень хочется показать полный экран, просто дай линк на картинку с ImageShack (http://imageshack.us/), без прописывания тэгов [IMG]. И не вздумай в bmp вываливать  ;)  

-=SeaWolF/=-, я уже говорил, не обязательно Денвера ставить. Может быть только на последнем этапе, перед загрузкой на сайт. И то, только для проверки что на хостинге все сработает. А то есть всякие приколы с кириллическими именами файлов или регистром букв в именах из-за которых что-нить может не сработать. Про это мало кто упоминает, а я в свое время на грабли наступил  :grabli: Какая-то прога,  уже не помню, при обработке картинок сохраняла их в *.JPG , а линки в моих  html показывали на *.jpg и картинок не было видно. Причем обнаружилось это когда уже залил файлы на хостинг...

Воюю с сайтами - они не сдаются... :crazy:
Пока никто не взял мою фотку... :o
Новый год встречают, однакось :haha:

ЦитироватьВоюю с сайтами - они не сдаются...

[snapback]2233[/snapback]

"Нормальные герои всегда идут в обход"©Айболит-66
Чего с ними воевать? Даден линк - ImageShack (http://imageshack.us/). В верхней строке надо нажать Browse и пробраузить к файлу картинки на своем диске. Нажать кнопку host it, подождать пока загрузится. На следующей странице скопировать из предпоследней строки Direct link to image линк. Вставить его в пост здесь, получится вот так - http://img362.imageshack.us/img362/5619/arrow9nu.jpg (http://img362.imageshack.us/img362/5619/arrow9nu.jpg)
Если этот же линк взять в тэги (//,%20%3Cbr%20/%3E%5Bcode%5D%5BIMG%5Dhttp://img362.imageshack.us/img362/5619/arrow9nu.jpg)[/code]

то картинку будет видно в посте вот так -

(http://img362.imageshack.us/img362/5619/arrow9nu.jpg)

Если еще добавить тэги center
[center][IMG]http://img362.imageshack.us/img362/5619/arrow9nu.jpg[/IMG][/center] то картинка разместится по центру поста

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

И где фотка? Линк по центру, а остальное? (Вот, млин, парило меня... :crazy: Пока не переименовал в... :haha: )
Ужал фотку, еле видно ;)  Сайт упорно не хотел принимать, а потом случилось, ура! :clap_1:

Пока не включил две галочки...
Пятая, последняя строка Direct link to image, а остальные тоже с моей фоткой.
Может Hotlink for forums (1) и (2), Hotlink for Websites - всё нужно для разных целей?

Уф... Могу добавить, что с обновлением станиц разобрался.
Закрываем с сохранением ТЕКСТОВЫЙ (NotePad) редактор. Жмём Refresh на IE и изменения видны. Спасибо XSunX надоумила :clap_1:
Только хотел сказать, что в Инете у меня НЕТ "Редактировать с помощью текстового редактора" (Edit with Notepad) - закрытая функция, как обнаружился сайт, на котором это пашет :rolleyes: в Инете!
Побочный вопрос:
1. ЭТО примочки сайтов?
2. ЭТО специфика Инета? Вне Инета - всё работает!  :good:

ЦитироватьМожет Hotlink for forums (1) и (2), Hotlink for Websites - всё нужно для разных целей?

[snapback]2250[/snapback]

Это нужно для других форумных движков и для втыкания картинки в сайт. У нас надо пользоваться  Direct link to image

ЦитироватьУжал фотку, еле видно

[snapback]2250[/snapback]

Лучше бы не было видно ...  :newconfus: что это за уродство? Неужели так в ТЕКСТОВЫЙ (NotePad) редактор видно? Если ты решил пользоваться блокнотом, то дальше я тебе не помошник, терпеть не могу извращений  :beee:

Цитироватьв Инете у меня НЕТ "Редактировать с помощью текстового редактора" (Edit with Notepad)

не пойму, зачем тебе редактировать в Инете?

abram4,
Вот теперь понятно - в Инете эта кнопка отдыхает.
Нужно было доказать, что прямоугольники существуют.
Что я и сделал.

XSunX
Немного отступлю от, для меня замороченных "тегов", и спрошу просто:
Небольшой скроллинг КРУЖЕВА с тенью на неподвижном цветном фактурном фоне это не проблематично? Для сайта маленького, на 3-5 МБ?
А то придумал я себе заморочку, вот и ищу КРУЖЕВА, да ещё и ПРОЗРАЧНЫЕ! Чтобы с тенью ложились на фон (среднесерый, для подчеркивания цвета одежды/моделей).
1. Найти КРУЖЕВА. (могу сделать в .gif or .jpg?)

Итого: на "кружевах" фотки моделей одежды, женской. Текст - номер или несколько слов описания. ВСЁ!
Длинна - 5-7 экранов/мониторов. (но может и больше)
ТЕНЬ - если сложно, можно пропустить, без тени падающей.
Вот такой вот "ход конём" - осилю? Для новичка возможно?

эээ ... а что такое кружева? background image?

abram4
background image для размещения образцов ФОТО + текст.
В ИнетПроводнике видна одна часть - неподвижная.
Назову её ПОДЛОЖКА.
А всё остальное - привязано к ползунку/скроллингу. Перемещаем - двигаем.
Это и есть ОСНОВА - background image - в виде кружева.
Можно от них пустить и тень на нижний слой - основу - ПОДЛОЖКУ.
(мечта такая...)
Насколько это реально и выполнимо? (для полных юзеровичей!? :newconfus: )

ЦитироватьА то придумал я себе заморочку, вот и ищу КРУЖЕВА, да ещё и ПРОЗРАЧНЫЕ! Чтобы с тенью ложились на фон (среднесерый, для подчеркивания цвета одежды/моделей).

[snapback]2569[/snapback]

Плохо представляю, что ты хочешь сделать, KULISAM.  Но вот то, что мне представилось, выглядит так: однотонный фон для всей страницы (типа <body bgcolor="#CCCCCC">) и кусок с картиночным бэкграундом, где картинка - кружево. Непонятно - почему только он должен скроллиться. На той части, где бэкграунд просто серый, должна быть какая-то информация?
По поводу прозрачности картинки... .jpg прозрачность не понимает вообще. В .gif возможна только 100% прозрачность. Если нужно, чтобы картинка была полупрозрачная (ну чтобы под ней что-нибудь просвечивало), то тут всё плохо. Такое может только .png, но в ИЕ это всё равно не работает. Думаю, что можно просто кружева на сером фоне следать. Чтобы они казались прозрачными.
А вообще, показал бы эскиз, чтоли... Или какой-нибудь похожий по конструкции сайт... Для общей понятности...

Цитировать1. Найти КРУЖЕВА. (могу сделать в .gif or .jpg?)

[snapback]2569[/snapback]

Глянь приват. Если не подойдёт, можно будет ещё что-нибудь подумать. Или через Яндекс...

ЦитироватьТЕНЬ - если сложно, можно пропустить, без тени падающей.

[snapback]2569[/snapback]

Лучше пропустить. Или нарисовать. На бэкграунде с кружевами.

ЦитироватьНасколько это реально и выполнимо?

[snapback]2574[/snapback]

Всё равно непонятно, что ты хочешь сделать. :)

XSunX
Твоя картинка кружев почти точно подходит - и ФОН есть, и тени. :clap_1:
Остаётся сделать всё равномерно и готово - размещай на нём МОДЕЛИ и прокручивай :crazy:
НО: тени и фон будут перемещаться вместе с кружевами... А это совсем другой эффект!
Мелкая сеточка (фактура) на сиреневом фоне - это для меня ФОН/ПОДЛОЖКА - неподвижный, чтобы двигающиеся ТЕНИ от вышитых кружев были видны.

Вот такой прикид - на объём потянуло... :haha:  И ФОТО моделей, размещённые на кружевах, чтобы тоже тени оставляли :no2:

...показал бы эскиз, чтоли... - ну прям твои кружева :good:
И за остальное спасибо, буду разбираться :rolleyes:

Вопрос: использование для фона .gif или .jpg в каких случаях и уже - КАК?
Какие особенности и отличия?

Понравившиеся мне фоны оказываются такими длинненькими горизонтальными .gif -ками, вставляешь в Аутлук на фон письма - тот же результат. И мельчайшими размерами тоже бывают.
А .jpg - уже прямоугольники, квадраты.

Конечно, я сделаю и .gif , и .jpg, надо проверить. У меня задача сделать ажурный фон 1/5, или 1/7 повторяющаяся по высоте окна. То есть - горизонтальный трафарет.