реклама
Работя в мрежата от известно време и всъщност ми беше по-лесно да напиша всеки документ в HTML формат вместо DOC или TXT. Ако използвате Google Docs, всъщност правите същото, тъй като Google Docs по същество се е превърнал в HTML редактор на WYSIWYG. Създаването на някои шаблони за документи с помощта на HTML и CSS е много лесно, може да се направи от всеки и ако го направите правилно, ще изглежда същото за всички.
Защо да използвате HTML?
Най-голямата ми причина да се занимавам с чисто HTML и CSS документи е, че това е може би най-съвместимият формат в браузъри и операционни системи, с изключение на PDF формат, което е много трудно и / или скъпо да се направи добре. Използването на Microsoft Office също не е най-доброто. Използвам Office 2007, който използва много допълнителни функции, които не се поддържат от по-ранни версии, така че качеството може да бъде понижено. Кой знае как ще изглеждат тези документи например в Open Office? Ако създадете HTML документ, който изглежда точно същото в създадения от вас Internet Explorer и Firefox документ, който може да бъде отворен от потребители на Mac, Linux и Windows и ще изглежда същото в 99% от браузъри.
Какво е CSS и HTML?
Ако сте новак в това кодиране на HTML и CSS, не се тревожете. Много е лесно и можете да намерите много ресурси в мрежата, които да ви помогнат. HTML и CSS код е това, което съставлява повечето от това, което виждате на тази страница тук, HTML управлява съдържанието, докато CSS управлява стила или начина на представяне на съдържанието.
Как мога да създам шаблон?
Е, ще трябва да изучите малко код. За щастие, HTML и CSS са много лесни за разбиране. За да дадете на обект граница например, просто въведете
рамка: 1px черно твърдо вещество
. Това ще създаде широка 1px черна плътна рамка. Има много опции за форматиране, които можете да потърсите и използвате, моето предложение е да визуализирате какво искате и след това да потърсите малко, за да намерите как да го направите. Най-основният шаблон ще бъде празен HTML файл, вижте по-долу.
Заглавието на страницата влиза тук
Всичките ви стилове влизат тук
Съдържанието на вашата страница отива тук.
След това можете да запълните всичко това със съдържание и стилизиране, за да създадете вашия документ. Погледни пример 1, пример 2 и пример 3 Направих. Имайте предвид, че кодът в тялото, съдържанието е абсолютно същото, аз сменям само css кода. Това показва, че можете да използвате стайлинга, за да създавате бързо различни погледи.
Защо това е толкова страхотно?
Причината да е толкова страхотна е, че можете да създадете персонализирани стилове за себе си, които могат да се превърнат в своеобразна „запазена марка“ на вашите документи. Можете да изрежете и поставите CSS кода и просто да мислите за съдържанието, след като го финализирате. Също така можете да свържете в таблицата със стилове, така че ако съхранявате документи онлайн, не е нужно да включвате CSS в самия файл. Това означава, че можете да свържете различни таблици стилове за различни поводи и не е нужно да променяте документа през цялото време.
CSS също така позволява по-бързо редактиране на документи в стилен план. Предпочитам документите ми да изглеждат добре, защото просто се чувствам по-добре по този начин, а с CSS процесът на форматиране става много по-малко натоварване. Когато посочите стил на заглавие, той ще бъде приложен към всички заглавия от този тип. Това означава, че не е необходимо да променяте индивидуално цвета на фона, цвета на шрифта, смелостта и подчертаването на заглавието, просто го посочвате веднъж.
Освен това, тъй като Google Документи вече има пълна поддръжка на CSS, можете просто да копирате да поставите вашия стилизиращ код в Документи и променете облика на вашите документи, без да се налага да заобикаляте форматирането на всяко едно заглавие по едно време.
Къде мога да науча повече?
Както казах, CSS е прост инструмент, но въпреки това изисква някои основни познания. HTML е подобен логичен и лесен за научаване, препоръчвам ви W3Cschools и за двамата. Научих много от това, което знам днес там, за основни нужди това е един от най-добрите сайтове в мрежата. W3C разработва и уеб стандартите, така че можете да сте сигурни, че каквото и да напишат на тяхната страница, работи.
Друга страница, от която научих много, беше Вашият HTML източник. Тази страница съдържа HTML и CSS, както и някои разширени съвети относно кодирането, промоцията, достъпността и като цяло как да създадете добър уебсайт. Въпреки това има страхотна CSS помощ, определено си заслужава да се посети.
Накрая можете да разгледате някои свързани блогове и статии като тази страхотна обзор на основни CSS техники и 53 техники, без които не можеш да живееш.