Сети

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

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

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

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

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

Следующий шаг, как Вы уже наверное догадались, это рисование дизайна в графическом редакторе. Какой при этом выбрать редактор – дело личных вкусов и предпочтений. Наиболее распространенный графический пакет – 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

Оцените статью
Пляжные антитренды: вещи и аксессуары, которые уже лучше не носить 5 проверенных вариантов маникюра, который делают только богатые женщины Топ-7 изящных и тонких ароматов для женщин, которые не любят парфюмерию Топ-3 бытовые хитрости китайцев: они значительно упрощают жизнь 3 фрукта, которые нужно есть для снижения холестерина 3 привычки полных женщин, которые можно перенять, чтобы стать увереннее в себе Как приготовить макароны без варки: очень быстро и значительно меньше грязной посуды Несколько маленьких хитростей, как побороть жару в квартире без кондиционера 4 + 1 очень неожиданные вещи, сводящие мужчин с ума Как можно привлекательно выглядеть женщинам с лишним весом старше 50+ Какая самая оптимальная разница в возрасте между мужчиной и женщиной Отношения с женщинами прямо влияют на выгорание мужчины Больше не нужно голодать на жестких диетах: как есть вкусно, сытно и похудеть на 60 кг Как спрятать холодильник на кухне 8 кв. м Дети обижаются, что я не хочу сидеть с внуками Топ-5 самых неудачных сочетаний в одежде
Комментарии
2
  1. аристова

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

  2. няша

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

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

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

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