Diseño Web y Multimedia 1 Clase 3 Docente: Josué Fortis.

Slides:



Advertisements
Presentaciones similares
HTML Instituto Universitario de Tecnología Valencia
Advertisements

Desarrollo Web Páginas Web HTML Editores de Páginas Web
Elaboró: Paola Elizabeth Oviedo Lara
La sede Web Sede de un sitio Web En todos los proyectos en los que el diseño es parte fundamental, es importante tener las ideas claras desde el principio.
Publicación de páginas web
Servicios de Internet (1)World Wide Web [WWW] (2)Transferencia de ficheros (FTP)
Hypertext Markup Language HTML
HERRAMIENTAS DE DISEÑO WEB
WWW (World Wide Web) Pedro José López Javier Díaz
DISEÑO DE PAGINAS WEB Las páginas Web son documentos de hipertexto y multimedia. Son documentos multimedia que incorporan imágenes, videos, animaciones,
Ing. GISCARD MARQUEZ VALVERDE.
Ing. Cleyver Vazquez Jijon
HTML/CSS Mi primera página.
( Hyper Text Markup Lenguage )
DISEÑO Y PUBLICACION DE UNA PAGINA WEB  Espacio en un servidor que aloje tus páginas Espacio en un servidor que aloje tus páginas  Manos a la obra.
En ocasiones podemos desear añadir comentarios aclaratorios dentro del código, de manera que no sean visualizados en el navegador, pero sí a la hora de.
Mi primera Web LA PANTALLA EL NAVEGADOR EL NAVEGADOR EL LENGUAJE EL LENGUAJE EL ASISTENTE EL ASISTENTE EL SERVIDOR EL SERVIDOR MÁS OPCIONES MÁS OPCIONES.
Construcción de una página Web.
Diseño de páginas Web Elaboración de Unidades Didácticas en Web.
Introducción Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar.
HTML (Hyper Text Markup Language)
Diseño de Páginas Web Unidad 7. 5 puntos imprescindibles 11. Conocer los grupos de trabajo que sobre la red tratan la accesibilidad y el intercambio de.
HTML El HTML no es más que una aplicación del SGML (Standard Generalized Markup Language), un sistema para definir tipos de documentos estructurados y.
Unidad didáctica 6 Diseño de páginas Web.
PRINCIPIOS BASICOS DEL DISEÑO DE PUBLICACION Dra.María G. Rosa-Rosario.
El HTML ( Hyper Text Markup Language ) es el lenguaje con el que se escriben las páginas web. Etiqueta de apertura: Etiqueta de cierre:
UNIVERSIDAD PANAMERICANA CAMPUS BONATERRA Informática administrativa I Flash Páginas HTML - WEB.
CREAR UNA WEB Documento extraído de Sector PC On Line
UNIDAD 7 WEB Y HTML.
1  ¿ Qué es un sitio web ?  Colección de páginas web dotadas de una dirección web única  ¿ Qué es un página web ?  Es un documento creado en lenguaje.
1 Capítulo 27: Páginas y Navegación de la World Wide Web ICD-327: Redes de Computadores Agustín J. González.
CONCEPTOS. Una página web es un documento creado en formato HTML (Hypertext Markup Language) que es parte de un grupo de documentos hipertexto o recursos.
“Trabajando en Notepad”
Servicio de Internet http Pagina Web (blog). ¿ Que es una página Web? Documento en la World Wide Web que es visto a través de un navegador como Internet.
Hyper Text Markup Language (LENGUAJE DE MARCAS DE HIPERTEXTO) HTML.
Introducción a las Tecnologías Informáticas Oscar Bedoya
Clase 7 Tecnología de la Comunicación II Lics. en Com. Social y Periodismo F AC. DE C S. H UMANAS. UNSL. Sitio Web: construcción en In Design.
 Este protocolo opera a través de solicitudes y respuestas, entre un "cliente" y un "servidor". El cliente para los usuarios es el navegador web, usado.
Profesora: Laura Patricia Pinto Prieto Ingeniera de sistemas Introducción a Programación 3.
UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 Taller Utilice Power Point para elaborar una presentación y responder las siguientes preguntas: 1) ¿Qué es.
Internet y Navegadores Unidad 5.  WWW World wide web Literalmente "tela de araña mundial", más conocida como web.  HTML Lenguaje de Marcado de HyperTexto.
HTML Prof. Oscar Marroquin Mollinedo. Desarrollo web Desarrollo web es un título algo arbitrario para el conjunto de tecnologías de software del lado.
INFORMÁTICA SOCIEDAD Y ORGANIZACIÓN
Curso de Programación Web html, java script. Contenido HTML Principios Color, links, listas Archivos externos Tablas y frames Java Script Datos y expresiones.
Diseño HTML.
Navegadores web Tema 4 SRI Vicente Sánchez Patón I.E.S Gregorio Prieto.
HTML INTRODUCCIÓN. La casi infinita información que se encuentra en la WWW debe estar ordenada de alguna forma para que la misma puede ser halalda.La.
Hyper Text Markup Language (LENGUAJE DE MARCAS DE HIPERTEXTO) HTML.
Diseño Web y Multimedia 1 Clase 4 Docente: Josué Fortis.
¿Que son los exploradores? Los exploradores Web son aplicaciones de software que localizan y muestran páginas Web. Los dos exploradores más populares son.
Por: Mayela Mascorro Aplicación de las Tecnologías de la Información, Grupo 003. UNIVERSIDAD AUTÓNOMA DE NUEVO LEÓN FACULTAD DE ARQUITECTURA.
UNITEC NEGOCIOS ELECTRÓNICOS ”DESARROLLO DE SOFTWARE ”
HTML HyperText Markup Language
TRABAJO MONOGRÁFICO – 4º ESO
 Curso básico de Dreamweaver MX (1)  Qué es Dreamweaver MX  Dreamweaver MX es un software fácil de usar que permite crear páginas web profesionales.
Introducción al Diseño de Páginas Web
BIENVENIDOS ESTE EQUIPO ESTA CONFORMADO POR ABRAHAM CASTRO RAUL MARTINEZ DAVID ROBLES.
Realizado por Carolina R. PAGINA WEB: Documento creado en lenguaje HTML (Hyper Text Markup Language) o otros (.asp.shtml.jsp.php) SITIO WEB: sitio localizado.
Tecnologías Emergentes y los Negocios Unidad 4 – Diseño de Sites.
Elementos básicos para sistemas WEB. Que es la WEB Web es una tecnología que opera sobre internet que lleva propuesta desde El sistema de documentos.
EQUIPO JOKER ´NAVEGADORES` DIEGO ROLANDO JOSUE.
ELEMENTOS DE LA WED. Una página web es una fuente de información adaptada para la World Wide Web (WWW) y accesible mediante un navegador de Internet.
2.1 Conocer la terminología básica del software para diseñar una página Web
Macromedia Dreamweaver es un editor profesional de páginas Web. Permite crear sitios tanto escribiendo directamente el código en HTML, como diseñando de.
EdiLim Libros Interactivos Multimedia Bernabé Martín
INTRODUCCIÓN AL HTML. VAMOS A HABLAR DE...HTML Conceptos del lenguaje Estructura para documentos Herramientas usadas para crear documentos Buenas prácticas.
Web y Multimedia II Integrantes: Piero Álvarez Mayra Atience Jhonney Bermeo Johanna Cabrera Gabriela Cango.
1. Introducción ¿Qué es HTML? HTML, siglas de HyperText Markup Language («lenguaje de marcado hipertextual»), hace referencia al lenguaje para la elaboración.
HTML.
HTML.
Transcripción de la presentación:

Diseño Web y Multimedia 1 Clase 3 Docente: Josué Fortis.

Misión Formar profesionales integrales y competentes en áreas tecnológicas que tengan demanda y oportunidad en el mercado local, regional y mundial tanto como trabajadores y empresarios.

Repaso ¿Qué es el video? ¿Formatos mas conocidos de video? ¿Qué es la tecnología streaming? ¿Menciones algunos editores y convertidores de video? ¿Qué es animación y que programas me ayudan a efectuarla? Recordar como exportar en Audacity y Movie Maker

Introducción HTML significa HyperText Markup Language. Es el lenguaje en que se escriben los millones de documentos que hoy existen en el World Wide Web. Cuando accedemos a uno de estos documentos, el cliente (Netscape, IE, Mosaic, Lynx, IBrowse) los interpreta y los despliega. Existen clientes gráficos como Netscape, y otros como el Lynx que solo despliegan texto. Es muy importante no olvidar esto cuando se diseña una página web. Crear una buena página tiene dos aspectos; por un lado el conocimiento técnico para crear código HTML correcto, por otro lado el claro diseño para presentar la información.

Editores de páginas web Un editor es un programa que nos permite redactar documentos. Hoy en día existen un gran número de editores que permiten crear páginas web sin la necesidad de escribir ni una sola línea de código HTML. Estos editores disponen de un entorno visual, y generan automáticamente el código de las páginas.

Editores de páginas web Visuales Algunos de los editores visuales con los que podrás crear tus páginas web son Macromedia Dreamweaver, Microsoft FrontPage, Adobe Pagemill, NetObjects Fusion, CutePage, HotDog Proffesional, Netscape Composer y Arachnophilia, de los cuales algunos tienen la ventaja de ser gratuitos.

Editores de páginas web por código Para crear páginas web escribiendo directamente el código HTML puedes utilizar la herramienta Wordpad o el Bloc de notas que proporciona Windows. También podría ocupar un editor gratuito como Hapedit.

Antes de empezar recordar: Estructurar muy bien las carpetas Las paginas web se guardan como.HTML

Estructura de un Documento HTML Una página web es un archivo de texto, se puede crear con cualquier editor de texto como el edit de DOS. El principio esencial del lenguaje HTML (HyperText Markup Language) es el uso de las etiquetas (tags). Funcionan de la siguiente manera: Este es el inicio de una etiqueta. Este es el cierre de una etiqueta. Las letras de la etiqueta pueden estar en mayúsculas o minúsculas, indiferentemente.

Lo que haya entre ambas etiquetas estará influenciada por ellas. Por ejemplo, todo el documento HTML debe estar entre las etiquetas y : [Todo el documento] El documento en sí está dividido en dos zonas principales: El encabezamiento, comprendido entre las etiquetas y El cuerpo, comprendido entre las etiquetas y

Dentro del encabezamiento hay información del documento, que no se ve en la pantalla principal, principalmente el título del documento, comprendido entre las etiquetas y. El título debe ser breve y descriptivo de su contenido, pues será lo que vean los demás cuando añadan nuestra página a su bookmark (o agenda de direcciones). Dentro del cuerpo está todo lo que queremos que aparezca en la pantalla principal (texto, imágenes, etc.)

Por tanto, la estructura queda de esta manera: Título de la página [Aquí van las etiquetas que visualizan la página]

Preguntas 1.¿Qué significa HTML? 2.¿Mencione algunos editores web gráficos? 3.¿ Mencione algunos editores web de texto? 4.¿ Mencione algunos navegadores web? 5.¿Cuál es la extensión de las paginas web? 6.¿Qué 2 aspectos son importantes al crear una pagina web? 7.¿Cuales son las etiquetas básicas de las paginas HTML? 8.¿Cuáles son algunos parámetros del BODY? 9.¿Cuales son algunas etiquetas del texto? 10. ¿ Cuales son algunos atributos de la etiqueta FONT?