Cómo utilizar css para crear plantillas de documentos

He estado trabajando en la web desde hace un tiempo, y he encontrado realmente más fácil escribir todos los documentos en formato HTML en lugar de DOC o TXT. Si utiliza Google Docs, en realidad se está haciendo lo mismo, ya que Google Docs tiene (afortunadamente) esencialmente convertirse en un editor HTML WYSIWYG. La creación de algunas plantillas de documentos utilizando HTML y CSS es muy fácil, se puede hacer por todos, y si lo haces bien, se verá el mismo para todos.

¿Por qué usar HTML?

Mi mayor razón para tomar puramente documentos HTML y CSS es que es probablemente el formato más compatible con todos los navegadores y sistemas operativos, excepto para el formato PDF, que es muy difícil y / o costoso para hacerlo bien. El uso de Microsoft Office también no es la mejor. Yo uso de Office 2007 que utiliza una gran cantidad de características adicionales que no son compatibles con versiones anteriores, por lo que la calidad pueda ser recalificado. ¿Quién sabe lo que estos documentos se verá como en Open Office, por ejemplo? Si crea un documento HTML que se ve exactamente lo mismo en Internet Explorer y Firefox que haya creado un documento que puede ser abierto por los usuarios de Mac, Linux y Windows, y tendrá el mismo aspecto en el 99% de los navegadores.

¿Qué es CSS y HTML?

Si eres nuevo en todo este código HTML y CSS de codificación cosa, no se alarme. Es muy fácil, y se puede encontrar un montón de recursos en la web para ayudarle. HTML y CSS es lo que hace la mayor parte de lo que se ve en esta página aquí, HTML regula el contenido, mientras que CSS gobierna el estilo o cómo se presenta el contenido.

¿Cómo puedo crear una plantilla?

Vídeo: Crear plantilla, Archivo CSS e Index en Dreamweaver CC 2014, HTML5 video 3

Así, tendrá que estudiar un poco de código. Afortunadamente, HTML y CSS es muy fácil de entender. Para dar a un objeto una frontera, por ejemplo, sólo tiene que escribir

frontera: 1px solid negro

. Esto creará una amplia borde sólido negro de 1 píxel. Hay un montón de opciones de formato que puede buscar y utilizar, mi sugerencia es visualizar lo que desea, y luego buscar un poco para encontrar cómo hacerlo. La plantilla más básica sería un archivo HTML vacío, echar un vistazo a continuación.

Título de la página va aquí

Toda su estilo va en aquí

Vídeo: Curso Basico de CSS // 7.Tablas

El contenido de su página va aquí.

A continuación, puede llenar todo esto con el contenido y el estilo para crear el documento. Echar un vistazo a el ejemplo 1, ejemplo 2 y el ejemplo 3 que hice. Tenga en cuenta que el código en el cuerpo, el contenido es exactamente el mismo, sólo estoy cambiando el código CSS. Esto demuestra que se puede utilizar el estilo para crear un aspecto diferente rapidez.

Por qué es tan grande?

La razón de esto es tan impresionante es que se puede crear estilos personalizados para sí mismo que puede convertirse en una especie de “marca” de sus documentos. Puede cortar y pegar el código CSS y sólo pensar en el contenido una vez que haya finalizado la misma. Además, puede vincular en la hoja de estilo, por lo que si se almacenan los documentos en línea, usted no tiene que incluir el CSS en el propio archivo. Esto significa que puede enlazar diferentes hojas de estilo para diferentes ocasiones, y usted no tiene que modificar el documento todo el tiempo.

CSS también permite la edición más rápida de los documentos en cuanto al estilo. Yo prefiero mis documentos para quedar bien porque me siento mejor de esa manera, y con CSS el proceso de formateo se convierte en mucho menos de una carga. Cuando se especifica un estilo de título, que se aplicará a todas las partidas de ese tipo. Esto significa que usted no tiene que cambiar individualmente el color de fondo, color de fuente, la audacia y subrayado de un título, que acaba de especificar una vez.

Además, dado que Google Docs ahora tiene soporte completo CSS, puede simplemente copiar y pegar el código de estilo en Docs y cambiar el aspecto de los documentos sin tener que dar la vuelta en dirección formatear cada uno a la vez.

¿Dónde puedo obtener más información?

Como ya he dicho, CSS es una herramienta sencilla, pero requiere algunos conocimientos básicos, sin embargo. HTML es igualmente lógico y fácil de aprender, recomiendo W3Cschools para ambos. He aprendido mucho de lo que sé hoy en día existen, para las necesidades básicas es uno de los mejores sitios en la red. El W3C también desarrolla los estándares de la web, por lo que puede estar seguro de que todo lo que escriben en sus obras de página.

Otra página Solía ​​aprender mucho de su fuente era HTML. Esta página contiene HTML y CSS, y también algunos consejos avanzados sobre la codificación, la promoción, la accesibilidad, y en general cómo crear una buena página web. Tiene gran ayuda CSS, sin embargo, definitivamente vale la pena una visita.

Por último, puede echar un vistazo a algunos blogs relacionados y artículos como este rodeo impresionante de técnicas CSS esenciales y 53 técnicas no se puede vivir sin él.