Сети

Как самостоятельно сделать шаблон сайта?

Сделать шаблон сайтаДизайн сайтов может быть красивым и не очень, дорогим или бесплатным, эксклюзивным или шаблонным. В наше время шаблонов дизайна сайтов существует просто огромнейшее количество.

Готовые шаблоны дизайна сайтов есть и платные и бесплатные, на любой вкус. Однако у всех них есть огромный недостаток – они не уникальны. Даже если Вы купили шаблон, то его может купить и кто-то другой.

Как же быть, если хочется иметь собственный сайт, а заказать дизайн сайта в профессиональной студии Вам не по карману? Можно и нужно попробовать сделать собственный шаблон дизайна для Вашего сайта. Шаблон – это некая заготовка оформления страниц Вашего веб-проекта, которую Вы потом заполните нужным контентом.

Итак, с чего начать. Первый шаг – предварительное тщательное обдумывание, каким Вы хотите видеть дизайн Вашего сайта, может показаться лишним. Однако лишь на первый взгляд. Лучше нарисовать будущий дизайн на бумаге, поэкспериментировать с различными вариантами и только потом начинать работу в графическом редакторе.

Следующий шаг, как Вы уже наверное догадались, это рисование дизайна в графическом редакторе. Какой при этом выбрать редактор – дело личных вкусов и предпочтений. Наиболее распространенный графический пакет – Adobe Phohtoshop, поэтому рассматривать создание шаблона дизайна сайта будем на его примере.

Страницы Вашего будущего сайта будут представлять собой ячейки таблицы, если Вы используете табличную верстку или же блоки, если блочную. Поместить нарисованный Вами дизайн-макет сайта в эти ячейки или блоки – это следующий шаг в создании шаблона сайта. Для этого нужно разделить одно цельное изображение на несколько частей, по количеству и размеру нужных ячеек или блоков.

В программе Adobe Phohtoshop есть специальный инструмент для разрезания изображения – Slice Tool. Этим инструментом, буквально как ножом изображение нарезается на требуемое количество кусочков. При этом следует учитывать, что при заполнении текстом некоторые ячейки таблицы или блоки на странице сайта могут «потянуться». Поэтому для этих ячеек нужно вырезать кусочки изображения таким образом, чтобы при копировании они не создавали впечатления плитки.

Когда изображение разрезано на необходимое количество частей, нужно его сохранить. В программе Adobe Phohtoshop это сделать легко. В меню File нужно выбрать пункт Save for Web devices. В открывшемся диалоговом окне необходимо выбрать тип файлов «HTML&images», указать имя файла «index.htm» или «index.html» (расширение .htm предпочтительнее) и сохранить этот файл в корневую папку Вашего будущего сайта. Если все было сделано правильно, то в этой папке появится соответствующий файл index.html и каталог images. В images как раз и будут находиться все нарезанные кусочки изображения.

Что дальше? Остается лишь отредактировать файл index.html таким образом, чтобы при заполнении его текстом не получалось разрывов изображения или белых полос. Чтобы избежать появления таких проблем, необходимо выбрать для каких ячеек изображения должны быть фоновыми, какие ячейки будут растягиваться или объединяться. Не отчаивайтесь, если Вам не удалось с первого раза идеально разрезать нужное изображение, возможно, понадобится несколько мучительных попыток. Но зато в результате дизайн Вашего сайта будет именно таким, каким Вы хотели, а сам сайт будет радовать Вас своей оригинальностью и уникальностью.

По материалам сайта webstudio2u.net

Оцените статью
Эффект Фокса: почему верят инфоцыганам и как не попасть на их крючок Как работать с подсознанием: 8 лучших инструментов, которые воплотят мечты в реальность Чистота без забот: профессиональный клининг для вашего комфорта Украшения Cartier: как отличить оригинал от подделки? На пути к гармонии: как найти своего психолога и обрести внутреннее равновесие Обучение на аппаратчика: первый шаг к работе на передовых предприятиях УЗИ-диагностика: точность, доступность и безопасность в одном методе Типы памяти и техники эффективного запоминания: разблокируйте потенциал своего мозга Риски при бизнес-кредитовании: как минимизировать потери и обезопасить бизнес Популярные стили женской одежды и особенности выбора Как выбрать клинику для ЭКО по ОМС? Рейтинг самых дешевых аптек Владивостока Как получить паспорт Израиля Даркон? Секрет высокой выносливости: спортивный массаж Бросаем без боли: стратегии преодоления синдрома отмены при отказе от вредных привычек Почему людям нравятся грустные песни и чем полезны такие мелодии
Комментарии
2
  1. аристова

    как создать шаблон сайт?

  2. няша

    как создать шаблон сайт?

Добавить комментарий
;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности.

Будьте в курсе свежих новостей