Содержание
Я некоторое время работал в Интернете, и мне действительно было легче писать каждый документ в формате HTML вместо DOC или TXT. Если вы используете Google Docs, вы на самом деле делаете то же самое, поскольку Google Docs (к счастью) по существу стал редактором WYSIWYG HTML. Создать несколько шаблонов документов с использованием 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 очень легко понять. Чтобы дать объекту границу, например, просто введите
border:1px black solid
. Это создаст черную сплошную границу шириной 1px. Есть множество вариантов форматирования, которые вы можете найти и использовать, я предлагаю визуализировать то, что вы хотите, а затем немного поискать, чтобы найти, как это сделать. Самым базовым шаблоном будет пустой HTML-файл, посмотрите ниже.
Название страницы идет здесь
Все ваши стили уходят сюда
Содержание вашей страницы идет здесь.
Затем вы можете заполнить все это содержимым и стилем для создания вашего документа. Взгляните на пример 1, пример 2 и пример 3, которые я сделал. Имейте в виду, что код в теле, содержание точно так же, я только изменяю код CSS. Это показывает, что вы можете использовать стили для быстрого создания различных образов.
Почему это так здорово?
Причина, по которой это так здорово, заключается в том, что вы можете создавать собственные стили для себя, которые могут стать своего рода «товарным знаком» ваших документов. Вы можете вырезать и вставлять код CSS и просто думать о контенте, как только вы его доработали. Кроме того, вы можете создать ссылку в таблице стилей, поэтому, если вы храните документы в Интернете, вам не нужно включать CSS в сам файл. Это означает, что вы можете связать разные таблицы стилей для разных случаев, и вам не нужно постоянно изменять документ.
CSS также позволяет быстрее редактировать документы по стилю. Я предпочитаю, чтобы мои документы выглядели хорошо, потому что я просто чувствую себя лучше, а с CSS процесс форматирования становится гораздо менее обременительным. Когда вы указываете стиль заголовка, он будет применяться ко всем заголовкам этого типа. Это означает, что вам не нужно индивидуально изменять цвет фона, цвет шрифта, жирность и подчеркивание заголовка, вы просто указываете его один раз.
Кроме того, поскольку Google Docs теперь имеет полную поддержку CSS, вы можете просто скопировать и вставить свой код стилей в Docs и изменить внешний вид ваших документов, не занимаясь форматированием каждого отдельного заголовка по одному.
Где я могу узнать больше?
Как я уже сказал, CSS — простой инструмент, но, тем не менее, он требует некоторых базовых знаний. HTML также логичен и прост в освоении, я рекомендую W3Cschools для них обоих. Я узнал многое из того, что знаю сегодня, для базовых потребностей это один из лучших сайтов в сети. W3C также разрабатывает веб-стандарты, поэтому вы можете быть уверены, что все, что они написали на своей странице, работает.
Еще одна страница, на которой я многому научился, — это Ваш HTML-источник. Эта страница содержит HTML и CSS, а также некоторые расширенные советы по кодированию, продвижению, доступности и, как правило, созданию хорошего сайта. Тем не менее, он имеет отличную помощь CSS, безусловно, стоит посетить.
Наконец, вы можете взглянуть на некоторые связанные блоги и статьи, такие как этот удивительный свод основных методов CSS и 53 методов, без которых вы не можете жить.
