Web Certificada

Montar una página web desde cero

Categoría: Definiciones (página 1 de 4)

Somos consciente de que en este blog tratamos con un vocabulario que a veces es un poco técnico. Sin embargo, este blog va dirigido a cualquier usuario que no tenga este tipo de perfil. La categoría de Definiciones será de las primeras que deberías visitar antes de experimentar con la creación de páginas web.

Definiciones

Para ello hemos desarrollado unas páginas con conceptos básicos. Las tendrás agrupadas en esta categoría. Un diccionario con un lenguaje fácil para todos. Pero que al mimo tiempo te permita conocer el vocabulario específico.

Gracias a la agrupación de estas categorías podrás encontrar los post con información básica de un solo vistazo.

¿Cómo usar HTML y CSS? (parte 2)

Combinar o hacer links de HTML con CSS

Combinación de HTML y CSS: Una pregunta muy común e importante es – ¿cómo sabe la hoja de estilo, que estilo se puso para un objeto determinado? Esta es una pregunta muy importante que debe surgir para los novatos. Bueno, hay bastantes procedimientos para hacer tu código de CSS entendible en cuanto a qué elemento desea tener acceso a tu estilo actual.

Hazlo con la ayuda de las clases y los identificadores, si quieres. Este es el procedimiento más común y es seguido como un golpe maestro en el mundo de internet. En el documento HTML, declarando un elemento, sólo tienes que añadir el atributo “class” y asignarle un nombre determinado. Lo mismo para “id”. Ahora en el archivo CSS, escribe sólo el nombre de clase o id y define tu estilo. Automáticamente, ese elemento en particular deriva las definiciones de estilo.

-Declarando con nombre de clase, en el archivo CSS, añade un punto en el frente. Para el ids, agrega un hash delante del nombre. Es la sintaxis. Ahora, la parte más importante.

-Así que, ¿cuál es la diferencia entre clases e ids? No puede ser igual si conviven. Sí, hay una gran diferencia. En el documento HTML, puedes nombrar a tantos elementos como desees con el mismo nombre de clase. Pero ID deben estar dedicados a un solo elemento. Por lo tanto, las clases se utilizan cuando tenemos el mismo estilo para los artículos múltiples en la página HTML e ids para labrar un solo elemento exclusivamente.

Acceder a los elementos del DOM (modelo de objeto de datos), o los elementos HTML, por sus nombres de etiqueta. Por lo tanto, si queremos quitar los bordes correspondientes de todas las etiquetas de imagen en la página; Acabamos de escribir ‘img’ y declarar ‘ frontera: ninguno ‘. Sin embargo esto será aplicable a todas las etiquetas de imagen en el documento. ¿Puedes estar pensando, hay una manera que podemos señalar a un elemento específico (de una imagen por ejemplo la etiqueta) pero con su nombre de elemento? Sí hay una manera. Sumérgete en el punto siguiente.

Elementos específicos de acceso por tu nombre de etiqueta. Es necesario, sin embargo, recorrer todo a través de tus elementos primarios hasta ellos. ¿Fue un poco duro fue? Está bien. Tomemos un ejemplo. Supongamos que tenemos un elemento form y luego un elemento de entrada en su interior. También tenemos elementos input fuera de la forma, sólo las apártalas, por ejemplo. Así, ahora si seguimos el punto anterior y declaras algún estilo en elementos de entrada; estos estilos se aplicarán en tanto elementos de entrada dentro y fuera de la forma.

Si queremos aplicar el estilo sólo en el elemento dentro de la forma, esto lo podemos hacer. Entrada de la forma {/ * declarar el estilo aquí * /}. Por lo tanto, observa cómo accedimos a la entrada de elemento que queremos específicamente del estilo. Primero el padre y luego el elemento principal. De esta manera, los elementos de entrada exteriores Haz descartados.

¿Cómo usar HTML y CSS? (parte 1)

Piensa en la estructura de HTML como 3 secciones.

La cabeza (head) es la primera sección. Contiene todos los datos relevantes al propósito de la página web y la información. Esto incluye metadatos, título, fuentes de archivo externo, etc.. Varios sitios web también contienen información importante relacionada con el análisis de tráfico web, rango de página, etc.. Todos ellos están contenidos dentro de este segmento. Luego viene el cuerpo (body). Es el centro principal para la estructura de la Página Web. Los wireframe o bloques de construcción del sitio web se mencionan aquí. Realmente mencionas elementos y etiquetas aquí, en este espacio. Según el orden en el que mencionas, los elementos se van colocando en la página web final.

Así, por ejemplo, si escribimos una etiqueta de formulario y luego una etiqueta de imagen, encontraremos nuestra página web mostrando una forma y por debajo de la imagen (pero por supuesto estas órdenes y las posiciones pueden modificarse con CSS de alta calidad). Así que, si tienes un diseño en la mano, sólo tienes que seguir agregando elementos de acuerdo a tu flujo de diseño. Los diferentes segmentos (izquierda, derecha, centro) de una página web deben ser tratados en consecuencia. Para eso tenemos el tag de tabla o lista. Aprende todos los tipos de etiquetas disponibles en HTML y entender su aplicación.

Por último viene la sección de pie (foot). Esta sección contiene normalmente todo lo que es visible en el área de pie de página. Sin embargo, no incluimos esto por separado normalmente. Por el contrario, el contenido de pie de página se añade al cuerpo sí mismo.

Entiende cómo entran los factores de CSS. CSS o Cascading Style Sheets, fue introducido por el W3C con el fin de reducir el tamaño del archivo HTML. Un código más limpio y sincronización de estilos separados de HTML. Estos no son sino distintos archivos que se incluyen en la sección head del HTML. Contienen la definición de estilo para los distintos elementos del documento HTML.

Los códigos de estilo CSS definidos incluyen comportamiento de fuente, color, altura, anchura, estilo, etc.. También incluyen definición conductual de mouseover y eventos de mouse-out. De hecho, con la última inclusión de CSS3, el estilo ha mejorado a un nivel muy diferente. Ahora, puedes crear animaciones, transformaciones y transiciones – todos los códigos CSS. En su mayoría utilizamos CSS para declarar la anchura, altura, color, fuente, etc.. Estas son las opciones más comunes de estilo y nos ayudan a definir el aspecto y la posición de los elementos HTML.

Antiguas entradas