Qué es un Sitio Web?

Tamaño: px

Comenzar la demostración a partir de la página:

Download "Qué es un Sitio Web?"

Elisa Pinto Fuentes
hace 5 años
Vistas:

1 PAGINA WEB

2 Qué es un Sitio Web? En inglés website o web site, un sitio web es un sitio (localización) en la World Wide Web que contiene documentos html (páginas web) organizados jerárquicamente y relacionados entre sí mediante hipervínculos (enlaces).

3 Sitio Web ó Página Web A veces se utiliza erróneamente el término página web para referirse a sitio web. Una página web es parte de un sitio web y es un único archivo con un nombre de archivo asignado, mientras que un sitio web es un conjunto de archivos llamados páginas web.

4 Elementos de una Página Web Un Página Web puede contener una combinación de gráficos, texto, audio, vídeo, animaciones multimedia y otros materiales dinámicos o estáticos.

5 HTML: (Lenguaje de marcado de hipertexto) Lenguaje estándar de marcas empleado para documentos del World Wide Web. 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, puede ser texto, una imagen, una dirección de correo electrónico, un archivo.

6 Imagen: Archivo gráfico que se puede insertar en una página Web y mostrar en un explorador de Web, existen diferentes formatos: GIF, JPEG, BMP, TIFF, WMF y PNG, entre otros. Frames: (marcos: Áreas rectangulares que subdividen las ventanas de algunas páginas Web, cada una de las cuales contiene un documento de hipertexto independiente de los demás. Tablas: Elemento para distribuir uniformemente y de forma tabulada información en una página web. Banner: Elemento gráfico con forma rectangular, normalmente animado, cuyo contenido es publicidad.

7 Que es un Webmaster? Un Webmaster es el encargado de crear, diseñar, estructurar, maquetar, publicar, promocionar y mantener un sitio web. Editor: Programa utilizado para crear páginas web sin la necesidad de tener que aprender el lenguaje. Ejemplos: FrontPage y Adobe Dreamweaver.

DREAMWEAVER CS6 Adobe Dreamweaver es una aplicación que está destinada a la construcción y edición de sitios y aplicaciones Web basados en estándares.

8 DREAMWEAVER CS6 Adobe Dreamweaver es una aplicación que está destinada a la construcción y edición de sitios y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems) es el programa de este tipo más utilizado en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium, incorpora HTML5

9 Que es HTML? Es un lenguaje de marcas para dar formato y estructurar un archivo, que puede leerse en cualquier navegador. <html>.</html> Que es HTML5? Es la quinta revisión importante del lenguaje, establece una serie de nuevos elementos y atributos que reflejan el uso típico de los sitios web modernos. Algunos de ellos son técnicamente similares a las etiquetas <div> y <span>

10 CSS3 Hoja de estilo de cascada, creada inicialmente para el diseño grafico, es una plantilla de características que permite a las paginas de un sitio web poseer características similares en presentación. JavaScript ó JS Es usada en el lado del cliente, implementado como parte de un navegador, permitiendo mejoras en la interfaz del usuario t en las paginas dinámicas, posee múltiples aplicaciones

11 Componentes de un Sitio Web Es un lenguaje de marcas para dar formato y estructurar un archivo, que puede leerse en cualquier navegador. <html>.</html> PÁGINAS SITIO WEB IMÁGENES AUDIO Y/O VIDEOS JS, CSS3

12 Ventana de Adobe Dreamweaver CS6 Barra de Menú Barra de Herramientas Ventana de Componentes Administrador Rápido Barra de Propiedades Área del Sitio Web Configurado

13 VISTAS EN DREAMWEAVER CÓDIGO DIVIDIR DISEÑO EN VIVO

14 CREANDO UNA PAGINA NUEVA En el Menú ARCHIVO seleccionamos NUEVO Seleccionar la tecnología (HTML5)

Documentos relacionados

CONTENIDOS DEL CURSO ONLINE DE DISEÑO Y DESARROLLO WEB CON HTML5, CSS Y DREAMWEAVER CS4:

CONTENIDOS DEL CURSO ONLINE DE DISEÑO Y DESARROLLO WEB CON HTML5, CSS Y DREAMWEAVER CS4: Curso Online Diseño y Desarrollo Web con HTML5, CSS y Dreamweaver CS4 Completo Curso Online de Diseño y Desarrollo Web mediante el lenguaje programación HTML5, la hoja de estilos CSS y el programa de diseño