Вставка часиков на сайт (в блог)

Содержание

Слайд 2

Вы находитесь на главной странице сайта.
Для перехода к созданию HTML-кода часов

Вы находитесь на главной странице сайта. Для перехода к созданию HTML-кода часов
Вам необходимо выбрать соответствующий блок (на иллюстрации выделен рамкой красного цвета) и нажать ссылку «Get free, cool…».

Шаг 1

Слайд 3

Шаг 2

Выберите интересующий Вас режим отображения времени: в 12-ти часовом либо в

Шаг 2 Выберите интересующий Вас режим отображения времени: в 12-ти часовом либо
24-х часовом форматах.
Нажмите на ссылку, расположенную ниже изображения циферблата.

Слайд 4

Шаг 3

Для выбора города наведите курсор на центр циферблата и кликните по

Шаг 3 Для выбора города наведите курсор на центр циферблата и кликните
появившемуся окошку выбора текущего времени.

Слайд 5

Шаг 4

В правой части страницы перейдите к списку стран и городов, отыщите

Шаг 4 В правой части страницы перейдите к списку стран и городов,
нужный Вам населенный пункт и кликните по его названию.

Слайд 6

Шаг 5

Переместитесь в центральную часть листа и в списке опций выберите «Put

Шаг 5 Переместитесь в центральную часть листа и в списке опций выберите
a clock…». Пройдите по этой ссылке.

Слайд 7

Шаг 6

Настройте виджет. Выберите желаемый цвет циферблата, размер.
Кстати, тут же можно выбрать

Шаг 6 Настройте виджет. Выберите желаемый цвет циферблата, размер. Кстати, тут же
и город, иным путем осуществляя выбор, о котором рассказано в шагах 3-5.
Опционально Вы можете ввести собственное название населенного пункта. Оно будет отображено затем под циферблатом. По умолчанию название будет соответствовать выбранному населенному пункту, в английской траснкрипции и латиницей.

Слайд 8

Шаг 7


Внимательно рассмотрите окно отображения кодов. Не забудьте предварительно обновить код, нажав

Шаг 7 Внимательно рассмотрите окно отображения кодов. Не забудьте предварительно обновить код,
кнопку «Update HTML Code».
Обратите внимание на пояснения. Дело в том, что в большинстве своем сайты поддерживают ОБЪЕКТНЫЕ КОДЫ (такой код находится в верхнем окне). Он содержит специальные подпрограммы (скрипты). Выбирайте этот вариант, если уверены в том, что скрипт поддерживается средствами сайта. В противном случае выберите код, отображенный в нижнем окне.
Скопируйте код целиком и вставьте его в страницу Вашего ресурса в режиме редактирования HTML.

Слайд 9

Шаг 8.1
(доп.)

Безопасная палитра цветов – это общепринятый стандарт для web-дизайнеров. Существует множество

Шаг 8.1 (доп.) Безопасная палитра цветов – это общепринятый стандарт для web-дизайнеров.
платформ и еще большее количество браузеров для этих платформ и все они воспринимают цвета по-разному. Для того, чтобы передать пользователям правильный цвет была составленная таблица цветов, которые ввиду особенности их цветового кода отображаются одинаково правильно на всех платформах и во всех браузерах.
Цвет для браузера, равно как и для компьютера это код, так же как и все остальные данные. Существует две наиболее популярные кодировки записи цвета – HEX-код цвета и RGD кодировка. HEX-код – это представление цвета в виде шестизначного шифра записываемого с помощью шестнадцатеричной кодировки. RGB – RedGreenBlue, то есть представление цвета соотношением содержащихся в нем трех основных цветов, записывается каждый цвет кодом цифровым кодом от 0 до 255, цвета разделяются между собой точкой. Например: абсолютно красный цвет, а значит, в нем нет примесей ни зеленого, ни синего цветов, коды будут выглядеть следующим образом: HEX-код #FF0000, RGB код 255.000.000. А коды абсолютно черного и абсолютно белого будут выглядеть следующим образом HEX #000000 RGB 000.000.000 и HEX #FFFFFF RGB 255.255.255 соответственно.
Всего таких цветов 216. Конечно это немного для web-дизайнера, но единого стандарта всей цветовой палитры так и не создано.

Собственный цвет

Слайд 10

Шаг 8.2
(доп.)

Пользуясь предложенными ссылками, посетите специализированные ресурсы, на которых представлен широчайший выбор

Шаг 8.2 (доп.) Пользуясь предложенными ссылками, посетите специализированные ресурсы, на которых представлен
палитр WEB-цветов.
Особенное удобство представляет то, что на этих ресурсах указан HEX-код цвета, что нам, собственно, и нужно!
Проверив все заранее и выбрав нужный Вам цвет, скопируйте код цвета.
При настройке виджета вставьте код в окошко «Custom Hex» и производите настройку виджета далее в соответствии с инструкцией.
Приводим ссылки на палитры цветов.

Собственный цвет

http://htmltip.narod.ru/colors.htm

http://web.artlebedev.ru/tools/colors/

http://webmastertools.narod.ru/OnlineTools/fun_colors.html

http://darcsid.narod.ru/download/color.html

Имя файла: Вставка-часиков-на-сайт-(в-блог).pptx
Количество просмотров: 133
Количество скачиваний: 0