Логистика на спедитора - HTML шаблон за транспорт | Шаблони и теми на уебсайта на Themeforest

Не съм много дизайнер. Моята сила е в кодирането. Въпреки това, често съм принуден да вляза в ролята на „Човекът“, отговорен за всички аспекти на създаването на сайта. И така, това каза, че се чудя дали професионалистите могат да ми дадат съвети / решения / връзки към уроци към основните ми въпроси.

  1. Резолюция.Към какво да се стремя? Какви са долните и горните ръбове, за които трябва да съм наясно? Знам, че системи като 960 Grid бяха популярни напоследък. Това ли е номерът, към който все пак трябва да се стремя?

  2. Нарязване на .psd - има ли някакви трикове, които трябва да знам? Винаги ми е било трудно да направя пикселите ми перфектни. Аз също съм наистина ли бавно. Сигурно го гледам погрешно или пропускам нещо фундаментално. Същото важи и за текста. Оформленията винаги са изпълнени с класическия "Lorem ...", но никога не мога да видя, че истинското съдържание се вписва толкова добре на екрана.

  3. Разширените (за мен, така или иначе) изглеждащи неща, като част от лого / изображение, наслояващо това, което прилича на област със съдържание. Как се прави това?

  4. Как се променят оформленията / информират ли се от решението да станат фиксирани или ликвидни?

Отново, всички съвети / трикове / предложения / уроци, които можете да споделите, ще бъдат много благодарни.

  • 1 В бъдеще трябва да разбиете този вид неща на множество въпроси. "Дайте ми краш курс на {много широка тема} "Въпросите от типа не отговарят на модела за въпроси и отговори на StackExchange. Получавате повече отговори и по-подробни отговори, ако се придържате към конкретен въпрос, който може да има верен или грешен отговор.
  1. Каква е стандартната ширина за уебсайт в пиксели?

  2. Опитът ми с нарязването на шаблон във Photoshop винаги е бил досаден и бавен. Каква версия на Photoshop използвате?

Като цяло избирам да не използвам филийки и просто използвам инструмента за маркиране (Правоъгълник и т.н.) и копирам / поставям в ново изображение и го запазвам. След това използвайте HTML / CSS, за да го подравните правилно.

  1. Да предположим, че имате поле за съдържание, в което показвате новини и актуализации и искате изображението в заглавката да изглежда така, сякаш води надолу в областта на съдържанието. Направете пълното изображение на областта на заглавката със зоната на съдържанието, след което го нарежете, така че да се побере като фоново изображение на заглавката. Вземете другата част и направете това фоново изображение на областта със съдържание. Има няколко трика, за да го накарате да се подреди правилно, като CSS.

Това не е непременно таен метод, това е повече хора, които проявяват креативност с прости инструменти, които се използват във всеки уебсайт. Ако имате нужда от повече пример, мога да ви дам един.

  1. Всичко зависи от съдържанието на вашия уебсайт. Ако искате наистина актуален уебсайт, който включва много променящо се съдържание, искате да използвате динамично (това, което мисля, че сте имали предвид под течност), в който случай ще искате да използвате PHP или някаква CMS или ако просто давате малко съдържание, което няма да се промени толкова много, можете да използвате статично (фиксирано).

Сега другите тук може да имат по-добри идеи, но методите по-горе е това, което видях да работи.

Това може да е трудно да се отговори, тъй като имате доста подробни въпроси. Ако можех да дам един отговор, бих казал, че трябва да разгледате w3schools.com и да научите всички HTML маркировки и CSS, които можете. Оттам подхождайте към уеб дизайна от строго CSS и HTML позиция. Използвайте изображения, за да добавите подобрение.

Честно казано, можете да направите много с CSS, за да направите един сайт да изглежда красив. И тъй като вашата сила е входяща, маркирането трябва да е просто за вас.

  1. 960px, (със или без мрежова система) да, е подходящо. По-голямата част от екраните там са над 1024 или 1024 (широки. Всъщност 960 се дължи на лентите за превъртане и т.н.), 800x600 става все по-малко (много ниски% според моята статистика ...), използвани, въпреки че са по-малки резолюции е малко по-често за мобилни устройства и джобни устройства, но е по-добре да се правят алтернативни страници / системи за тези устройства, вместо да се жертва толкова много дизайнът, IMHO. Някои хора обаче проектират на 770px или нещо подобно. Тук говорим за страници с фиксирана ширина, обикновено центрирани. Но в зависимост от типа на сайта можете да правите и течни оформления. phpBB форумите са добър пример за това.

  2. използвайте "филийки". Можете да ги създадете с инструмента "нарязване", е икона "резачка". Само бъдете сигурни, че е включено "Snap", в менюто "View" и това прикачване към филийки е там. Също така е включено прилепването към границите на документи. Прикрепването към слой често става по-голям проблем, ако е ВКЛЮЧЕН, според моя опит ... Просто си нарисувате филийки и запазвате psd, така че те да са винаги там. Ако трябва да промените малко оформлението, променете и тях, използвайте мащабиране, за да настроите пиксела. Увеличавате, можете да коригирате полетата на среза, като щракнете навсякъде по полето. Така че, ако експортирате често с промени, това става все по-полезно.

  3. Не разбирам този.

  4. Те не са "информирани" ... Вие просто решавате какво ще бъде. Ако ще бъде течен, можете да направите абстракция, да зададете какъвто и да е размер на динамичната област, тъй като ще се справяте с код. Просто използвайте обичайна ширина, за да направите визуална идея, докато работите. И отново използвайте сектори, като използвате фиксирана ширина за фиксираните елементи (икони и т.н.)

Съвети ... Използвайте Photoshop „Действия“, когато има смисъл. Така че ще автоматизирате определени неща. Работете върху psd само за първите чернови, на етапа на мозъчната атака. Кодирайте, след като визуалният дизайн обикновено се приема.

Друг съвет: Не използвайте уеб кода за износ на PS. Просто направете ширината на вашите елементи, колкото ви е необходима, след това поставете тези ширини и височини в страницата си с класове css.

Редактиране: 3. Мисля, че имате предвид задаване на div с ширина и височина на точното съдържание, част от цялото заглавно изображение, където е вашето лого. Дайте div на фон (като му присвоите клас css с тази ширина и височина и фоново изображение) с точно това нарязано парче. Можете да предефинирате чрез css на етикет вътре в този div, като го настроите да бъде display: block, имащ точната ширина и височина на "горещата зона", обикновено логото, например за връзка към home.html.

Преглеждайте - но не копирайте директно - CSS / HTML / и т.н. от любимите си модерни уеб сайтове 2.0. Когато се учи, най-добре е да разгледате документацията и препратките към класове към програмата, вместо да копирате. Късмет :)

е работил за вас: Charles Robertson | Искате ли да се свържете с нас?