Совет 1: Как вставить логотип в сайт

Как правило, логотип размещается на сайтах в формате изображения, а конкретный способ его вставки в уже существующие страницы зависит от их дизайна и использованного способа верстки. В некоторых случаях можно обойтись вообще без редактирования исходного кода, в других поможет визуальный редактор системы управления, а в третьих без ручной правки HTML-кода не обойтись.
Инструкция
1
Если шапка сайта выполнена в формате изображения, логотип можно поместить поверх существующей картинки с использованием любого графического редактора. Это самый простой вариант, не требующий редактирования страниц. Чтобы им воспользоваться, отыщите файл с изображением шапки на сервере сайта и загрузите его в компьютер. Затем откройте его с помощью графического редактора - для предстоящей операции вполне достаточно возможностей стандартного Paint ОС Windows.
2
Поместите поверх открытой картинки изображение логотипа - в Paint для этого предназначен пункт «Вставить из» в выпадающем списке «Вставить». Мышкой перетащите логотип в нужное место фонового изображения, измените нужным образом его размеры и сохраните результат комбинацией клавиш Ctrl + S. Загрузите файл шапки с логотипом на сервер, заменив им исходный файл, и операция будет завершена.
3
Для вставки логотипа в HTML-код страницы удобнее всего использовать графический режим (режим WYSIWYG) редактора страниц, который есть в большинстве систем управления сайтами. Открыв нужную страницу в таком редакторе, кликните место, в которое следует поместить логотип, и нажмите кнопку вставки изображения в меню. На экране должен появиться диалог, в котором вам надо указать место хранения файла с логотипом в компьютере. В зависимости от редактора, в этом же диалоге могут быть и поля для ввода дополнительных параметров - размеров картинки, отступов от соседних элементов страницы и т.д. Все заполнив, нажмите кнопку OK, а затем сохраните отредактированную страницу.
4
При отсутствии возможности использовать редактор страниц вносить теги в исходный код придется «вручную». Для этого отыщите на сервере файл нужной страницы, загрузите его в компьютер и откройте в любом текстовом редакторе - например, в «Блокноте». Эта операция требует некоторого знания языка верстки гипертекста - вам надо найти в HTML-коде правильное место для размещения тега логотипа. Сам этот тег в простейшем варианте можно записать, например, так:

<img src="logo.png" />
5
Добавив строку в исходный код, сохраните страницу и замените отредактированным файлом хранящийся на сервере оригинал. Затем загрузите туда же файл с изображением - для примера из предыдущего шага этот файл должен называться logo.png и храниться в той же папке сервера, куда помещена отредактированная страница.

Совет 2: Как поставить логотип сайта

Логотип придает сайту индивидуальность, наделяет его характером, делает узнаваемым. Именно поэтому разработке фирменной картинки уделяется особое внимание, что влечет за собой вполне обоснованные траты.
Инструкция
1
Выберите место, которое должен украсить разработанный логотип. Небольшие иконки обычно крепятся к открывающимся закладкам, а полноценную версию лучше сделать гордым украшением шапки сайта.
2
Чтобы поставить значок на закладку, подкорректируйте html-код, добавьте между <head> и </head> тег <link rel="shortcut icon" href="путь к картинке">. В общем разрезе это будет выглядеть так:
<html>
    <head>
        <title>Наименование вкладки</title>
        <link rel="shortcut icon" href="images\1.gif">
    </head>
<body>Содержимое сайта</body>
</html>
3
Приведите изображение в нужный формат. Любой логотип – это картинка, которая вставляется при помощи тега <img> с добавлением необходимых атрибутов. Поэтому она должна идти в расширением jpeg, gif, png, если оно не соответствует – переведите в нужный. Сделать это можно с помощью графического редактора, наиболее востребованной является программа Adobe Photoshop. Для этого откройте изображение, нажмите «Сохранить как» и из предложенного количества форматов выберите один из требуемых.
4
Внесите изменения в код, необходимые для вставки изображения: <img src="images\1.gif" alt="логотип">. Дополнительно можно включить разнообразные атрибуты, например, длину, ширину, выравнивание, размеры рамки, параметры всплывающего текста.
5
Чтобы задать логотип в виде ссылки, воспользуйтесь тегом <a> и закрывающим его </a>.
<body>
        <a href="адрес страницы, на которую будет вести ссылка"><img src="images\1.gif" alt="логотип"></a>
</body>
6
Если сайт оснащен панелью управления, то для вставки изображений используйте файл-менеджером. В принципе, логотип можно опубликовать через внесение изменений в html-код. Функция становится доступной при нажатии кнопок «Источник» или «Отобразить в html».
Видео по теме
Источники:
  • как поставить логотип оператора

Совет 3: Как вставить в фото логотип

Одним из способов указания обладателя авторских прав на изображение, размещенное в интернете, является вставка логотипа в фотографию. В случае если логотип нужно вставить в большое количество снимков, эту несложную операцию можно автоматизировать.
Вам понадобится
  • - программа Photoshop;
  • - файл с логотипом;
  • - фотография.
Инструкция
1
Загрузите снимок, в который нужно вставить логотип, в программу Photoshop, применив для этого опцию Open из меню File. Использовав опцию Place из того же меню, вставьте логотип в фотографию. После этого действия файл со снимком будет состоять из двух слоев, доступных для независимого редактирования.
2
При необходимости измените размер логотипа. Для этого передвиньте один из узлов, находящихся по углам рамки, окружающей логотип. Если вставленное изображение превышает размер фотографии, измените масштаб картинки через палитру Navigator таким образом, чтобы в окне открытого документа были видны границы рамки трансформации.
3
Как правило, логотипы сохраняются в файлы psd, png, eps или tiff с прозрачным фоном. Если в вашем распоряжении оказался логотип на цветном фоне, уберите его, выделив инструментом Magic Wand Tool. Сохраните файл с логотипом на прозрачном фоне для дальнейшей работы.
4
В случае если логотип выглядит ярче изображения на фотографии, уменьшите непрозрачность слоя с логотипом, изменив в палитре слоев величину параметра Opacity.
5
Примените опцию Save for Web из меню File для сохранения фотографий с логотипом.
6
Если вам требуется добавить логотип к трем или пяти фотографиям, каждый снимок можно обработать вручную. Однако для вставки логотипа в несколько десятков снимков лучше автоматизировать процесс. Соберите все фотографии в одну папку и создайте новую папку, в которую будут сохранены снимки с логотипами.
7
Создайте экшен с последовательностью команд, необходимых для вставки логотипа в снимок. Для этого используйте кнопку Create new action из палитры экшенов. Если этой палитры не видно в окне программы, откройте ее опцией Actions из меню Window. Укажите название нового экшена.
8
Начните запись экшена нажатием на кнопку Begin recording. Выполните все необходимые для вставки логотипа действия, начиная с открытия файла со снимком в графическом редакторе. После сохранения результата обработки остановите запись, кликнув по кнопке Stop recording.
9
Опцией Batch группы Automate из меню File откройте окно настроек пакетной обработки. Укажите название экшена, который будет использоваться при обработке снимков, папку с исходными файлами и папку для сохранения отредактированных изображений. После нажатия на кнопку ОК начнется обработка снимков.
Источники:
  • Создание водяного знака

Совет 4: Как вставить html-код в сайт

Создание простейшего сайта доступно даже новичку. Знание порядка действий и применяемых при создании страниц программ позволит начинающему веб-мастеру быстро справиться со стоящими перед ним задачами.
Инструкция
1
Прежде всего, вам понадобится HTML-редактор. Например, Cute Html - это простой и удобный редактор с подсветкой синтаксиса, для создания первых страниц используйте именно его. Создавая код в редакторе, вы сможете проверять его работоспособность в браузере, такой подход позволит вам овладеть азами HTML. После того, как вы разберетесь с основными правилами верстки, можно перейти к визуальному конструктору сайтов Dreamweaver, позволяющему создавать проекты любой сложности.
2
После создания код необходимо разместить в сети. Для его размещения вам потребуется хостинг. Новичку целесообразно воспользоваться бесплатным хостингом – например, http://narod.yandex.ru/. Данный сервис работает уже очень давно и прекрасно себя зарекомендовал. Чтобы получить место для сайта, вам достаточно зарегистрировать на Яндексе почтовый ящик. Имя почтового ящика будет соответствовать доменному имени сайта. Например, имя вашего ящика site2012. В этом случае адрес вашего сайта будет таким: http://site2012.narod.ru/index.html.
3
Обратите внимание, что главная страница имеет название index.html – это традиционное название главной страницы сайта. Сохраните страницу, которую вы создали, под этим именем. Затем зайдите в панель управления вашим аккаунтом, откройте «Управление файлами». Найдите опцию добавления файлов, нажмите кнопку. После этого вы сможете выбрать на компьютере файл главной страницы и загрузить его. Обратите внимание на то, что файл должен быть загружен в корневую папку.
4
Если у вас на странице есть изображения, их тоже необходимо загрузить на хостинг. При этом в коде главной страницы к этим файлам должен быть прописан правильный путь, в противном случае вместо рисунков на странице будут открываться красные крестики. Целесообразно для рисунков и других файлов создать на хостинге отдельную папку – например, files.
5
После загрузки главной страницы она тут же начнет открываться по своему адресу. Если ваш сайт состоит из нескольких страниц, загрузите и их.
Обратите внимание
Перед загрузкой страниц еще раз проверьте правильность путей для элементов меню и кнопок навигации. После загрузки обязательно протестируйте работоспособность всех элементов сайта.

Совет 5: Как вставить значок сайта

Для вставки значка с логотипом вашего сайта существует два способа. Один из них подразумевает создание файла иконки в корневом каталоге, а другой – вставку кода при помощи специального редактора.
Вам понадобится
  • - графический редактор;
  • - блокнот.
Инструкция
1
Откройте корневой каталог вашего сайта. Создайте в нем файл с названием favicon.ico. Данный файл будет поддерживать отображение значка вашего сайта перед адресной строкой в браузере.
2
В случае, если иконка вашего сайта не готова, создайте ее при помощи программы Adobe Photoshop, предварительно скачав соответствующий плагин, или другого графического редактора, который поддерживает работу с таким типом файлов, например, Microangelo, QTam Bitmap to Icon, Axialis IconWorkshop. Предварительно проверьте работу в разных браузерах, не только касательно отображения иконки сайта в адресной строке, но и в каталоге «Избранное».
3
В теге < head > вашей страницы пропишите следующий код: < link rel="shortcut icon" href="путъ/название_файла.ico" type="image/x-icon" / >. В этом случае будет поддерживаться ссылка на различные вариации размеров изображения, что достаточно удобно, но менее надежно.
4
Здесь вы можете использовать как обычный редактор «Блокнот», так и специальные программы, предназначенные для более удобного написания кода, например, бесплатная утилита Notebook, которая поддерживает отображение нумерации строк и служит достаточно удобным программным обеспечением при частом редактировании.
5
Создайте иконку для вашего сайта, заранее продумав все ее детали. Лучше всего сразу же определиться с дизайном и размером (здесь – в зависимости от метода ее добавления, поскольку в первом случае доступно лишь использование файла с разрешением 16x16).
6
Также вы можете воспользоваться специальными файлами .atn для Adobe Photoshop, которые позволяют автоматически создавать иконки с нужными эффектами, найти их можно в интернете на тематических форумах или на сайте deviantart.com в разделе “Actions”.
Видео по теме
Полезный совет
Выполняйте обязательную проверку на всех браузерах.

Совет 6: Как вставить часы в блог

Очень часто при создании блога начинающие веб-мастеры стараются украсить его всевозможными гаджетами. И одним из самых популярных гаджетов являются часы. Установить их в большинство блогов не представляет особого труда, нужно лишь следовать нескольким простым советам.
Инструкция
1
Для того чтобы разместить часы на своем блоге, выберите сервис, содержащий различные гаджеты для веб-сайтов. Вот небольшой перечень таких ресурсов:- http://www.24log.ru/clock/;- http://www.toolshell.org/;- http://www.clocklink.com/gallery.php?category=NEWEST;- http://www.smartwebgadgets.com/;- http://www.google.com/gadgetsforyourpage/.
2
После этого выберите понравившиеся вам часы; также на большинстве сайтов можно отредактировать любой гаджет по цвету, размеру и т.д. В настройка гаджета установите ваш часовой пояс либо часовой пояс той категории людей, для которой ваш блог предназначен. Не забудьте также указать формат часов: 12 либо 24. Закончив редактировать различные настройки вашего гаджета, скопируйте его код (он обычно находится в поле рядом с графическим изображением) и сохраните в текстовый файл, чтобы не потерять.
3
Следующий шаг заключается в размещении скрипта (полученного кода) часов на ваш блог. Здесь все сугубо индивидуально, так как различные блоги размещены на различных площадках со своими собственными настройками. Если вы используете блогерскую площадку BlogSpot, то перейдите в раздел управления, в меню настроек. После этого сначала кликните на вкладку «Дизайн», потом — на вкладку «Элементы страницы». Нажмите на кнопку в виде ссылки «Добавить гаджет» в том месте, где по вашей задумке должны будут располагаться часы. После этого выберите HTML/JavaScript, назовите ваш гаджет и вставьте скрипт часов.
4
Алгоритм установки гаджетов на другие блогерские площадки может отличаться, но принцип один и тот же. Также можно напрямую вставить скрипт ваших часов в код вашего блога. Данный способ универсален и подойдет для всех сайтов и блогов. Для начала откройте редактор html-кода вашего ресурса и выберите в открывшемся тексте то место, для которого предназначены часы. Для новичков сделать это будет тяжело, но постарайтесь ориентироваться по каким-то словам на сайте и сопоставлять их положение в самом блоге и в коде.
Видео по теме
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500
к
Honor 6X Premium
новая премиальная версия
узнать больше