49593 (Електронні публікації), страница 2

Редактори HTML, що поставляються у вигляді надбудов, являють собою додаткові програми, що функціонують у якості розширень існуючих додатків (як правило, текстових процесорів). У будь-якому випадку використання надбудов має як сильні, так і слабкі сторони. Коли стандарт HTML уперше став використовуватися в Internet, існували тільки HTML-редактори, які підтримували лише стандартні HTML-коди (їх називали тестовими або ASCII-редакторами). Текстові редактори і в даний час залишаються самими популярними інструментами створення web-документів. Як правило, такі редактори можуть оперувати тільки деяким набором регулярних кодів. Список цих кодів для більшості редакторів приведений у меню дескрипторів. Як приклади текстових редакторів можна навести Notepad і WordPad (Windows,) vi та paco (UNIX) і SimpleText(Macintosh).

Одна з причин, за якими розроблювачі віддають перевагу використовувати текстові редактори, складається в тому, що за їх допомогою набагато простіше вносити в документ будь-які зміни, що доводиться робити практично постійно. Ті, хто використовують текстові редактори, дозволяють незрівнянно простіше маніпулювати текстом документа і забезпечують більш гнучкий і творчий підхід при розміщенні в документ програмного текста.

3. Гіперпосилання

Гіперпосиланням називається виокремлений фрагмент (в рамках даного розділу ключове слово), при натиску на якому документ пересувається до потрібного місця в документі (зазвичай, для отримання більш детальної інформації). У Web-сторінках гіперпосилання є поширеною функцією і це пов'язано, перш за все, з можливістю пошуку у величезній бібліотеці WWW потрібної інформації. Вперше для роботи з текстовими документами, ця функція втілена процесорі Word 2000 і довела свою ефективність. Гіперпосилання можна встановити, як для переходу по відкритому документу, так і для переходу в інші файли та Web-сторінки.

Для встановлення гіперпосилання треба виокремити текстовий або графічний фрагмент і виконати команду Insert/Вставка и Hyperlink/Гиперссылка або натиснути на кнопку .

В діалоговому вікні Insert Hyperlink/Добавление гиперссылки у віконці Text to Display/Текст потрібно ввести назву гіперпосилання або залишити текст виокремленого фрагменту та зафіксувати ліворуч одну з категорії, до якої посилається гіперпосилання:

• Exicting File or Web Page/Имеющимся файлом, Web-страницей - посилання на існуючий файл або Web-сторінку;

• Place in This Document/Местом в этом документе - посилання у відкритому документі;

• Create New Document/Новым документом - посилання на новий документ;

• E-mail Address/Электронной почтой - посилання на адресу електронної пошти.

У випадку посилання на інший файл його треба вибрати, натиснувши на відповідні кнопки File/Файл або Web-page/Web-страница для пошуку їх розташування.

У випадку створення нового файлу слід встановити шлях до директорії, де буде розміщено новий файл та ввести назву нового файлу.

Посилання на електронну адресу полегшує зв'язок з автором документа або Web-сторінки.

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

Гіперпосилання має вигляд кольорового підкресленого текстового фрагмента. При наведенні на нього, курсор набуває вигляду руки з піднятим пальцем. Текст гіперпосилання можна форматувати та редагувати, як звичайний текст, зокрема вилучати, вирізати, копіювати, уставляти, а також змінювати шрифт, розмір та накреслення тексту.

Зв'язування файлів

Зв'язувати файли можна кількома способами. Коли файлі-приймач відкритий потрібно виконати команду Insert/Вставка File/Файл.

У діалоговому вікні Insert File/Вставка файла вибирають файл-джерело і розкривають меню кнопки Insert/Вставить. Якщо вибрати пункт Insert as link/Вставить как ссылку, то файл буде уставлений в документ як файл-джерело.

Якщо файл-джерело є файлом редактора Excel, треба натиснути на кнопку Range/Диапазон. У діалоговому вікні Set Range/Задание диапазона вказують позначку або діапазон комірок файлу Excel для уставляння таблиці у файл-приймач.

Інший спосіб зв'язування файлів забезпечується командою Insert/Вставка  Object/Обьект. У діалоговому вікні Object/ Вставка обьекта на закладці Create from File/Создание из файла за допомогою кнопки Browse/Обзор формують назву файла-джерела. Для зв'язування файлів потрібно активізувати можливість Link to file/Связь с файлом. Якщо активна можливість Display as icon/В виде значка, то замість вмісту файла-джерела буде логотип редактора цього файлу. Клацнувши на логотипі, файл-джерело відкривається в новому вікні.

Можна зв'язати файли і за допомогою спеціального уставляння. У файлі-джерелі виокремлюють певний фрагмент і виконують команду Edit/Правка Copy/Копировать. У файлі-приймачі фіксують курсор у потрібному місці і виконують команду Edit/Правка  Paste Special/Специальная вставка. У діалоговому вікні Paste Special/Специальная вставка можна вибрати, яким чином буде уставлений вміст буфера. Параметр Paste link/Связать забезпечує зв'язок між файлами.

Для редагування, оновлення або знищення зв'язків, користуються командою Edit/Правка  Links/Связи. У діалоговому вікні Links/Связи можна побачити всі зв'язки, наявні у файлі-приймачі.

Зв'язки можна редагувати за допомогою таких функцій.

• Update Now/Обновить - оновлення зв'язку;

• Open Sourse/Открыть источник - відкривання файла-джерела в окремому вікні;

• Change Sourse/Сменить источник - зміна файла-джерела;

• Break Link/Разорвать связь - вилучення зв'язку, за умови, що дані файлу-джерела залишаються у файлі-приймачі.

Параметри поля Item/Элемент визначають параметри оновлення даних з файлу-джерела:

• Automatic/Автоматическое - автоматичне оновлення;

• Manual/По запросу - оновлення за запитом;

• Locked/Не обновлять связь - без оновлення;

• Save picture in document/Хранить в документе - зберігати об'єкт в документі.

4. ВИКОРИСТАННЯ JAVA-СКРИПТІВ ПРИ СТВОРЕННІ HTML ДОКУМЕНТА

При розробці сучасного сайта не завжди можна обійтись лише можливостями мови розмітки HTML. З метою надання веб-сторінкам привабливого вигляду і створення у відвідувача відчуття взаємодії із сайтом використовують додаткові можливості, доступні при вико­ристанні Java-скриптів. Діапазон їх застосування досить широкий: це і елементи інтерактивності, які можуть містити складні процедури обробки, і просто декоративні елементи, які надають привабливості сайту. Мова JavaScript була розроблена спільно компаніями Sun Microsystems і Netscape на синтаксичній основі мови Java

Java-скрипт вбудовується в HTML-документ і взаємодіє з ним. Скрипти можуть знаходитись у будь-якому місці HTML-документа. Однак теги HTML не можна вміщувати всередині Java-скрипт-програми Java-скрипт-програма вміщується між тегами , виняток становлять «обробники подій»

Зустрівши тег . Після цього відбувається перевірка скрипта на наявність помилок і компіляція програми у формат, придатний для виконання на комп'ютері користувача.

Головна частина Java-скрипт-програми може бути вміщена у контейнер ... , оскільки він зчитується при завантаженні HTML -документа одним з перших. Теоретично скрипт можна вміщувати у будь-якому місці HTML -документа, хоча краще це робити перед тегом ... , тобто в заголовку документа.

Синтаксис тега:

Слід мати на увазі, що слово «JavaScript» записується із дотриманням регістру символів. Багато з об'єктів мови JavaScript відповідають тегам, які формують HTML-документи. Деякі об'єкти мови JavaScript мають наслідування. Зокрема, гіпер-зв'язок є об'єктом, який наслідується з об'єкта document. У мові Java-скрипт об'єкти, які наслідуються, також мають назву властивостей. Наприклад, множина гіперзв'язків є властивістю об'єкта document, a links - ім'ям цієї властивості.

ОБ'ЄКТИ

Password -	поле введення пароля, яке створюється за допомогою тега
Radio-	селекторна кнопка (radio button), яка створюється за допомогою тега
Reset -	кнопка перезавантаження, яка створюється за допомогою тега
Select (options [ ]) -	елементи об'єкта
Submit -	кнопка передавання даних, яка створюється за допомогою тега
Text-	поле введення, яке створюється за допомогою тега
Textarea -	поле тексту, яке створюється за допомогою тега </p> </td> </tr> </table> <p> Важливим елементом мови є події, які використовуються для виконання певних частин</p><p> програмного коду скрипта Події і основному ініціюються тими чи іншими дійми користувача Якщо користувач на т иону и певну кнопку, відбудеться подія «Click». Якщо показник мишки перетинає будь-яке посилання у тексті -відбувається подія [MouseOver], Використання мови JavaScript при обробці подій значно розширило можливості мови HTML.</p><p> Події поділяються на декілька категорій.</p><p> Події, пов'язані з документами (події документа): </p> <ul> <li> <p> завантаження і закриття документів.</p> </li></ul> <p> Події, пов'язані з гіперзв'язком:</p> <ul> <li> <p> активізація гіперзв'язку. </p> </li></ul> <p> Події, пов'язані з формою</p><p> - натисканий мишкою кнопок;</p><p> - одержаний і втрата фокусу введення і зміна вмісту полів введення, областей тексту і списків;</p><p> - виділення икоту у полях ваедення і областях тексту.</p><p> Події, пов'язані із мишкою:</p><p> - наведення вказівника мишки на гіперзв'язок і активізація гіперзв`язку</p><p> Події повязані із документами, виникають при завантаженні і закритті декумента, в той час як події гіперзв'язків виникають гри їх активізації або при вміщенні на них вказівника мишки</p><p> Нижче наведено імена деяких подій і умови їх виникнення</p> <table> <tr> <td> <p>Імя події</p> </td> <td> <p>Атрибут HTML</p> </td> <td> <p>Умова виникнення події</p> </td> </tr> <tr> <td> <p>Change</p> </td> <td> <p>OnChange</p> </td> <td> <p>Зміна вмісту поля введення чи області тексту або вибір нового елемента списку</p> </td> </tr> <tr> <td> <p>Click</p> </td> <td> <p>OnClick</p> </td> <td> <p>Натиснення мишки на елементі форми або гіперзвязку</p> </td> </tr> <tr> <td> <p>MouseOver</p> </td> <td> <p>On MouseOver</p> </td> <td> <p>Наведення вказівника мишки на гіперзвязок</p> </td> </tr> <tr> <td> <p>MouseOut</p> </td> <td> <p>On MouseOut</p> </td> <td> <p>Наведення вказівника мишки знак закриття документа</p> </td> </tr> <tr> <td> <p>Select</p> </td> <td> <p>OnSelect</p> </td> <td> <p>Виділення тексту у полі введення або області тексту</p> </td> </tr> <tr> <td> <p>Submit</p> </td> <td> <p>OnSubmit</p> </td> <td> <p>Передавання даних форми</p> </td> </tr> </table> <p> Для забезпечення здійснення події необхідно задати функцію-обробник под». Колекції прикладів Java-скриптів розміщуються на Web-сайтах мережі Інтернет і можуть бути запозичені і використані розробниками Web-сторінок у</p><p> власних документах.</p><p> ПРИКЛАД (відкриття нового вікна, завантаження в нього документа і закриття вікна): </p><p> <script language="JavaScripе”></p></script></input></input></input></input></input> Поделитесь ссылкой: Назад1 23 4 Вперёд Свежие статьи Еженедельные отзывы о СтудИзбе! Профессия ландшафтный дизайнер: за и против Коллекции ответов на вопросы: как пользоваться? Агрегатор образовательных курсов: что это? Топ сервисов и программ для дистанционного обучения Популярно сейчас -18% Курсовой проект по деталям машин под ключ Детали машин (ДМ) 11000 8999 руб. -9% Все лабораторные под ключ! КМ-1. Комбинационные логические схемы + КМ-2. Комбинационные функциональные узлы и устройства + КМ-3. Проектирование схем Схемотехника 7470 6790 руб. ДЗ по ТММ в бауманке Теория механизмов и машин (ТММ) 2490 руб. -38% Высшая математика колекция Высшая математика 400 249 руб. -20% КМ-3. Трехфазные цепи Электротехника (ЭлТех) 2490 1990 руб. Иностранный язык в профессиональной деятельности Иностранный язык 220 руб. Почему делать на заказ в разы дороже, чем купить готовую учебную работу на СтудИзбе? Наши учебные работы продаются каждый год, тогда как большинство заказов выполняются с нуля. Найдите подходящий учебный материал на СтудИзбе! Ответы на популярные вопросы То есть уже всё готово? Да! Наши авторы собирают и выкладывают те работы, которые сдаются в Вашем учебном заведении ежегодно и уже проверены преподавателями. А я могу что-то выложить? Да! У нас любой человек может выложить любую учебную работу и зарабатывать на её продажах! Но каждый учебный материал публикуется только после тщательной проверки администрацией. А если в купленном файле ошибка? Вернём деньги! А если быть более точными, то автору даётся немного времени на исправление, а если не исправит или выйдет время, то вернём деньги в полном объёме! Можно заказать выполнение работы на СтудИзбе? Да! На равне с готовыми студенческими работами у нас продаются услуги. Цены на услуги видны сразу, то есть Вам нужно только указать параметры и сразу можно оплачивать. Отзывы студентов Ставлю 10/10 Все нравится, очень удобный сайт, помогает в учебе. Кроме этого, можно заработать самому, выставляя готовые учебные материалы на продажу здесь. Рейтинги и отзывы на преподавателей очень помогают сориентироваться в начале нового семестра. Спасибо за такую функцию. Ставлю максимальную оценку. Аноним Отлично Лучшая платформа для успешной сдачи сессии Познакомился со СтудИзбой благодаря своему другу, очень нравится интерфейс, количество доступных файлов, цена, в общем, все прекрасно. Даже сам продаю какие-то свои работы. Аноним Отлично Студизба ван лав ❤ Очень офигенный сайт для студентов. Много полезных учебных материалов. Пользуюсь студизбой с октября 2021 года. Серьёзных нареканий нет. Хотелось бы, что бы ввели подписочную модель и сделали материалы дешевле 300 рублей в рамках подписки бесплатными. Аноним Отлично Отличный сайт Лично меня всё устраивает - и покупка, и продажа; и цены, и возможность предпросмотра куска файла, и обилие бесплатных файлов (в подборках по авторам, читай, ВУЗам и факультетам). Есть определённые баги, но всё решаемо, да и администраторы реагируют в течение суток. Аноним Отлично Маленький отзыв о большом помощнике! Студизба спасает в те моменты, когда сроки горят, а работ накопилось достаточно. Довольно удобный сайт с простой навигацией и огромным количеством материалов. Хорошо Студ. Изба как крупнейший сборник работ для студентов Тут дофига бывает всего полезного. Печально, что бывают предметы по которым даже одного бесплатного решения нет, но это скорее вопрос к студентам. В остальном всё здорово. Neil Отлично Спасательный островок Если уже не успеваешь разобраться или застрял на каком-то задание поможет тебе быстро и недорого решить твою проблему. Аноним Отлично Всё и так отлично Всё очень удобно. Особенно круто, что есть система бонусов и можно выводить остатки денег. Очень много качественных бесплатных файлов. Аноним Отлично Отзыв о системе "Студизба" Отличная платформа для распространения работ, востребованных студентами. Хорошо налаженная и качественная работа сайта, огромная база заданий и аудитория. griha3895 Хорошо Отличный помощник Отличный сайт с кучей полезных файлов, позволяющий найти много методичек / учебников / отзывов о вузах и преподователях. Аноним Отлично Отлично помогает студентам в любой момент для решения трудных и незамедлительных задач Хотелось бы больше конкретной информации о преподавателях. А так в принципе хороший сайт, всегда им пользуюсь и ни разу не было желания прекратить. Хороший сайт для помощи студентам, удобный и приятный интерфейс. Из недостатков можно выделить только отсутствия небольшого количества файлов. Аноним Отлично Спасибо за шикарный сайт Великолепный сайт на котором студент за не большие деньги может найти помощь с дз, проектами курсовыми, лабораторными, а также узнать отзывы на преподавателей и бесплатно скачать пособия. Аноним Отлично Популярные преподаватели 2,75 Бриеде Светлана Алексеевна 1,51 Бабенко Светлана Петровна 2,94 Метлин Михаил Тимофеевич 1,46 Юрасов Николай Ильич 4,91 Умаров Мурад Мухамедович 4,94 Лобач Даниил Викторовоич 1,75 Гришина Галина Владимировна 2,77 Карпачёв Андрей Юрьевич 4,63 Хуснетдинов Тимур Рустямович 4,25 Дьяченко Мария Ильинична 4,93 Мастихин Антон Вячеславович 4,80 Котович Александр Валерианович Добавляйте материалы и зарабатывайте! Продажи идут автоматически 5173 Авторов на СтудИзбе 436 Средний доход с одного платного файла Обучение Подробнее Укажите email или логин Регистрируясь Вы соглашаетесь с правилами сайта и политикой обработки персональных данных. Уже зарегистрированы? Укажите пароль Забыли пароль?