knorrigt.com

Home > Internet > Cómo diseñar mi sitio web con CSS

Cómo diseñar mi sitio web con CSS

Advertisement

El diseño web ha recorrido un largo camino en los últimos años, y el buen viejo recurso de mesas ya no es la forma aceptada de diseño de un sitio web. Aunque sigue estando interesado en el aspecto, los navegadores están más a menudo que no leen las tablas - o peor - que están leyendo de forma incorrecta. Es mejor utilizar hojas de estilo en cascada (CSS).

Casi cualquier sitio web puede ser adaptado para el sitio 3 columna, que es la que nos exponemos en este artículo. A continuación, puede agregar una barra de navegación y otros elementos, simplemente mediante la definición de ellos y su ubicación en la página. Sigue leyendo para saber cómo diseñar una página de 3 columnas en CSS.

Instrucciones

Abrir un documento editor de texto y guardarlo como miestilo.css.

Ajuste el margen y el relleno del elemento del cuerpo con el siguiente código. Debido a que algunos navegadores no por defecto a cero, deberán estar situados físicamente. El color también se debe establecer por la misma razón básica de que no todos los navegadores por defecto a blanco. Lo que sigue es el código CSS para el comienzo de la página html, body {margin: 0; padding: 0; fondo: #FFF}.

A continuación, establecer el tamaño para el texto principal. El código de este ejemplo es: cuerpo {font: Arial 76%, sans-serif}.

El siguiente comando establece el margen párrafo: p {margin: 0 10px 10px}.

El siguiente comando le dará a la página de su contenedor o sección principal, dentro de los cuales se pone todas las otras piezas de sus page.This ejemplo se utiliza el código siguiente: div # Contenedor {width: 1024px de; altura: 1800px; margin: 0 auto }.

En el lado izquierdo de la barra de navegación, añadir una división. El código es el siguiente: div # navegación {float: left; ancho: 250px; altura: 100%}.

Ahora vamos a definir la sección de contenido de la página. Esta es la parte central de la página en la que se agrega su contenido principal: div # content {float: left; ancho: 700px; altura: 1500px}.

Para la columna de la mano derecha, se agrega un código similar a este: div # adicional {float: right; ancho: 250px; altura: 1500px}.

Adición de encabezados y pies de página se manejan de la misma manera. El código de pie de página de esta página sería div pie de página # {clara: todos; anchura: 1020px; altura: 300px}. Agregar un encabezado de la página que permite su logotipo. El código para esta cabecera es: div # h1 cabecera {height: 80px; line-height: 80px; margin: 0;
padding-left: 10px; fondo: #eee; color: # 79B30B}.

Dentro del archivo CSS también se debe definir sus fuentes de cabecera. Se reconocen como h1 {color: # ff0000; altura: 80px; line-height: 80px;}; h2 través h6 también se puede definir (este código define el color, así como la altura de la fuente).

Guarde este documento y hacer referencia a ella en su documento html para tirar de los estilos en su sitio web.

Consejos y advertencias

CSS hará cambiar las cosas como los colores y tipos de letra en todas las páginas fáciles y rápidas.

Si está trabajando con una plantilla que ha comprado, se le han sido decoradas con una hoja de estilo que se puede modificar.

Todo el código anterior es código de ejemplo. Modificar el código para ajustarse a las medidas únicas de sitios web. Es decir, cosas tales como colores, alturas y anchuras serán diferentes en función de sus propias preferencias.

Si está modificando una hoja de estilo en lugar de construir desde cero, hacer una copia de seguridad del original antes de la edición.

Cómo construir un sitio Web con CSS
La construcción de un sitio web usando CSS, que es una hoja de estilo en cascada, permite al usuario utilizar los mismos colores, estilo y aplicaciones visuales de cada página del sitio Web sin necesidad de repetir el código. Crear una hoja de estilo
Cómo construir un sitio web con Python
Los sitios web están todos codificados en Hypertext Markup Language (HTML), generalmente con hojas de estilo en cascada (CSS) para ayudar con el diseño. Sin embargo, la mayoría de los sitios web requieren algún tipo de sistema de plantillas. Dado que
Cómo diseñar un sitio web mediante iWeb
Cómo diseñar su propio sitio web personal utilizando el software iWeb de Apple; aprender más sobre el diseño de sitios web en esta serie de videos de instrucción gratuita. RESUMEN DE LA sERIE software de iWeb de Apple es un programa de creación de si
Cómo construir un sitio web con una Webcam en vivo y Paypal
Creación de un sitio web es a menudo un trabajo de amor. A pesar de que se necesita una buena cantidad de tiempo y esfuerzo, el sentimiento de satisfacción vale la pena. La integración de un sitio web con una cámara web en vivo y Paypal le permitirá
Cómo iniciar un sitio web con fines de lucro
Ya sea que esté buscando un ingreso adicional o un negocio a tiempo completo en línea, la creación de un sitio web que hace el dinero podría ser la respuesta para usted. Si desea iniciar un sitio web con fines de lucro, tendrá que trabajar duro para
Cómo crear su sitio web con PHP
PHP es un lenguaje de programación del lado del servidor utilizado para crear páginas web que son más interactivos que sus homólogos HTML. PHP también optimiza la velocidad de páginas web ya que el procesamiento se produce en el servidor y no en el l
¿Cómo construir un sitio web con un dominio para completamente gratis?
La construcción de un sitio web, incluyendo la compra de un dominio, puede llegar a ser muy caro. Si usted quiere ser dueño de su propio dominio para un sitio web, usted debe comprar uno, y los precios varían. Sin embargo, algunos servidores de Inter
Cómo crear un sitio web con el Bloc de notas
Con el ascenso de varios programas de creación de web, tales como Asistente para páginas Web y Adobe Dreamweaver, algunas personas pueden considerar ahora el Bloc de notas como una herramienta de creación de web obsoleta. Sin embargo, muchos programa
Cómo construir un sitio web con bases de datos
sitios web con bases de datos almacenan su contenido y la información asociada en una base de datos. Software en el servidor web construye pidió páginas web sobre la marcha, la lectura de datos de contenido de la base de datos. Por lo general, hay un
Cómo registrar un sitio web con la Pregunta
Ahora que ha configurado su página web, es el momento para conseguir que se dio cuenta. Conseguir que figuran en los motores de búsqueda como Ask.com es probablemente la acción más importante que puede tomar para dirigir el tráfico a su sitio web. Lo
Cómo hacer un sitio web con perfiles de usuario
Creación de un sitio web que permite a los usuarios crear perfiles es una gran manera de mantener a los visitantes ocupados y en el sitio web. Estos tipos de sitios web en línea son más orientado a la comunidad. Los usuarios se registran, obtener cre
Cómo hacer un sitio web con VPS
VPS o servidor privado virtual, de alojamiento está disponible para aquellos que quieren la flexibilidad y la fiabilidad de un servidor dedicado, pero el precio de un plan de alojamiento compartido. VPS también le da las características especiales de
Cómo publicar un sitio web con Dreamweaver
Para publicar una página web con Dreamweaver, haga clic en "Administrar sitios", seleccione "Editar" y luego "Info remota", seguido de "acceso" y luego "ftp", que significa Protocolo de Transferencia de Ar
Cómo agregar una barra de desplazamiento fija a un sitio web con CSS
El cuadro de texto en su sitio web contiene una barra de desplazamiento en la parte inferior o lateral, lo que ayuda a los visitantes ver toda la información en el interior de la misma. Al igual que con otros elementos de la página, de esta caja de t
Cómo crear un sitio web con una estación de radio en línea
Las estaciones de radio, como los periódicos, han llevado a la Internet de una manera grande. La creación de una estación de radio en línea de su propia es simple y barato para empezar, y no es sólo para la transmisión de música. La integración de un
Si desea exigir a los usuarios iniciar sesión para ver el contenido de su sitio web, puede hacerlo a través de una herramienta de gestión de los servicios de miembro o de software. Estos servicios también permiten gestionar sus miembros y su informac
Cómo crear un sitio web con Microsoft Office
En la sociedad de hoy en día, Internet es a menudo el primer lugar uno se vuelve en busca de información. Los sitios web están construidos para los negocios, educación y asuntos personales. Un sitio web puede ser fácilmente creado, diseñado y actuali
Cómo publicar un sitio web con Microsoft Expression Web
Usted ha creado su sitio web en su ordenador utilizando Microsoft Expression Web. El problema es que nadie más que usted puede verlo. Para que el mundo vea sus páginas Web, debe publicar a servidores web conectados a Internet. Usted tendrá que hacer
Si usted tiene un sitio web, es posible que desee registrarlo con diferentes motores de búsqueda, como Google. Después de registrar su sitio y Google añade la página web de su índice, usted será capaz de ver su sitio en los resultados de búsqueda. Es