Home-theater-designers
Веб дизајн је приступачнији него икад, али ипак захтева много рада - и много вештине - да би се постигли резултати професионалног изгледа.
На срећу, не морате сваки пут да почнете од нуле. На хиљаде бесплатних ЦСС предложака доступно је на мрежи, а сви прихватају савремене дизајнерске трендове и технологије. Можете их користити у оригиналном облику или их прилагодити тако да буду властите.
У овом водичу ћемо детаљније погледати ЦСС предлошке и где их пронаћи.
Шта је ЦСС шаблон?
ЦСС предложак не садржи само ЦСС: он вам даје све што је потребно за креирање потпуно функционалне веб локације. Када га преузмете, обично ћете добити фасциклу која садржи следеће:
- ХТМЛ датотеке - Добићете ХТМЛ датотеку за сваку страницу веб локације. Садржи узорак текста и слика које ћете морати да замените својим садржајем. Такође ћете морати да прилагодите мета податке који се односе на ствари попут описа веб локације.
- ЦСС датотеку - Обично добијате једну главну ЦСС датотеку која садржи све стилове за веб локацију, плус све додатке попут ресетовања стилова или једну за веб фонтове.
- Јавасцрипт датотека - Ако веб локација садржи Јавасцрипт функције, идеално је да буду укључене у њихову засебну датотеку, а не да буду уграђене у ХТМЛ документе.
- Слике, фонтови и иконе - Све слике које се користе у предлошку такође треба укључити. Можда желите да задржите ствари као што су иконе и позадине, али ћете морати да замените остале слике чувара места својим. Неки прилагођени фонтови такође могу бити укључени.
За разлику од већине других врста шаблона на које ћете наићи - било да је то Вордпресс, Екцел или ИнДесигн предлошци - ЦСС предлошци захтевају одређену количину техничког знања.
Не постоји пријатељско сучеље за њихово уређивање, па ћете морати знати барем како се снаћи у ХТМЛ документу само да бисте додали властити садржај. Да бисте сами направили прилагођавања, потребно вам је пристојно познавање ЦСС -а.
како инсталирати апликације на визио смарт тв
Шта тражити у ЦСС шаблону
Постоји толико много бесплатних ЦСС предложака за избор. Па како знате који је прави за вас? Ево неколико ствари на које треба обратити пажњу:
- Дизајн - Очигледно, желите веб локацију која лепо изгледа и одражава слику коју желите да прикажете. Али такође размислите да ли шаблон одговара вашим потребама и сада и у будућности. Многи су за веб странице са једном страницом; неке су дизајниране за више страница. Ако вам ово друго треба, размислите да ли би уместо тога било боље да користите ЦМС као што је Вордпресс.
- Оптимизовано за мобилне уређаје - Употреба мобилног интернета сада је већа од стоне, па је од суштинског значаја да ваша веб локација правилно функционише на паметним телефонима. Сваки пристојан ЦСС предложак треба да користи респонзивни дизајн тако да веб локација савршено ради на екрану било које величине. Ако ваш изабрани не, пређите на ону која то ради.
- Добро написан - Преузмите предложак и погледајте код пре него што се обавежете да ћете га користити. Требало би да буде чисто, добро структурирано и лако за уређивање. Такође би требало да буде свестан СЕО-а, са исправном употребом ознака наслова и заглавља.
- Лиценца - Обавезно проверите лиценцу за изабрани ЦСС шаблон. Многи су доступни под лиценцом Цреативе Цоммонс , али различите верзије ове лиценце одређују да ли можете уредити предложак, можете ли га користити у комерцијалне сврхе и требате ли приписати заслуге оригиналном дизајнеру.
- Аддонс - Неки програмери ЦСС шаблона нуде свој рад на „фреемиум“ основи. Предложак добијате бесплатно, али имате могућност да платите додатна прилагођавања како би био јединствен за вашу веб локацију.
Уз све објашњено, хајде да погледамо најбоља места за проналажење бесплатних ЦСС шаблона.
1. Темплатед.цо
Ова задивљујућа колекција од више од 800 ЦСС предложака садржи стилове за сваку класу веб локације. Сви су створени посебно за веб локацију, тако да их не бисте требали видети нигде другде.
Сви предлошци су прилагодљиви и направљени су са ХТМЛ5. Мали су и лагани, са додатним Јавасцрипт функцијама, попут видео светлосне плоче или ефеката померања, који се користе само тамо где додају стварну вредност доживљају.
2. Стилесхоут.цом
Стилесхоут нуди велики избор бесплатних и премијум шаблона, од којих је први објављен под лиценцом Цреативе Цоммонс.
Бесплатни предлошци покривају широк спектар категорија, од потпуних веб страница до страница Ускоро, па чак и често занемарене странице са грешком 404. Можете их сами прилагодити и прилагодити стилу ваше постојеће веб локације, или можете платити да то учини Стилесхоут уместо вас.
3. ХТМЛ5Уп.нет
Ова супер стилска колекција шаблона такође је супер популарна. Већина је преузета стотинама хиљада пута и лако је видети зашто.
Омогућене су све уобичајене категорије веб локација, попут блога и странице производа, а постоје и неки посебно лепи дизајни за фотографе да покажу свој рад. Основни предлошци у стилу мреже су изузетно прилагодљиви, док они светлији користе Јавасцрипт прилично јако, па могу бити мање прилагођени вашим подешавањима.
Четири. Фреебиесбуг.цом
Оно што Фреебиесбугу недостаје у количини више него надокнађује у квалитету. Сајт на којем млади програмери показују своје вештине, укључује многе врхунске дизајне.
Импресивна колекција бесплатних предложака на сајту савршена је за агенције, фотографе, програмере апликација и друге креативце. Препуни Јавасцрипт и ЦСС ефеката и анимација, можете прилагодити веб локације, иако су често толико лепе да можда не желите.
Осим тога, Фреебиесбуг.цом укључује све врсте бесплатних ресурса за веб дизајнере, укључујући фонтове, фотографије, илустраторске скице и ПСД датотеке итд.
5. Фрее-ЦСС.цом
Фрее-ЦСС.цом је бесплатна веб страница која у време писања овог чланка нуди неких 2503 бесплатна шаблона, плус мноштво врхунских, у случају да и даље не можете пронаћи оно што тражите.
С обзиром на толики избор, може бити мало тешко одлучити се за савршен дизајн. Квалитет је генерално добар, иако постојање странице од 10 година значи да и даље садржи предлошке написане у КСХТМЛ-у. Ово ћете желети да избегнете. Друга ствар је да проверите лиценцу за изабрани шаблон. Сви су бесплатни, али неки су јавно власништво, неки Цреативе Цоммонс, а неки користе ауторску лиценцу.
6. ОС-Темплатес.цом
28 страница бесплатних ЦСС предложака, углавном користећи модерне распореде засноване на мрежи на једној страници. Ако тражите једноставно, ово је место за тражење. Дизајн је чист, атрактиван и једноставан за прилагођавање.
ОС-Темплатес.цом такође нуди велику колекцију „основних шаблона“. Ово вам даје основну структуру веб локације у разним популарним шемама изгледа (две колоне, три колоне итд.), А да притом није потпуно стилизовано. Као и коришћење подразумеване теме у Вордпресс -у, празно платно вам омогућава да своју веб локацију претворите у све што желите.
7. боаг.онлине [Није више доступно]
Маглев је шаблон једне странице на једној страници који може бити прегледано у акцији на боаг.онлине .
То је брз, чист шаблон, идеалан за страницу производа. Минималистички дизајн је увећан само са неколико Јкуери ефеката који ће вам помоћи да се крећете по одељцима. Једноставан изглед ради сам по себи, али такође представља одличну полазну тачку за ваша прилагођавања.
8. Пикел Буддха
Предлошци Пикел Буддхе нису ограничени само на веб локације, већ укључују и неке за билтене путем е -поште.
У сваком случају, сви су дизајнирани са ХТМЛ5 и ЦСС3 и реагирају па изгледају одлично на било којем уређају. Истакнути садржаји укључују Ховди ХТМЛ, прелепи предложак портфолија/животописа и СОХО ХТМЛ, страницу е -трговине са изванредним изгледом која укључује изворне ПСД датотеке на врху ХТМЛ -а и ЦСС -а.
како аутоматски проследити текстуалне поруке на други телефон
9. Темплатемо.цом
Скоро 500 бесплатних шаблона је доступно у Темплатемо -у. Неки од најбољих су они који се ослобађају мрежног система у стилу Боотстрап-а како би испробали нешто другачије.
Већина предложака је једноставна и без претрпаности, иако су функције попут лигхтбок -а и ротирајућих садржаја укључене тамо где су потребне. Такође нам се свиђа чињеница да је неколико предложака подразумевано подешено за рад са чак шест страница. Ово олакшава ако се ваш садржај не уклапа у све чешћи изглед једне странице.
10. Стартбоотстрап.цом
Боотстрап је невероватно популаран фронт-енд оквир који вам омогућава да направите веб локације високог квалитета за кратко време. Међутим, потребно је мало времена за учење, а ту долази и Старт Боотстрап.
Ова колекција бесплатних предложака отвореног кода изграђена је помоћу Боотстраповог грид система. Можете изабрати више од 30. Неки су потпуно дизајнирани и намењени су апликацијама, блоговима и одредишним страницама, док су други празни распореди који чекају да их стилизујете.
Једанаест. Боотсватцх.цом
Коначно, нешто мало више из руке. Боотсватцх нуди 16 тема отвореног кода за стилизовање веб локација направљених помоћу Боотстрапа.
Можете сами да направите изглед веб локације користећи Боотстрап или да преузмете један од празних предложака из Старт Боотстрап. Оно што Боотсватцх ради је промена фонтова, боја позадине и стила за дугмад, меније и друге елементе. Даје вашој веб локацији јединствен изглед, а истовремено остаје веран Боотстраповом ултра-чистом етосу.
Лако је саставити основну веб страницу са Боотстрапом, а Боотсватцх му даје тренутни сјај.
Како се користе ЦСС предлошци
Уопштено говорећи, постоје два начина коришћења шаблона. Или их користите какве јесу или их користите као основу за сопствени дизајн.
Опасност при коришћењу шаблона је у томе што на крају добијете веб локацију која је идентична нечијој. Одаберите популаран предложак и могло би бити буквално десетине хиљада идентичних веб локација. Ово је главни аргумент у корист њиховог прилагођавања.
кбок оне контролер се стално искључује
ЦСС предлошци су одлична пречица за искусне веб дизајнере који имају на уму основни изглед и желе да пређу на његово стилизовање.
Такође су савршени за свакога ко се тек бави веб дизајном. Ако се сналазите у ХТМЛ -у и ЦСС -у, али још немате самопоуздања или знања да направите сајт од нуле, ЦСС предложак служи и као једноставан начин да добијете сјајну веб локацију и као сјајан алат за учење.
Можете то третирати као рад у току. Почните до искључивање фонтова и промена шеме боја , и временом можете редизајнирати постојеће елементе, додати нове итд. Нема бољег начина да научите било шта осим кроз практично искуство.
Да ли користите ЦСС шаблоне при изради веб страница? Која су ваша омиљена места да их пронађете? Поделите са нама своја искуства и савете у коментарима.
Објави Објави Твеет Емаил Како очистити Виндовс рачунар помоћу командне линијеАко на вашем Виндовс рачунару недостаје простора за складиштење, очистите смеће помоћу ових брзих помоћних програма командне линије.
Прочитајте следеће Повезане теме- Програмирање
- Веб дизајн
- ЦСС
Анди је бивши штампани новинар и уредник часописа који већ 15 година пише о технологији. У то време допринео је небројеним публикацијама и писао текстове за велике технолошке компаније. Он је такође дао коментаре стручњака за медије и водио панеле на индустријским догађајима.
Више од Андија БеттсаПретплатите се на наш билтен
Придружите се нашем билтену за техничке савете, критике, бесплатне е -књиге и ексклузивне понуде!
Кликните овде да бисте се претплатили