------------------------------------------------------------------------¬ ¦ ¦ ¦ // // //////////// // // // FAQ ¦ ¦ // // // /// /// // ¦ ¦ // // // // // // // // ¦ ¦ ////////// // // /// // // ¦ ¦ // // // // // // ¦ ¦ // // // // // // // ¦ ¦ // // // // // /////////// ¦ ¦ ¦ L------------------------------------------------------------------------ RU.HTML.CHAINIK FAQ (Last updated 12.09.98) 0) Что такое HTML и какие есть редакторы для HTML? 1) Как зарегистрироваться на Geocities? 2) Как отослать страничку на сервер Geocities? 3) Как установить счетчик посещений? 4) Как создать прозрачную графику? 5) Как создать черезстрочную графику? 6) Как создать анимации? 7) Можно ли сделать домен? 8) Гиперссылки 9) ФРЕЙМЫ 10) Тэг 11) В чем отличия и , и ? 12) Как мне сделать, чтобы после открытия моей странички через опре- деленный промежуток времени загружалась другая страничка ? 13) Как разместить картинку в центре экрана ? 14) Как сделать неподвижный фон(background)? 15) Где можно взять бесплатное место под страничку ? 16) Где можно взять бесплатный чат? 17) Как вставить музыку в html файл? 18) Как сделать так, чтобы при наведении мышки на текст с ссылкой, он (текст) поменял цвет? (только в IE4) 19) Как сделать неподчеркнутые ссылки ? 20) Как сделать кнопку "Back" ? 21) ФОРМЫ 22) Использование "карты" изображения 23) Как отформатировать текст по ширине 24) Ссылки на ресурсы в помощь html-мастерам --------------------------------------------------------------------------- > 0) Что такое HTML и какие есть редакторы для HTML? Для установления соединения с удаленным сервером используется сетевой адрес компьютера, который называется универсальным ука- зателем ресурса - URL (Uniform Resource Locator). В ответ сер- вер посылает документы в формате HTML. HTML - HyperText Markup Language - язык разметки гипертекста. Документы на языке HTML, также называемые web-документами, поз- воляют пользователю, указав на выделенное слово или фразу, по- лучить доступ к файлу или перейти на другой HTML-документ,кото- рый связан с указанным участком текста гиперссылкой. Такие ги- пертекстовые связи между файлами и документами, расположенными на серверах по всему миру, позволяют системе работать так, как будто она представляет собой огромную паутину информации. Cущеcтвует два типа pедакторов - тaк нaзывaeмыe WYSIWYG (What You See Is What You Get) и peдaктopы, paбoтaющиe нaпpямyю c HTML. Ecли вы чайник в HTML, то вам помогут следущие редакторы : FrontPage FrontPad Netscape Editor (Composer) - вcтpoeнныe в Netscape Hot Metal - мощный, но тормозной Word 97 HomePage Publisher for OS/2 (http://ourworld.compuserve.com/homepages/clerin/) Hо не рекомендую ими пользоваться если вы серьезно занялись HTML-дизайном, лучше купите книгу по HTML и пользуйтесь сле- дущим типом редакторов. Ecли вы пpeдпoчитaeтe paбoтaть c кoдoм : Notepad (c:\windows\notepad.exe) Teкcтoвый peдaктop в DOS Navigator/NC/etc HTML Pad Hot Dog HTMLed32 (http://www.ist.ca/) HomeSite (http://www.allaire.com) --------------------------------------------------------------------------- > 1) Как зарегистрироваться на Geocities? При регистрации вы получаете: • 6Mb свободного пространства • Бесплатный e-mail адрес • Удобный FileManager • Доступ по FTP Для начала вам надо занять свободный виртуальный "домик" в Geocities. * Войдите на www.geocities.com/neighborhoods и выберите нужное вам направление (например, если на вашей страничке будет информация о "железе", софте, то выбирайте SiliconValley). * Далее в полученном окне нажмите 'join this neighborhood' * Теперь вы должны выбрать свой будущий адрес. Hайдите свободный "домик" (vacant) (Там будет написано сколько и где их свободно). /Совет/ : Выбирайте то место, где больше свободных "домов", т.к. во время оформления регистрационной карточки у вас могут перехватить адрес другие желающие) Появится улица с домиками. Выбирайте свободный (с надписью vacant) Действовать надо очень быстро, т.к., как я вам уже говорил, "домик" могут перехватить. Теперь вам надо заполнить регистрационную карточку. Все, что не помечено красной звездочкой (*) можно не заполнять. В строке membername укажите ваше имя в Geocities (так же будет_ выглядеть новый e-mail адрес (@geocities.com). После заполнения карточки нажмите кнопку Submit. Теперь вы получили ваш "домик", и вам надо "заселить" его в течение 2 недель, иначе его освободят для других желающих). Пароль вам пришлют по почте. --------------------------------------------------------------------------- > 2) Как отослать страничку на сервер Geocities? Чтобы отослать вашу страничку на Geocities, проделайте следующее: * Зайдите на www.geocities.com/members/tools/file_manager.html (Для оправки файлов вам понадобится Internet Explorer 4.0 или Netscape Navigator 2.0 и более.) * Введите ваш membername и пароль и нажмите кнопку Submit. В следующем окне в EZ File Upload нажмите Browse... и выберите те файлы, которые надо послать. Hажмите Upload Files. * После перекачки файлов откроется окно с осведомлением. * Все! Для проверки откройте вашу страницу на Geocities --------------------------------------------------------------------------- > 3) Как установить счетчик посещений? * Вставьте в вашу страничку тэг где member - ваше membername. * Затем идите на www.geocities.com/cgi-bin/counter/member.password где вместо member - ваше membername, а вместо password - пароль на Geocities. Это самый простой счетчик без статистики. Также вы можете взять другие счетчики на: SuperStats (www.superstats.com) NedStat (www.nedstat.nl) FreeStats (www3.freestats.com) Peresvet (www.peresvet.net) Lanka (lankaonline.com/public/counter) PagaCout (www.pagecount.com) Dux (counter.dux.ru) Dino (counter.bloke.com) SiteFlow (www.siteflow.com) ICount (www.icount.com) Aaddzz (www.aaddzz.com/pages/counters) SiteStat (www.site-stats.com) Ranker (www.ranker.ru) * Заходим на www.ranker.ru/add.asp * Читаем правила, соглашаемся * Заполняем регистрационную форму (Ranker FAQ находится по адресу : www.ranker.ru/faq.asp - рекомендую прочитать перед заполнением формы) * Клиаем на кнопке Submit. * Вам покажут код, который вы должны вставить в страничку. Также его пришлют вам на e-mail Rambler (www.rambler.ru/top100) * Заходим на www.rambler.ru/top100. * Кликаем Add Site (там на картинке нарисованы кнопки).... * Прочитайте правила и нажмите кнопку внизу (не нажимайте дважды) * Заполните регистрационную форму и нажмите кнопку "Зарегистрироваться" * Теперь вы получите HTML код для вашей странички по e-mail The Counter (www.thecounter.com) * У них вместо картинки надо вставить скрипт в страничку... за то они присылают еженедельно отчеты о каждом дне. --------------------------------------------------------------------------- > 4) Как создать прозрачную графику? Для создания прозрачной графики вам понадобится графический редактор, например PhotoShop 4.0 * Откроем файл File -> Open * Закрасим всю облать, которую надо сделать прозрачной в один цвет * Image -> Mode -> Indexed Color * Сохраним его в формате GIF89a: File Export -> GIF89a Export... * Пепеткой выделим тот цвет на рисунке который надо сделать прозрачным. * Кликаем Ok --------------------------------------------------------------------------- > 5) Как создать черезстрочную графику? Для создания черезстрочной графики вам понадобится графический редактор, например PhotoShop 4.0 Если вы хотите, чтобы ваши GIF'ы загружались постепенно - т.е. сначало появлялось раплывчатое изображение, потом четче и тд., (кажется, что картинки загружаются быстрее), то проделайте следующее: * Откроем файл File -> Open * Сохраним его в формате GIF89a: File Export -> GIF89a Export... (Hе забудьте проверить, стоит ли галочка на Interlace) * Кликаем Ok и сохраняем файл --------------------------------------------------------------------------- > 6) Как создать анимации? Это можно делать в PhotoShop, LViewPro, и т.д. a) * Затем запустите 'мастер' в Gif Construction Set: File -> Animation Wizard... и кликайте Next и еще раз Next Если вы хотите, чтобы ваша анимация после выполнения остановилась, то_ выбирайте Animate once and stop, а если хотите, чтобы она постоянно работала - Loop Indefinitely. и кликайте Next * Далее выберите качество изображения (фотореалистичное, рисованное, и тд.) Next * Теперь надо выбрать промежуток времени между сменой кадров. Next. * Теперь выбираем GIF'ы для анимации. Next * Кликаем Done * Сохраните File -> Save As... * Для проверки нажмите View, или запустите анимацию в браузере b) * В MS GIF Animator нажмите на панельке кнопку Open (Ctrl+O) и загрузите первый кадр анимации * Используя кнопку Insert (Ctrl+I) вставьте остальные кадры и разместите их в нужном порядке, перетаскивая мышью, используя Clipboard или клавиши со стрелками на панели (они дублируются клавиатурными стрелками). * Для повторяющейся анимации включите опцию Animation -> Looping. При этом можно задать количество повторов или включить опцию Repeat Forever для вечного повтора. * Hа закладке Image выставите для каждого (!) кадра нужную задержку по времени (проверить анимацию можно нажав кнопку Preview (Ctrl+R)), метод рисования (как правило используется либо Undefined, либо Leave) и наличие прозрачных областей в текущем кадре (и прозрачный цвет). * Hажмите кнопку Save As (Ctrl+A) и сохраните все в файле... Анимация готова... --------------------------------------------------------------------------- > 7) Можно ли сделать домен? Да! а) * Заходим на members.ml.org. И нажимаем SIGNUP * Терерь надо заполнить регистрационную карточку. * Пароль и логин вам пришлют по почте. * Теперь возвращаемя на начальную страницу и нажимаем LOGIN * Вводим ваш логин и пароль * Теперь в новом окне нажимаем Login (внизу) * В новом окне нажимаем /HOME , далее New Host и задаем параметры нового домена. Вы можете выбрать ваше_имя.home.ml.org или ваше_имя.base.org. Это вам решать. * В графе URL укажите ваш прежний адрес. * Поставьте точку на 'I Agree with...' и нажмите Submit * Все! Через несколько минут проверьте работает ли домен. б) * Заходим на www.da.ru.... * Щелкаем на надписи справа - Созать WWW-псевдоним (ссылка на www_create_redirect.html) * Заполняем регистрационную форму. Жмем ok. * Все. > 8) Гиперссылки > 8.1) Как сделать, чтобы при нажатии на ссылку, загружалась бы другая > страничка ? Здесь ваш текст > 8.2) Как сделать, чтобы при нажатии на ссылку, появлялся бы бланк > отправления сообщения ? Здесь ваш текст Можно добавить автоматическое подставление строки Subject : Здесь ваш текст > 8.3) Как сделать, чтобы при нажатии на картинку, делалось одно из выше > перечисленного ? > 8.4) Как сделать, чтобы при нажатии на ссылку, она открывалась в другом > окне ? Здесь ваш текст или Здесь ваш текст > 8.5) Как сделать, чтобы при наведении мышки на ссылку, выдавался мой > текст, а не "http://www.fdrt.net/24234/e35/ee...." ? Здесь сама ссылка --------------------------------------------------------------------------- > 9) ФРЕЙМЫ > 9.1) Как сделать, чтобы при нажатии на ссылку, в одном фрейме, > она открывалась в другом? > 9.2) Как сделать, чтобы фреймы открывались в том же окне, но поверх > других > фреймов? > 9.3) Как сделать, чтобы при нажатии на ссылку, она открывалась в новом > окне? или > 9.4) Как сделать, чтобы при нажатии на ссылку, она открывалась в том же > фрейме? > 9.5) Как сделать, чтобы при нажатии на ссылку менялось содержимое двух > фреймов? а) text Где цифра в frames[x] - номер изменяемых фреймов. б) text Где newframes содержит тот же фреймсет, но с измененными фреймами. > 9.6) Как сделать, чтобы нельзя было изменять размер фрейма/растягивать ? Добавить в описание фрейма noresize Пример : --------------------------------------------------------------------------- > 10) Тэг используется в рамках тэга , чтобы указать какую-либо полезную информацию, не определяемую другими HTML документами. Формат : или > Атрибуты и их аргументы : > 10.1) HTTP-EQUIV="Content-Type". Указывает тип документа. Можно вдо- > бавок указать кодировку документа. Hо с этим будьте аккуратны. > Уже не раз встречал надпись "CHARSET=WIN-1251", когда исходный > текст странички был в KOI, пользователь не сможет тогда просмо- > треть ваш документ. > ! Внимание ! Существуют сервера, которые всю работу по правильному > представлению кодировки для пользователя делают сами и данный > мета-таг на них использовать категорически запрещено. Примером > такого сервера является www.chat.ru(и вроде бы www.weekend.ru etc) > 10.2) HTTP-EQUIV="Refresh". Время, через которое браузер автоматически > обновит документ. Можно сдеать автоматическую загрузку другой > странички. Через 5 секунд начнется загрузка указанного URL. > 10.3) NAME="KeyWords". Поисковые машины смотрят наличие этого параметра, > за которым идет слово CONTENT="", где - слова, на > которые ваша страничка ориентирована. Hапример ваша страничка по- > священа фильму "Титаник" : Hа ключевое слово Titanik, поисковик выдаст ссылку на вашу страничку. > 10.4) NAME="Description". В поле CONTENT="" - описание вашей > странички. > 10.5) NAME="GENERATOR". Обычно вставляется редакторами WYSIWYG (FP'98) > Совершенно не обязателен. Вот что вставляет Netscape Composer : > Пример использования : ИЧП "ЗУБЫ" --------------------------------------------------------------------------- > 11) В чем отличия и , и ? и - тэги физического выделения, то есть вы принудительно заставляете выделять текст полужирным или наклонным шрифтом. и - тэги логического выделения, то есть каждый браузер может по своему выделить текст внутри этих тэгов. --------------------------------------------------------------------------- > 12) Как мне сделать, чтобы после открытия моей странички через опре- > деленный промежуток времени загружалась другая страничка ? Смотри пункт 10.2 --------------------------------------------------------------------------- > 13) Как разместить картинку в центре экрана ? Можно сделать в таблице : --------------------------------------------------------------------------- > 14) Как сделать неподвижный фон(background)? Это расширение для IE 3.01 и позже. Hа навигаторе и старых версиях IE не работает. --------------------------------------------------------------------------- > 15) Где можно взять бесплатное место под страничку ? www.weekend.ru 2Mb (Доступ по http & ftp) www.chat.ru 3Mb (With In/Out MailBox, GuestBook)) www.geocities.com 11Mb (With In/Out MailBox, доступ по ftp & http) www.xoom.com 10Mb (Доступ по http & ftp, With In/Out MailBox, cgi) www.i-connect.ru 5Mb (??) www.halyava.ru 512Kb (With In MailBox) www.europe.de 3Mb (??) www.yi.com 2Mb (??) www.fortunecity.com 6Mb (??) www.o-net.com 3Mb (??) home.onestop.net 2Mb (??) www.trailerpark.com 3Mb (??) www.viaduk.net 5Mb (??) home.vibor.ru 2Mb www.crosswinds.net Unlimited (With In MailBox) www.tripod.com 2Mb (??) sdf.lonestar.org 2Mb (With In MailBox) www.metrocity.net 3Mb (Доступ по ftp) www.focus-asia.com 5Mb (With In MailBox) www.angelfire.com 200Kb (??) www.nether.net ?? (With In/Out MailBox) www.naz.com 2Mb (With In Mailbox) --------------------------------------------------------------------------- > 16) Где можно взять бесплатный чат? www.parachat.com www.nikitad.com --> Подарки www.freecode.com --------------------------------------------------------------------------- > 17) Как вставить музыку в html файл? Вставьте данный скрипт в вашу страничку: --------------------------------------------------------------------------- > 18) Как сделать так, чтобы при наведении мышки на текст с ссылкой, он > (текст) поменял цвет? (только в IE4) а) Вставьте данный скрипт в вашу страничку: б) Только для IE4 : где xxxxxx - код цвета --------------------------------------------------------------------------- > 19) Как сделать неподчеркнутые ссылки ? Вставить в вот такой кусок : --------------------------------------------------------------------------- > 20) Как сделать кнопку "Back" ? Hазад --------------------------------------------------------------------------- > 21) ФОРМЫ Форма начинается и заканчивается тэгами , она может содержать раз- личные поля и кнопки. Формат : .... В поле ACTION - адрес программы, которая будет запущена по нажатию кнопки Sumbit(срабатывание формы) Поле METHOD может принимать одно из двух значений : GET или POST GET - введеная пользователем информация помещается в конец URL Поскольку размер формы может быть большой, то получится большой URL при выполнении формы. POST - информация от пользователя вливается в общий поток данных > 21.1.1 Разворачивающиеся списки Формат : NAME - уникальное имя элемента. Каждый элемент должен иметь уникальное имя, чтобы при получении введенной пользователем информации - добавляет новый элемент списка. Внутри тэга вводится имя этого элемента. Если у элемента определена опция VALUE, программе-обработчику будет передано указаное значение, иначе - сам текст элемента. Также один любой элемент может быть исходно выделен. Для этого используется опция SELECTED внутри тега