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

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

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

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

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

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

Комментировать

Почта не публикуется.Обязательные поля отмечены *