Реклама

ЦСС шаблониВећ неко време радим на вебу и заправо ми је било лакше написати сваки документ у ХТМЛ формату уместо у ДОЦ или ТКСТ. Ако користите Гоогле документе, ви заправо радите исто, пошто су Гоогле документи (срећом) у суштини постали ВИСИВИГ ХТМЛ едитор. Креирање неких шаблона докумената помоћу ХТМЛ-а и ЦСС-а је веома лако, може свако, а ако то урадите како треба, свима ће изгледати исто.

Зашто користити ХТМЛ?

Мој највећи разлог зашто користим чисто ХТМЛ и ЦСС документе је тај што је то вероватно најкомпатибилнији формат у свим претраживачима и оперативним системима, осим у ПДФ формату, што је веома тешко и/или скупо за урадити добро. Коришћење Мицрософт Оффице-а такође није најбоље. Користим Оффице 2007 који користи много додатних функција које нису подржане у претходним верзијама, тако да квалитет може бити смањен. Ко зна како ће ови документи изгледати на пример у Опен Оффице-у? Ако креирате ХТМЛ документ који изгледа потпуно исто у Интернет Екплорер-у и Фирефок-у које сте креирали документ који могу да отворе корисници Мац-а, Линук-а и Виндовс-а, а изгледаће исто на 99% докумената претраживачи.

instagram viewer

Шта су ЦСС и ХТМЛ?

Ако сте нови у целој овој ствари са ХТМЛ и ЦСС кодирањем, немојте се узнемиравати. Веома је лако и можете пронаћи много ресурса на вебу који ће вам помоћи. ХТМЛ и ЦСС код је оно што чини већину онога што видите на овој страници овде, ХТМЛ управља садржајем, док ЦСС управља стилом или начином на који је садржај представљен.

Како могу да направим шаблон?

Пример ЦСС стила

Па, мораћете да проучите мало кода. Срећом, ХТМЛ и ЦСС су веома лаки за разумевање. На пример, да бисте објекту дали ивицу, само откуцајте

ивица: 1пк црна пуна

. Ово ће створити црну чврсту ивицу ширине 1пк. Постоји мноштво опција за форматирање које можете потражити и користити, мој предлог је да визуализујете шта желите, а затим мало претражујете да бисте пронашли како да то урадите. Најосновнији шаблон би био празна ХТМЛ датотека, погледајте испод.



п>Овде се налази наслов страницеем>п>


Садржај ваше странице иде овде.


Затим све ово можете попунити садржајем и стиловима да бисте креирали свој документ. Погледај пример 1, пример 2 и пример 3 Направио сам. Имајте на уму да је код у телу, садржај потпуно исти, само мењам цсс код. Ово показује да можете користити стајлинг за брзо креирање различитих изгледа.

Зашто је ово тако сјајно?

Разлог зашто је ово тако сјајно је тај што можете сами да креирате прилагођене стилове који могу постати нека врста „заштитног знака“ ваших докумената. Можете да исечете и налепите ЦСС код и само помислите на садржај када га финализујете. Такође, можете се повезати у табели стилова, тако да ако складиштите документе на мрежи, не морате да укључите ЦСС у саму датотеку. То значи да можете повезати различите стилове за различите прилике и не морате стално да мењате документ.

ЦСС такође омогућава брже уређивање докумената стилски. Више волим да моји документи изгледају добро јер се тако осећам боље, а са ЦСС-ом процес форматирања постаје много мањи терет. Када наведете стил наслова, он ће се применити на све наслове тог типа. То значи да не морате појединачно да мењате боју позадине, боју фонта, подебљаност и подвлачење наслова, само га наведете једном.

Такође, пошто Гоогле документи сада имају пуну подршку за ЦСС, можете једноставно да копирате свој стилски код у документе и промените изглед својих докумената без потребе за форматирањем сваког појединачног наслова време.

Где могу да научим више?

Као што сам рекао, ЦСС је једноставан алат, али ипак захтева неко основно знање. ХТМЛ је на сличан начин логичан и лак за учење, препоручујем В3Цсцхоолс за обојицу. Тамо сам научио доста тога што данас знам, за основне потребе је један од најбољих сајтова на нету. В3Ц такође развија веб стандарде, тако да можете бити сигурни да све што напишу на својој страници функционише.

Још једна страница са које сам много научио била је Ваш ХТМЛ извор. Ова страница садржи ХТМЛ и ЦСС, као и неке напредне савете о кодирању, промоцији, приступачности и уопште о томе како да направите добру веб локацију. Међутим, има одличну помоћ у ЦСС-у, свакако вреди посетити.

Коначно, можете погледати неке повезане блогове и чланке попут овог сјајног прегледа основне ЦСС технике и 53 технике без којих не можете живети.