Want to create interactive content? It’s easy in Genially!

Get started free

Pagina Web

Alexa

Created on April 20, 2024

Start designing with a free template

Discover more than 1500 professional designs like these:

Audio tutorial

Pechakucha Presentation

Desktop Workspace

Decades Presentation

Psychology Presentation

Medical Dna Presentation

Geometric Project Presentation

Transcript

Conseptos Basicos de una Pagina Web

Estructura CSS

Alexa Alcantara Garcia

Que es una Pagina Web?

Una página web consiste en una serie de códigos que los navegadores pueden leer. En base a la información que incluye este código, podrán mostrar la página de forma adecuada. El código le va diciendo al navegador qué partes son texto, qué partes son referencias, qué partes son imágenes.También dónde se debe mostrar cada cosa, los colores, etc. Con esta información, el navegador luego monta lo que vemos realmente cuando entramos en una página web.

Palabras Clave:

Icodigo, web

Funciones

Caracteristicas

Fácil navegación Un buen diseño visual Optimización SEO . Contenido con alto valor añadido. Llamadas a la acción. Adaptación a dispositivos (Responsive) Rendimiento y velocidad de carga . Web segura y actualizada.

Cumple diferentes funciones con base en los objetivos planteados. Sirve para informar, vender productos o servicios, crear una comunidad impulsar una causa interactuar, capacitar o educar ofrecer soporte o atención, o divertirse.

Imágenes y videos Un sitio web debe ser atractivo visualmente; esto se logra a través del uso de videos o imágenes en distintos formatos. Un bloque de una página web puede contener solamente texto, imagen, video o hacer una combinación

ELEMENTOS DE DISEÑO

Bloques Desde el punto de vista del diseño, un sitio web requiere una maquetación o boceto, esto es, las partes por las que estará integrado y cómo será visualmente. Así que es necesario tener claros cuáles serán los bloques que formarán cada página.

Espacios Para el diseño, un elemento clave es lo que no se ve, es decir, el espacio. Una buena conjugación de bloques respeta espacios en blanco que funcionan como descansos visuales, generan expectativa o le dan un estilo minimalista, elegante o funcional al sitio web.

Texto Se refiere a los contenidos escritos que integran un sitio web. Cada bloque que se ha pensado para el diseño incluye una parte textual.

Estos textos pueden ser títulos, subtítulos, descripciones, llamadas a la acción (CTA)

Elementos Tecnicos

URL

Cadena que proporciona la dirección de Internet de un sitio Web o un recurso del World Wide Web, junto con el protocolo mediante el cual se tiene acceso al sitio o al recurso.

Hipervínculo: Al hipervínculo se le suele llamar "enlace web" o en su versión anglosajona "link". Un hipervínculo es una conexión de una página a otro destino como, por ejemplo, otra página o una ubicación diferente en la misma página.

Hosting

Necesita un hosting o servidor que es donde se aloja el sitio web (con todos los elementos propios de la programación)

Tablas: Elemento para distribuis uniformemente y de forma tabulada información en una página web.

Dominio Este se refiere al nombre del sitio web, más una extensión, por el que será localizado en la red. Mediante el dominio los navegadores web y los usuarios pueden encontrar un sitio web y navegar en él.

Editor: Programa utilizado para crear páginas web sin la necesidad de tener que aprender el lenguaje

Plataforma Se refiere a los espacios virtuales de un sitio donde se ejecutan acciones de programas o aplicaciones con diferentes propósitos

Dato extra

DIFERENCIAS

HTML

lHTML se utiliza para definir la estructura de una página web.

Consta de etiquetas dentro de las cuales se encierra el texto.

No existen métodos definidos.

No podemos usar HTML dentro de una hoja CSS.

CSS

CSS se utiliza para dar estilo a las páginas web mediante el uso de diferentes características de estilo.

Consta de selectores y bloques de declaración.

El CSS puede ser interno o externo en función de las necesidades.

El CSS puede ser interno o externo en función de las necesidades.