Учeбнік html по-російськи з прімeрамі, довідник по створенню web-сайтів

Найбільш поширені запитання

Якщо Ви вкажете альтернативний текст не як зазвичай, а за допомогою атрибута title. тоді при відключенні графіки не буде написи, що приводить до розповзання, а при наведенні курсору на картинку, з'явиться випадає підказка. Не найкращий, але все ж вихід.

Приклад: наведіть курсор

Як організувати автоматичне пересилання відвідувачів на іншу сторінку?

Якщо згадати те, що будь-яка сторінка, з сервера надсилається клієнту в готовому вигляді з усією графікою, скриптами і т.п. то стає ясно - захистити не можна. Правда, коли сторінка генерується "на льоту", то можна побачити тільки її исходник, але не скрипт, який її "згенерував".

Як зробити, щоб при кліці на посилання в одному фреймі змінювалося вміст другого фрейму?

Приклад того як це зробити описується тут

Як зробити, щоб при кліці на посилання змінювалося вміст відразу двох, або більше фреймів?

Нехай при кліці по посиланню в потрібному фреймі завантажиться новий фреймсет, розділений на необхідну кількість фреймів, в кожному з них нехай буде прописаний свій файл. Якщо такий варіант не підходить, тоді кадри можуть містити дайте імена frame1 і frame2. а посилання треба вказати так:

Як вставляти один і той же шматок коду в різні місця сайту?

За допомогою сценарію CGI. SSI -діректів. або якщо до них немає доступу, то за допомогою Java Script. для цього необхідно створити текстовий файл file.js. наступного виду:

Як отлючіть поява рамки навколо посилання при натисканні на кнопку миші?

Вставте onFocus = "this.blur ()" в початковий тег посилання. наприклад:

Як отлючіть розмноження картинки фону "черепицею"?

За допомогою таблиць стилів CSS. а саме за допомогою. тоді таблиця стилів повинна мати такий вигляд:

Як заборонити браузеру відвідувача зберігати документи сайту і зображення в кеш?

• при кожному відвідуванні сторінки
• при кожному запуску браузера
• ніколи

Природно, що ці налаштування мають для браузера вищий пріоритет, ніж META -тегі. І якщо у Вас на сайті розташовуються, наприклад змінюються діаграми, виконання як оновлювані .gif -зображення, а у відвідувача налаштований браузер так, що об'єкти не перевіряються на предмет оновлення, то побачити зміни він зможе тільки після примусового поновлення сторінки, тобто шляхом натискання на кнопку "оновити".

В цьому випадку можна порадити упакувати файл в архів і викласти на сайт .zip-файл, що само по собі добре вже тим, що зменшить час його завантаження.

Як на одній сторінці розмістити текст на декількох мовах?

Якщо це заголовки або невеликий обсяг тексту, то іноді можна використовувати оптимізовані .gif -зображення, але правильніше буде використовувати метод, описаний тут

Як запустити на комп'ютері відвідувача .exe-файл?

За допомогою звичайного посилання, наприклад:

Але, на щастя, це не можливо без додаткових питань браузера "відкрити або зберегти файл на диску", інакше це викликало б великі проблеми з безпекою.

Як вставити фонову картинку в клітинку таблиці або в елемент форми?

Сама таблиця так само, як і її осередок цілком допускають використання атрибута background всередині тега, наприклад:

А у випадку з формою доведеться використовувати стилі, наприклад:

</textarea"></p> <p>Як зробити, щоб при кліці на посилання в елементі таблиці HTML-файл завантажувався в іншу клітинку?</p> <p>Засобами HTML - ніяк, однак домогтися подібного візуального ефекту можна вставивши в необхідну осередок IFRAME і в нього завантажувати потрібний файл. Таке рішення може виглядати, наприклад, наступним чином:</p> <p>Як задати "новий рядок" в абзаці?</p> <p>Іноді в початок рядка вставляють прозоре .gif-зображення, або ряд прогалин  . але правильно буде - за допомогою таблиць стилів CSS.</p><p>Як задати буквицу?</p> <p>Способів може бути кілька.<br> За допомогою .gif -зображення літери, наприклад:</p> <p>За допомогою тега FONT і його атрибуту size. наприклад:</p> <p>Використовуючи стилі, наприклад:</p> <p>Використовуючи спеціальний псевдоелемент, який визначає стиль для першої літери в рядку.<br> приклад:<br> P: first-letter <font-size: 150% ; font-style: italic ; font-weight: bold ; float: left></p> <p>Як зробити, щоб текст прокручувався а фон залишався на місці?</p> <p>У стилях вказати body. або в самому тезі на сторінці:</p> <p>Як вказувати відносні посилання?</p> <p>Як створювати браузери-незалежні таблиці стилів?</p> <p>Тут властивість font-family має загальні лапки, і пишеться окремо через дефіс, так само, як і font-size</p> <p>Тепер те ж саме для Netscape Navigator</p> <p>Тут fontfamily має окремі лапки, і пишеться разом без дефіса, так само, як і fontsize</p> <p>Тепер, якщо взяти до уваги той факт, що браузер ігнорує ті частини коду, які не підтримує, можна спробувати написати універсальний код для цього прикладу:</p> <p>У цьому коді Internet Explorer проігнорує другий рядок, а Netscape Navigator - першу. І якщо згадати і врахувати, що посилання на підключається зовнішню таблицю стилів пишуться теж по-різному <LINK href=. и <LINK src=. . то получим работоспособный вариант.</p> <p>Як прикрасити посилання на сторінці?</p> <p>Тут A: Link - це стиль посилання, A: Visited - це стиль відвіданого посилання, A: Active - це стиль активного посилання, і A: Hover - стиль посилання при наведенні на неї курсора.</p> <p>Як зробити багатостроковий альтернативний текст до малюнка або посиланням?</p> <p>Подібно до того як в тексті Ви задаєте перенесення рядка при тегом <BR>. в альтернативному тексті використовується символ # 010;</p> <p>Як завантажити сторінку не у фрейм, а в усі вікно?</p> <p>Як завантажити сторінку в новому вікні?</p> <p>Як викласти на сайті mp3-файли для скачування?</p> <p>Правильніше для цих цілей використовувати FTP -Протокол, але якщо треба саме на сайті, тоді так:</p> <p>В цьому випадку при натисканні лівою кнопкою миші файл буде відкритий будь-асоційованої з ним програмою, а для його збереження користувачеві необхідно буде скористатися контекстним меню правої кнопки миші, але такий спосіб скачування не настільки інтуїтивно зрозумілий, тому для спрощення процедури можна упакувати файл і вказати посилання на file.zip.</p> <p>Як задати фонове звучання?</p> <p>В ідеальному випадку Ваш сайт повинен мовчати, але якщо дуже хочеться мати музичну фонове оформлення, тоді:</p> <p>Як поміняти фон у комірки таблиці?</p> <p>Нехай зміна кольору відбувається при наведенні курсору, тоді:</p> <p>Як елементи таблиці зліпити разом, без пробілів?</p> <p>Необхідно уявити її в такому вигляді:</p> <p>Як задати "гумовий" дизайн, однаково пристосований під будь-який дозвіл екрана?</p> <p>Необхідно уявити все розміри в процентному вигляді, наприклад, ширину таблиці, ширину або висоту малюнка, розмір шрифту в заголовках і т.д. але найпростіше поставити це в стилях:</p> <p>Як розташувати текст на сайті коллонкамі?</p> <p>Спеціальними тегами HTML це можливо лише для NN. тому вибір залишається невеликий, або розташувати текст в таблиці з двома коллонкамі, або представити його шарами, але це дуже не бажано з точки зору юзабельності і прийнятно лише в рідкісних випадках, наприклад, для створення мережевої газети.</p> <p>Як задати фон для заголовків?</p> <p>За допомогою стилів:</p> <p>Або задати стиль для класу, який можна буде застосувати вже до будь-якої ділянки тексту:</p> <p>Як задати підвантажуємий шрифт на сторінці?</p> <p>Для цього необхідно вказати шлях до файлу .eot так, як це описано тут. Для того, щоб створити такий шрифт існують спеціальні утиліти, причому як завжди це буває - різні у NN і IE. Друга з них поширюється безкоштовно і скачати її можна звідси. Однак застосування таких шрифтів не завжди може бути корисним, тому що браузеру користувача додатково доведеться довантажувати файл розміром близько 50-100 kB.</p> <p>Як швидко і ефективно навчитися створювати сайти?</p> <p>Як розмістити текст поверх картинки?</p> <p>Часто використовується прийом, коли текст вставляють в осередок таблиці, а картинку призначають в якості фонового зображення осередки, однак правильніше використовувати для цієї мети шари, тоді код може виглядати наприклад так:</p> <p>Як організувати попередню завантаження невидимих ​​елементів сторінки?</p> <p>До такої виверту часто вдаються, коли на сайті необхідно задати динамічну зміну зображень, наприклад зміна картинки при наведенні на неї курсора. Для досягнення моментального ефекту, зображення необхідно спочатку довантажити:</p> <p>Цей код необхідно вставити в початок сторінки, тоді браузер користувача завантажить зображення в першу чергу, але не візуалізує його до певного моменту або події.</p> <p>Ще одним способом попереднього завантаження елементів сторінки є створення нульового фрейма. тобто створюється фреймсет з двома фреймами, в першому фреймі нульового розміру завантажуються необхідні елементи, а в другому візуалізується сторінка.</p> <p>При використанні "табличного дизайну", а саме коли весь вихідний код сторінки вставлений в одну таблицю, користувачеві доводиться довго чекати промальовування таблиці, тому що візуалізується вона цілком. Щоб якось затримати користувача або зайняти його вдаються до наступної виверту:</p> <p>У цьому випадку користувач спочатку побачить перший шар з текстом, а після його перекриє таблиця, тому що абсолютне позиціонування в прикладі задано саме таким чином.</p> <p>Як зробити неможливим завантаження одного фрейма, без фреймсет?</p> <p>Засобами HTML ніяк, але можна вставити такий скрипт:</p> <p>Тут мається на увазі, що фреймсет названий як index.html</p> <p>Як зробити неможливим завантаження сторінки в чужій фреймсет?</p> <p>Засобами HTML ніяк, але можна вставити такий скрипт:</p> <p>Як зробити кнопку повернення до попередньої сторінки?</p> <p>Засобами HTML ніяк, але можна вставити такий скрипт:</p> </div> </article> </div> </div> </div> <footer class="igrzom-footer clearfix"> <ul> <li><a href="/articles/shho-take-porozhnecha-ce-viki-istini-svidomosti.php">Що таке порожнеча це, вики істини свідомості</a></li> <li><a href="/articles/statti-pro-fitodizajn-zelenij-servis-artflora.php">Статті про фітодизайн, «зелений сервіс« артфлора »</a></li> <li><a href="/articles/bred-pitt-pojasniv-chomu-hodit-z-trostinoju.php">Бред Пітт пояснив, чому ходить з тростиною</a></li> <li><a href="/articles/jak-perekonati-mamu-forum.php">Як переконати маму, форум</a></li> <li><a href="/articles/rozmiri-etiketok-tipovi-rozmiri-etiketok.php">Розміри етикеток, типові розміри етикеток, стандартні розміри етикеток ширина мм висота мм</a></li> </ul> <p>© Copyright 2016 - 2024 | Всі права захищен</p> <br> <p><a href="/privacy.php">Privacy Policy</a></p> <!--LiveInternet counter--><script type="text/javascript"> document.write("<a href='//www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t50.6;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet' "+ "border='0' width='31' height='31'><\/a>") </script><!--/LiveInternet--> </footer> </div> </div></body> </html>