Anuncio publicitario
He estado trabajando en la web durante un tiempo y, de hecho, me ha resultado más fácil escribir cada documento en formato HTML en lugar de DOC o TXT. Si usa Google Docs, en realidad está haciendo lo mismo, ya que Google Docs se ha convertido (afortunadamente) en un editor HTML WYSIWYG. Crear algunas plantillas de documentos usando HTML y CSS es muy fácil, todos pueden hacerlo y, si lo haces bien, todos tendrán el mismo aspecto.
¿Por qué utilizar HTML?
Mi mayor razón para optar por documentos puramente HTML y CSS es que probablemente sea el formato más compatible en todos los navegadores y sistemas operativos, a excepción del formato PDF, que es muy difícil y / o costoso de hacer bien. Usar Microsoft Office tampoco es lo mejor. Utilizo Office 2007, que utiliza muchas funciones adicionales que no son compatibles con versiones anteriores, por lo que la calidad puede verse degradada. ¿Quién sabe cómo se verán estos documentos en Open Office, por ejemplo? Si crea un documento HTML que se ve exactamente igual en Internet Explorer y Firefox que ha creado un documento que los usuarios de Mac, Linux y Windows pueden abrir y que tendrá el mismo aspecto en el 99% de los navegadores.
¿Qué es CSS y HTML?
Si es nuevo en todo este asunto de la codificación HTML y CSS, no se alarme. Es muy fácil y puede encontrar muchos recursos en la Web para ayudarlo. El código HTML y CSS es lo que constituye la mayor parte de lo que ve en esta página aquí, HTML gobierna el contenido, mientras que CSS gobierna el estilo o cómo se presenta el contenido.
¿Cómo puedo crear una plantilla?
Bueno, necesitarás estudiar un poco de código. Afortunadamente, HTML y CSS son muy fáciles de entender. Para darle un borde a un objeto, por ejemplo, simplemente escriba
borde: 1px negro sólido
. Esto creará un borde sólido negro de 1 px de ancho. Hay muchas opciones de formato que puede buscar y usar, 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, eche un vistazo a continuación.
El contenido de su página va aquí.
Luego puede llenar todo esto con contenido y estilo para crear su documento. Echa un vistazo a Ejemplo 1, ejemplo 2 y ejemplo 3 Hice. Tenga en cuenta que el código en el cuerpo, el contenido es exactamente el mismo, solo estoy cambiando el código css. Esto muestra que puede usar el estilo para crear diferentes estilos rápidamente.
¿Por qué esto es tan bueno?
La razón por la que esto es tan impresionante es que puede crear estilos personalizados para usted mismo que pueden convertirse en una especie de "marca registrada" de sus documentos. Puede cortar y pegar el código CSS y pensar en el contenido una vez que lo haya finalizado. Además, puede vincular en la hoja de estilo, por lo que si almacena documentos en línea, no tiene que incluir el CSS en el archivo. Esto significa que puede vincular diferentes hojas de estilo para diferentes ocasiones y no tiene que modificar el documento todo el tiempo.
CSS también permite una edición más rápida de documentos con estilo. Prefiero que mis documentos se vean bien porque me siento mejor de esa manera, y con CSS el proceso de formateo se vuelve mucho menos pesado. Cuando especifica un estilo de título, se aplicará a todos los títulos de ese tipo. Esto significa que no tiene que cambiar individualmente el color de fondo, el color de la fuente, la negrita y el subrayado de un encabezado, solo debe especificarlo una vez.
Además, dado que Google Docs ahora tiene compatibilidad completa con CSS, puede copiar y pegar su código de estilo en Docs y cambie el aspecto de sus documentos sin tener que dar formato a cada título, uno a la vez tiempo.
¿Dónde puedo obtener más información?
Como dije, CSS es una herramienta simple, pero requiere algunos conocimientos básicos. HTML es igualmente lógico y fácil de aprender, recomiendo W3Cschools para ambos. Aprendí mucho de lo que sé hoy allí, para necesidades básicas es uno de los mejores sitios de la red. El W3C también desarrolla los estándares web, por lo que puede estar seguro de que todo lo que escriben en su página funciona.
Otra página de la que solía aprender mucho era Tu fuente HTML. Esta página contiene HTML y CSS, y también algunos consejos avanzados sobre codificación, promoción, accesibilidad y, en general, cómo crear un buen sitio web. Sin embargo, tiene una gran ayuda de CSS, definitivamente vale la pena una visita.
Por último, puede echar un vistazo a algunos blogs y artículos relacionados como este impresionante resumen de técnicas CSS esenciales y 53 técnicas sin las que no puedes vivir.
