Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Шаблоны (TPL) » Как сделать макет сайта?

Как сделать макет сайта?

     23.02.2015    Все вопросы » Шаблоны (TPL)    2221

вопрос
Всем привет, хочу сделать шаблон для сайта, но не знаю в каком размере рисовать макет?
Читал точто 1024х1600, но тогда у меня не помещаеться в такой шаблон нечего.
Можно ли как то определить по чужому сайту размер шаблона? Например как тут

Ответил: Sander

Рисуйте макет шириной 1900х5000 px.
По высоте если останется место, можно накидать каких-нибудь рандомных картинок, если не хватит, то придется ужаться. Ведь в фотошопе нельзя менять размеры созданного холста...

По ширине только 1900px. Пусть владельцы маленьких мониторов страдают! Особенно нужно наплевать на владельцев нетбуков с разрешением 1024х768. Я уверен, они будет очень довольны, что в окне браузера им видна почти половина ширины сайта. Особенно будут рады владельцы андроидов с крохотными дисплеями.

А теперь серьезно.
Вы определитесь, что вам важнее. Максимальное удобство всех посетителей или "чтоб все влезло".
Наилучший вариант - частичная резина. Что это такое - смотрите Default шаблон.
Рисуйте макет шириной 1000px, но с учетом того, чтобы его можно было растянуть, скажем, до 1400px.
Но судя по вашему вопросу, вы мягко говоря - профан. Так что для начала учитесь рисовать макеты под статические шаблоны. А с практикой придет и опыт и понимание.

10 комментариев

LafLer
Гости

LafLer - 23 февраля 2015 17:11 -

Ведь в фотошопе нельзя менять размеры созданного холста...

вау, а я то как изменяю :)?
ufh2
Юзер

ufh2 - 24 февраля 2015 01:37 -

LafLer,
Да ладно? Ну ничего себе, что у вас за версия фотошопа такая? Что позволяет такое делать?
LafLer
Гости

LafLer - 24 февраля 2015 05:52 -

ufh2,
Adobe Photoshop CS6
Shnapik
Юзер

Shnapik - 24 февраля 2015 09:06 -

Вообще можно изменить размер холста. Я думаю уже с версии cs3 ввели это, хотя может и раньше.

Для асов и отцов фотошопа поясню как:
На горизонтальной панели фотошопа ищем вкладку "Изображение" и в выпавшем списке "Размер холста".
Можно также с помощью комбинаций клавиш, ctrl+alt+c
Дальше думаю смысла нет описывать ход действий.... Но мы что-то от темы отклонились...


Я лично всегда делаю макеты под свой размер экрана, ширина 1280, а высота уже от содержимого зависит. Делайте под свой экран, чтобы вам было удобнее, но делать слишком мелко не советую, при верстке замудохаетесь с определением и созданием тех или иных элементов.
Sander
PHP-developer

Sander - 24 февраля 2015 23:18 -

LafLer,


Shnapik,


Походу только ufh2 и промолчавшие поняли мой стеб и сарказм...
SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804
Shnapik
Юзер

Shnapik - 24 февраля 2015 23:45 -

Ну возможно, ваш тихий гений нам не понять.
ychelovek
Юзер

ychelovek - 24 февраля 2015 23:31 -

ААААААААААААААААА. Вы кто вообще? Мастера... шаблоны делают под свой размер экрана ахахах... ААААААА. Паника паника
Googledono
Юзер

Googledono - 2 марта 2015 02:47 -

хотел бы я посмотреть, как вы нарисуете шаблон в размерах 1600х900...
D0Gmatist
Юзер

D0Gmatist - 2 марта 2015 02:57 -

А хочешь шаблон для маленького инфографика? ))
инфографик
scaver
Юзер

scaver - 25 февраля 2015 01:34 -

спасибо поржал xD
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 07.11.2013 selivanov_yaroslav  Шаблоны (TPL)
 16.01.2014 maximcska  Шаблоны (TPL)
 28.01.2014 lineup  Шаблоны (TPL), Модули
 19.03.2014 dts86  Шаблоны (TPL), Ламерские вопросы
 21.04.2014 MrDreamer  Шаблоны (TPL), Стили (CSS)
 08.06.2014 ZeeFeeR  Общие вопросы, Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)
 20.07.2014 Гость  Шаблоны (TPL)
 02.11.2014 scaver  Шаблоны (TPL)
 05.01.2015 Tweitch  Шаблоны (TPL), Ламерские вопросы
 07.01.2015 249893  Общие вопросы, Шаблоны (TPL), Стили (CSS)
  • mondolfo | Как вывесит в comments.tpl картинку с но ... 7
    Фото mondolfo
    mondolfo
    Как вывесит в comments.tpl картинку с новости?
    Вчера, 23:42
    кто-нибудь решил эту?
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    22-11-2024, 17:08
    Разъясните как вытащить id?
  • lutskboy | Вытащить все данные из определенного доп ... 1
    Фото lutskboy
    lutskboy
    Вытащить все данные из определенного доп поля?
    22-11-2024, 16:17
    в adminer можно.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    22-11-2024, 16:14
    выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
    js скрипт можно написать
    
<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    22-11-2024, 14:39
    Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    22-11-2024, 13:52
    где выводить? админка или сайт
  • TeraMoune | Как отключить миниатюры стандартной гале ...
    Фото TeraMoune
    TeraMoune
    Как отключить миниатюры стандартной галереи Fancybox?
    21-11-2024, 06:00
    В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

    Например: параметр Thumbs: false отключает миниатюры.
    Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
  • derebas | Как реализовать шифрование трафика? 3
    Фото derebas
    derebas
    Как реализовать шифрование трафика?
    18-11-2024, 16:52
    Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:46
    я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
    Так и было...
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:39
    чтоб не удалять выстави права и пользователя какие там идут на файлы. .
наверх