Реклама

Шаблоны CSSЯ некоторое время работал в Интернете, и мне действительно было легче писать каждый документ в формате 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% браузеры.

instagram viewer

Что такое CSS и HTML?

Если вы новичок во всем этом кодировании HTML и CSS, не пугайтесь. Это очень просто, и вы можете найти множество ресурсов в Интернете, чтобы помочь вам. HTML и CSS-код - это то, что составляет большую часть того, что вы видите на этой странице, HTML управляет контентом, а CSS управляет стилем или способом представления контента.

Как я могу создать шаблон?

Пример стиля CSS

Ну, вам нужно немного изучить код. К счастью, HTML и CSS очень легко понять. Чтобы дать объекту границу, например, просто введите

граница: 1px черное тело

. Это создаст черную сплошную границу шириной 1px. Есть множество вариантов форматирования, которые вы можете найти и использовать, я предлагаю визуализировать то, что вы хотите, а затем немного поискать, чтобы найти, как это сделать. Самый базовый шаблон - это пустой HTML-файл, посмотрите ниже.



Название страницы здесь


Все ваши стили уходят сюда



Содержание вашей страницы идет здесь.


Затем вы можете заполнить все это содержимым и стилем для создания вашего документа. Взгляни на пример 1, пример 2 а также пример 3 Я сделал. Имейте в виду, что код в теле, содержание точно так же, я только изменяю код CSS. Это показывает, что вы можете использовать стили для быстрого создания различных образов.

Почему это так здорово?

Причина, по которой это так здорово, заключается в том, что вы можете создавать собственные стили для себя, которые могут стать своего рода «товарным знаком» ваших документов. Вы можете вырезать и вставлять код CSS и просто думать о содержимом, как только вы завершите его. Кроме того, вы можете создать ссылку в таблице стилей, поэтому, если вы храните документы в Интернете, вам не нужно включать CSS в сам файл. Это означает, что вы можете связать разные таблицы стилей для разных случаев, и вам не нужно постоянно изменять документ.

CSS также позволяет быстрее редактировать документы по стилю. Я предпочитаю, чтобы мои документы выглядели хорошо, потому что я просто чувствую себя лучше, а с CSS процесс форматирования становится гораздо менее обременительным. Когда вы указываете стиль заголовка, он будет применяться ко всем заголовкам этого типа. Это означает, что вам не нужно индивидуально изменять цвет фона, цвет шрифта, жирность и подчеркивание заголовка, вы просто указываете его один раз.

Кроме того, поскольку Google Docs теперь имеет полную поддержку CSS, вы можете просто скопировать и вставить свой код стиля в Docs и изменить внешний вид ваших документов без необходимости форматировать каждый заголовок по одному время.

Где я могу узнать больше?

Как я уже сказал, CSS - простой инструмент, но, тем не менее, он требует некоторых базовых знаний. HTML так же логичен и прост в изучении, я рекомендую W3Cschools для них обоих. Я узнал многое из того, что знаю сегодня, для базовых нужд это один из лучших сайтов в сети. W3C также разрабатывает веб-стандарты, поэтому вы можете быть уверены, что все, что они написали на своей странице, работает.

Еще одна страница, на которой я многому научился, была Ваш источник HTML. Эта страница содержит HTML и CSS, а также некоторые расширенные советы по кодированию, продвижению, доступности и, как правило, созданию хорошего сайта. Тем не менее, он имеет отличную помощь CSS, безусловно, стоит посетить

Наконец, вы можете взглянуть на некоторые связанные блоги и статьи, такие как этот удивительный обзор основные методы CSS а также 53 техники, без которых вы не можете жить.