Стилистическое оформление презентации имеет высокое значение. И очень часто пользователи меняют дизайн на встроенные темы, а затем редактируют их. В процессе этого приходится с сожалением столкнуться с тем, что далеко не все элементы поддаются логичным, казалось бы, способам изменения. Например, это касается изменения цвета гиперссылок. Здесь стоит разобраться поподробнее.
Тема презентации при применении также меняет и цвет гиперссылок, что не всегда удобно. Попытки изменить оттенок текста такой ссылки обычным способом ни к чему хорошему не приводят – выбранный участок просто не реагирует на стандартную команду.
На самом деле, здесь все просто. Окрас текста гиперссылок работает по другой механике. Грубо говоря, наложение гиперссылки не меняет оформление выделенного участка, а накладывает дополнительный эффект. Потому кнопка «Цвет шрифта» изменяет текст под наложением, но не сам эффект.
Отсюда выходит, что в целом есть три способа изменить цвет гиперссылки, плюс еще один нетривиальный.
Способ 1: Изменение цвета контура
Следует отметить, что это не меняет цвет наложения как такового, а лишь накладывает сверху дополнительный эффект. Убедиться в этом можно очень легко, если в настройках контура поставить штрих-пунктирное выделение с минимальной толщиной. В данном случае зеленый цвет гиперссылки будет ясно виден через красный контур текста.
Способ 2: Настройка дизайна
Данный метод хорош для масштабных изменений цвета линковых эффектов, когда по одному менять слишком долго.
Параметры будут применены ко всей презентации и цвет ссылок изменится в каждом слайде.
Как можно видеть, этот способ меняет сам цвет гиперссылки, а не «обманывает систему», как говорилось ранее.
Способ 3: Переключение темы
Этот способ может подойти в тех случаях, когда использование других вызывает затруднения. Как известно, изменение темы презентации изменяет также и цвет гиперссылок. Таким образом можно просто подобрать необходимый тон и изменить остальные не устраивающие параметры.
Спорный способ, поскольку здесь работы будет намного больше, чем в других вариантах, но это тоже меняет цвет гиперссылки, потому сказать об этом стоит.
Способ 4: Вставка иллюзии текста
Специфический метод, который хоть и работает, но по удобству уступает другим. Суть заключается во вставке в текст изображения, имитирующего текст. Рассмотрим подготовку на примере Paint как самого доступного редактора.
Также может случиться неприятная ситуация, когда фон у картинки не сливается с таковым у слайда. В этой ситуации можно убрать задний план.
Заключение
Очень важно не лениться изменять цвет гиперссылок, если это напрямую повлияет на качество стиля презентации. Ведь именно визуальная часть является основной в подготовке любой демонстрации. И здесь любые средства хороши, чтобы привлечь внимание зрителей.
Когда мы вставляем в текст документа гиперссылку, то она всегда синего цвета. Это не всегда сочетается с тем стиле, в котором мы делаем наш документ. На этой странице вы узнаете, как изменить цвет или удалить подчеркивание гиперссылки в Ворд .
Как изменить цвет ссылки в Ворд
Шаг 1. На вкладке «Главная» в разделе «Стили» нажимаем на маленькую кнопочку, открывающую меню стилей. Смотрите на скриншот
Шаг 2. Нажимаем с правой стороны от надписи «Гиперссылка» на иконку, чтобы открыть меню. В этом меню выбираем «Изменить»
Эта функция будет доступна, только если у вас в документе есть гиперссылки.
Шаг 3. Открылось окно «Изменить стиль». По умолчанию у нас ссылка окрашена в синий цвет. Нажимаем на синий цвет и в выпадающем меню выбираем новый цвет гиперссылки, который вам нужен.
Шаг 4. Нажимаем на кнопку «Ок», чтобы изменения вступили в силу.
Как удалить подчеркивание ссылки в Ворд
Этот способ практически не отличается от способа по . Поэтому шаг 1 и шаг 2 выполняются в той же последовательности. Итак, приступаем сразу к шагу 3.
Шаг 3. Если вы были внимательны, то обратили внимание на знак подчеркивания рядом с выбором цвета ссылки. По умолчанию он активен. Нажмите на него, чтобы убрать подчеркивание гиперссылок, а затем нажмите на кнопку «Ок», чтобы применить изменения.
Шаг 4. Если вы все сделали правильно, значит гиперссылки у вас без подчеркиваний, как на скриншоте.
Если вам нужно изменить цвет или стиль только одной ссылки в документе, то выделите ее, зажав левую кнопку мыши, а затем работайте с ней, как обычным текстом, изменяя ее толщину, наклон, подчеркивание, шрифт и т.д.
На этом все. Теперь вы знаете Как изменить цвет или удалить подчеркивание ссылки в Ворд . Переходите к другому уроку, чтобы узнать «Как добавить гиперссылку в Ворде».
Г лавным признаком HTML-документа является наличие в нём гиперссылок (или просто ссылок) на другие документы, сайты, файлы, картинки и т.д. Именно возможность вставлять в страницы ссылки на объекты вне неё и сделала Интернет столь популярным и удобным для использования. Поэтому при создании своего сайта всегда помни про «магию» ссылок.
В этом уроке мы поговорим о том, как создать ссылку на сайт, на его отдельную страницу или файл. Ты узнаешь о том, как изменить текст ссылки, как открыть её в новом окне, как сделать ссылкой картинку, что такое внешние и внутренние ссылки и многое другое. Плюс, у тебя уже есть информация о работе с ссылками, которой мы касались в прошлых уроках (например, о том, как можно поменять цвет ссылки мы говорили в ).
В общем, этот урок сделает твоё представление о создании ссылок законченным и достаточным. Ты поймёшь, как создать гиперссылку в HTML и зачем. И научишься управлять её свойствами.
§ 1. Ссылка на файл, ссылка на сайт, ссылка на страницу
М ногочисленные вопросы о том, чем отличается ссылка на файл от ссылки на сайт или его отдельную страницу, вынудили меня вынести ответ на него в самое начало этого урока. Ответ такой: ничем. Все перечисленные ссылки являются внешними по отношению к исходной странице и создаются одним и тем же способом.
Д абы не растекаться мыслью по древу, покажу всё на примере.
В браузере мы увидим вот что:
В браузере мы увидим вот что:
К ак видишь, все типы ссылок создаются абсолютно одинаково. Разница только в адресе объекта, на который нужно сослаться. А теперь перейдём к основной части урока.
§ 2. Создание внешних ссылок
М ежду собой ссылки различаются на внешние и внутренние , а также на текстовые и графические . Внешние ссылки ведут за «пределы» html-страницы, внутренние на различные части этой же страницы. Текстовые ссылки представляют из себя текст (по-умолчанию, он выделен синим цветом и подчёркнут), а графические, в качестве объекта, по которому нужно щелкнуть для перехода, содержат какую-либо картинку. Все эти разновидности ссылок создаются в HTML с помощью тега (сокращение от англ. anchor - якорь). Рассмотрим его поподробнее.
Д ля создания внешней ссылки на сайт, страницу или файл служит атрибут тега - href . В качестве значения этот атрибут принимает URL-адрес сайта, страницы или файла (об этом мы говорили выше). Между тегами и располагается видимая часть ссылки (анкор ссылки), т. е. то, что мы видим на экране браузера. Анкор ссылки может быть как обычным текстом (текстовая ссылка), так и графическим изображением (ссылка-картинка). Ссылка-картинка создаётся вставкой знакомого нам тега между тегами и . В общем, синтаксис создания ссылки выглядит так:
Н апример, чтобы создать текстовую ссылку на главную страницу этого сайта, нужно написать следующий HTML-код:
http://www.seoded.ru/">Главная страница сайта сайт
В браузере это будет выглядеть так:
К ак я писал в самом начале этого урока, цвет текста ссылок (анкора) можно изменить с помощью . Вообще, к тексту ссылок можно применять все те же , что и к основному тексту страницы, т. е. выделять жирным, курсивом, использовать заголовки и т. д.
§ 2.1 Графические ссылки (ссылки-картинки)
К ак я уже сказал выше, для того, чтобы создать ссылку-картинку, нужно вместо текста использовать . Пример такой ссылки выглядит так:
А браузер покажет:
П о-умолчанию, браузер окружает картинку в графической ссылке рамкой. Если это нежелательно, то атрибуту border тега IMG нужно присвоить значение 0:
border="0">
Главная страница
§ 3. Внутренние ссылки
Д ля комфортного перемещения по страницам с большим количеством контента используются внутренние ссылки. Именно с их помощью я сделал «Содержание урока» (см. в начале этой страницы). Внутренние ссылки создаются по тому же принципу, что и внешние. Только в значении атрибута href указывается якорь ссылки. Якорь создается атрибутом name :
name="имя якоря">текст
И мя якоря задается произвольно. Тут стоит сказать, что не все браузеры понимают русские имена якорей, поэтому рекомендую использовать латиницу. Текст между тегами для создания якоря не обязателен и чаще всего не указывается.
Я корь располагается в тех местах страницы, в которые должен попасть пользователь после щелчка по ссылке.
К ак я уже сказал выше, в атрибуте href внутренней ссылки вместо адреса указывается имя нужного якоря с обязательным символом решётки (# ) перед ним. Разберём на примере.
Я создал якорь с именем zagolovok и разместил его рядом с заголовком этого урока («Гиперссылки в HTML»). Код якоря следующий:
name="zagolovok">
href="#zagolovok">К заголовку
А в браузере так:
Е сли ты заметил, то после перехода по внутренней ссылке к заголовку изменился URL-адрес в адресной строке браузера:
К изначальному адресу:
http://www..html
http://www..html#zagolovok
И спользуя эту особенность, можно ссылаться на определённое место страницы с любого ресурса в Интернете! Т. е., допустим, ты создал страницу с объёмной статьёй о чём-то (или выложил на странице большое число фотографий) и разметил её внутренними ссылками. Находясь в , тебе потребовалось сослаться не просто на страницу со статьёй (или фотографиями), а на определённое место на ней (или определённую фотографию). Используя вариант с внутренней ссылкой в адресе, ты с лёгкостью добьёшься нужного.
§ 4. Абсолютные и относительные ссылки
Главная страница
А вот с относительными ссылками немного посложнее. В таких ссылках адрес указывается либо относительно корневой папки сайта (той, в которой лежит главная страница), либо относительно исходной страницы. Такие ссылки нужны, например, в том случае, если сайт лежит на домашнем компьютере. Или это не сайт, а страница-указатель на другие документы.
Д опустим нам нужно сослаться на страницу klienty.html , которая лежит в одной папке с главной страницей сайта. Тогда код относительной ссылки примет вид:
/klienty.html">Клиенты
А теперь предположим, что в одной папке с главной страницей лежит папка zakazy и уже в ней лежит страница klienty.html Тогда код относительной ссылки станет таким:
/zakazy/klienty.html">Клиенты
Т еперь рассмотрим создание гиперссылок относительно исходной страницы . Допустим, у нас есть страница price.html (исходная страница) и с неё нужно сослаться на страницу klienty.html Тут бывают следующие типовые варианты:
1. Страницы price.html и klienty.html находятся в одной папке .
klienty.html">Клиенты
2. в корневой папке сайта , страница price.html лежит в папке zakazy на один уровень выше ).
Код станет таким:
../klienty.html">Клиенты
Две точки показывают, что нужно выйти из текущей папки на уровень выше.
3. Страница klienty.html и папка zakazy находятся в корневой папке сайта , папка mebel лежит в папке zakazy , страница price.html лежит в папке mebel (т. е. страница klienty.html относительно исходной страницы price.html лежит на два уровня выше ).
../../klienty.html">Клиенты
Т. е. каждый уровень обозначается двумя точками и слешем «/ ».
4. в корневой папке сайта , страница klienty.html лежит в папке zakazy (т. е. теперь страница klienty.html относительно исходной страницы price.html лежит на один уровень ниже ).
zakazy/klienty.html">Клиенты
В этом случае точки и слеши не ставятся.
5. Страница price.html (исходная страница) и папка zakazy находятся в корневой папке сайта , папка mebel лежит в папке zakazy , страница klienty.html лежит в папке mebel (т. е. теперь страница klienty.html относительно исходной страницы price.html лежит на два уровня ниже ).
zakazy/mebel/klienty.html">Клиенты
6. В корневой папке сайта лежат две папки : zakazy и oplata. Страница klienty.html лежит в папке zakazy , исходная страница price.html лежит в папке oplata (т. е. обе страницы лежат в разных папках на уровень ниже от корневой папки сайта).
../zakazy/klienty.html">Клиенты
§ 5. Ссылка на электронную почту
Д ля того, чтобы создать ссылку на электронную почту , нужно вместо URL-адреса в значении атрибута href написать адрес электронной почты с указанием протокола (mailto: ). И тогда при щелчке по такой ссылке откроется окно почтовой программы с вписанным в поле «Кому» адресом электронной почты. В HTML-коде это выглядит так:
mailto:[email protected]">Моя почта
А в браузере так:
В теге можно также использовать атрибут title . С его помощью создаётся всплывающая подсказка, которая появляется при наведении мыши на ссылку.title="Перейти на главную страницу">Главная страница
§ 7. Заключение
Э то основные сведения о создании ссылок в HTML . На этом данный урок можно считать законченным. А сей факт говорит о том, что большую часть основ HTML ты уже освоил.
Р екомендую тебе сейчас ещё раз пробежаться по предыдущим разделам, а затем создать полноценную HTML-страницу, посвященную, например, тебе любимому. По твоему дизайну и сообразно твоим желаниям. После чего выложить её на какой-нибудь (конечно, если у тебя есть , то на него) и уже полноценно полюбоваться на свой первый сайт.
М ожешь показать его друзьям или ещё кому. В общем, почувствовать себя сайтовладельцем. А затем, после небольшого загула по случаю такого события, переходить к следующему разделу, в котором я расскажу тебе о создании таблиц в HTML.
И это уже будет первый шаг на пути к превращению личной странички в серьёзный ресурс.
Какую строку будет занимать фамилия ИВАНОВ после проведения сортировки по возрастанию в поле КЛАСС?
10. Какие записи будут найдены в выше представленной таблице после проведения поиска в поле «Отчество» с условием «П*».
Практическое задание
Ответы:
Вариант | ||||||||||
дбваг | ||||||||||
дбваг |
Контрольная работа № 5 по теме «Коммуникационные технологии»
Теоретическая часть
1. Можно ли изменить цвета гиперссылок загружаемых страниц?
1) да 2) нет
2. Глобальная компьютерная сеть – это:
1
) информационная система с гиперсвязями;
2) группа компьютеров, связанных каналами передачи информации и находящимися в пределах
здания;
3) система обмена информацией на определенную тему;
4) совокупность локальных сетей и компьютеров, расположенных на больших расстояниях и
соединенных в единую систему.
3.Какой командой строки меню можно перейти в автономный режим работы с
Internet
Explorer (
IE)?
1) вид …, 2) файл …, 3) сервис …
4. Провайдер Интернета – это:
1) техническое устройство; 2) антивирусная программа; 3) организация – поставщик услуг Интернета;
4) средство просмотра Web-страниц.
5. Протокол Интернета
TCP отвечает за
1)
маршрутизацию 2) за разбиение данных на пакеты
6. Задан
URL-адрес:
. Укажите имя файла.
1) exe; 2) ftp; 3) cute4232; 4) cuteftp
7.
HTML это
-
1) язык программирования, 2) набор символов, 3) вид кодировки
4) язык разметки гипертекста
8. Изменить время хранения просмотренных страниц можно командой:
1) сервис ® свойства обозревателя ® содержание,
2) сервис ® свойства обозревателя ® дополнительно,
3) сервис ® свойства обозревателя ® общие.
9. Как узнать, что выбранная страница полностью загрузилась в окно просмотра?
1) по общему виду страницы, 2) по надписи «Готово» в строке состояния,
3) по индикатору в строке состояния.
10. Какие панели
IE присутствуют при работе с программой?
1) строка заголовка, строка меню, панель инструментов форматирования,
2) строка меню, панель инструментов навигации, строка состояния,
3) строка меню, адресная строка, панель добавления в избранное.
11. Можно ли в автономном режиме изменить настройки IE?
1) да, 2) нет.
12. В поле адресной строки вводится
:
1) только адрес WEB - страницы, 2) только ключевые слова, 3) адрес или ключевые слова.
13. При сохранении информации с
WEB – страницы как текстового файла расширение сохранённого документа
:
1) *.doc, 2) *.txt , 3) *. нtml.
15.Кнопка «журнал» открывает дополнительную панель для просмотра:
1) адресов всех посещённых сайтов, 2) адресов отобранных вами сайтов, 3) сохранённую
информацию
16. Модем обеспечивает:
1) преобразование двоичного кода в аналоговый сигнал и обратно;
2)преобразование двоичного кода в аналоговый сигнал;
3) преобразование аналогового сигнала в двоичный код;
4) усиление аналогового сигнала.
17. Компьютер, предоставляющий свои ресурсы в пользование другим компьютерам при совместной работе, называется:
1) адаптером; 2) коммутатором; 3) станцией; 4) сервером.
18. Электронная почта позволяет передавать:
1) только сообщения; 2) только файлы;
3) сообщения и приложенные файлы; 4) видеоизображение.
19. Задан адрес электронной почты в сети Интернет:
user
*****@***ru; каково имя владельца этого электронного адреса?
1) ru; 2) mtu-net. ru; 3) username; 4) mtu-net.
20. Комплекс аппаратных и программных средств, позволяющих компьютерам обмениваться данными:
1
) интерфейс; 2) магистраль; 3)компьютерная сеть; 4) адаптеры.
21. Группа компьютеров, связанных каналами передачи информации и находящимися в пределах здания называется:
1
)глобальной компьютерной сетью; 2) информационной системой с гиперсвязями;
3) локальной компьютерной сетью; 4) электронной почтой.
22. Задан
URL-адрес:
ftp://ftp. /pub/cutrftp/cute4232.exe. Укажите домен второго уровня.
1) pub; 2) ftp; 3) com; 4) cuteftp.
23.Гипертекст – это:
1) очень большой текст; 2) текст, в котором могут осуществляться переходы по выделенным ссылкам;
3) текст, набранный на компьютере; 4) текст, в котором используется шрифт большого размера.
24. Адрес домашней страницы можно изменить командой:
1) вид ® переход, 2) файл ® открыть, 3) сервис ® свойства обозревателя.
25. Изменить кодировку страницы можно командой:
1) вид ® кодировка, 2) сервис ® кодировка, 3) правка ® кодировка.
26. Изменить скорость загрузки страницы можно:
1) убрав отображение мультимедийных эффектов на странице,
2) файл ® импорт и экспорт, 3) вид ® переход.
27. Адреса из папки «Избранное»:
1) также хранятся и в папке «Журнал», 2) хранятся только в папке «Избранное»,
3) хранятся только в папке «Избранное» только во время работы.
28. Браузеры (например,
Microsoft
Internet
Explorer) являются:
1)сетевыми вирусами ; 2) антивирусными программами;
3) трансляторами языка программирования; 4) средством просмотра Web-страниц.
29. Модем – это:
1) почтовая программа; 2) сетевой протокол; 3) сервер Интернет; 4) техническое устройство.
30. Задан
IP-адрес компьютера:189.168.192.104. Адрес сети-
1) 189; 2) 189.168; 3) 189.168.192; 4) 104.
31. Кнопка «домой» позволяет перейти:
1) на первую страницу интересующего вас сайта, 2) закрыть IE и перейти на рабочий стол,
3) вернуться к просмотру страницы открывающейся при загрузке IE.
32. Компьютер, подключенный к Интернету, обязательно имеет:
1) IP-адрес; 2) WEB-страницу; 3) URL-адрес.
33.
WEB - страницы имеют формат (расширение)…
1) *.
txt 2) *.html 3) *.doc 3) *.exe
34. Теги языка
HTML - это…
1)
названия элементов страницы 2) набор символов
35. Документ
HTML состоит …
1) из раздела заголовков и тела документа 2) из раздела заголовков и раздела абзацев
3) из раздела заголовков и раздела атрибутов.
Практическое задание
Составьте HTML – код следующей страницы.
С помощью ШТМЛ можно задавать цвета всех ссылок на странице, а также изменять цвета для отдельных ссылок.
Задание цвета всех ссылок на странице
Цвета ссылок задаются в качестве параметров тега
. Параметры являются необязательными и если они не указаны используются значения по умолчанию.LINK
— определяет цвет ссылок на web-странице
(цвет по умолчанию синий, #0000FF).
ALINK
— цвет активной ссылки. Цвет ссылки
меняется при нажатии на ней кнопки мыши. Цвет по умолчанию красный,
#FF0000.
VLINK
— цвет уже посещенных ссылок. Цвет
по умолчанию фиолетовый, #800080.
В ШТМЛ цвета задаются обычно цифрами в шестнадцатеричном коде, в виде #RRGGBB, где R, G и B обозначают соответственно красную, зеленую и синюю составляющую. Для каждого цвета задается шестнадцатеричное значение от 00 до FF, что соответствует диапазону от 0 до 255 в десятичном исчислении. Затем эти значения объединяются в одно число, перед которым ставится символ # (пример 1).
Пример 1. Задание цветов ссылок
Содержание с нашего сайта
Цвет не обязательно задавать в шестнадцатеричном формате, можно использовать и ключевые слова. В данном примере цвет фона web-страницы установлен черным, а цвет ссылок — красным.
Замечание
Значения параметров нечувствительны к регистру, поэтому корректно писать как #FFFFFF, так и #ffffff.
Для изменения цвета ссылок удобнее использовать CSS (ЦСС). Чтобы установить цвет для всех ссылок на web-странице применяются следующие псевдоклассы, которые добавляются к селектору A .
visited
— Стиль для посещенной ссылки.
active
— Стиль для активной ссылки. Активной ссылка
становится при нажатии на нее.
hover
— Стиль для ссылки при наведении на нее мышью.
В примере 2 показано, как изменить цвет ссылок на web-странице с помощью стилей. Для этого воспользуемся стилевым параметром color , он задает цвет определенного контента, в данном случае, ссылок.
Пример 2. Цвет ссылок, заданных через стили
Содержание с нашего сайта
Задание цвета отдельных ссылок на странице
Вышеописанный способ задания цветов работает для всех ссылок web-страницы. Однако, иногда возникает необходимость одновременно использовать разные цвета. Светлые, например, для темных областей web-страницы, а темные цвета — соответственно для светлых. Для этого также можно применить стилями.
Для изменения цвета ссылки следует использовать параметр style="color: #rrggbb" в теге <А> , где #rrggbb — цвет в шестнадцатеричном представлении. Можно, также, использовать названия цветов или указывать цвет в формате: rgb (132, 33, 65) . В скобках указаны десятичные значения красного, зеленого и синего цвета (пример 3).
Содержание с нашего сайта
Internet-маркетинг
Юзабилити
В данном примере приведены три разных способа задания цвета с помощью стилей.
