ESTRUCTURA DE UNA PÁGINA WEB ING. AYAMAIN SILVA. RESULTADO DE APRENDIZAJE Identificar las partes de una pagina web con el uso del lenguaje XHTML. Diseño.

Slides:



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

SlideShare Concepto y otros servicios similares Entorno de trabajo
Repaso desde HTML a XHTML
Curso : Programación Web 1 Profesor : Aníbal Martínez Aguas Tema: Etiquetas básicas Capitulo 3 Semestre: 1.
Elaboró: Paola Elizabeth Oviedo Lara
Publicación de páginas web
SESIÓN 3 APRENDIENDO HTML.
INTRODUCCION A CSS.
Hypertext Markup Language HTML
DISEÑO DE PAGINAS WEB Las páginas Web son documentos de hipertexto y multimedia. Son documentos multimedia que incorporan imágenes, videos, animaciones,
Introducción al desarrollo de proyectos RIA.
Ing. Cleyver Vazquez Jijon
HTML/CSS Mi primera página.
HTML Conceptos básicos.
Hypertext Markup Language HTML
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.
Desarrollo CSS.
Diseño de páginas Web Elaboración de Unidades Didácticas en Web.
HTML (Hyper Text Markup Language)
Hyper Text Markup Language Área de Programación y Metodologías de Desarrollo de Software Departamento de Informática Universidad Nacional de San Luis.
Tecnologías web. Es el método más común de intercambio de información en la world wide web, el método mediante el cual se transfieren las páginas web.
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.
ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de.
El lenguaje HTML Este lenguaje nos permite estructurar documentos. La mayoría de los documentos tienen estructuras comunes (títulos, parrafos, listas...)
“Trabajando en Notepad”
Es un conjunto o serie de etiquetas incluidas en archivos de texto que definen la estructura de un documento WWW. Los navegadores WWW leen estos archivos.
Introducción a las Tecnologías Informáticas Oscar Bedoya
Profesora: Laura Patricia Pinto Prieto Ingeniera de sistemas Introducción a Programación 3.
INFORMÁTICA SOCIEDAD Y ORGANIZACIÓN
Hojas de Estilo en Cascada (Cascading Style Sheets)
CSS Cascading Style Sheets
Hypertext Markup Language HTML. OBJETIVOS Conocer los fundamentos de HTML Escribir HTML usando un editor sencillo Conocer las marcas HTML Visualizar el.
BARRA BARRA INSERTAR BARRA BARRA INSERTAR BARRA DE HERRAMIENTAS DE DOCUMENTO HERRAMIENTAS BARRA DE HERRAMIENTAS DE DOCUMENTO HERRAMIENTAS VENTANA DE DOCUMENTODE.
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.
Recursos y actividades transmisivas Ciro Espinoza.
 Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.
Con tantas herramientas de desarrollo Web existentes, es muy fácil crear páginas Web sin tener ninguna necesidad de saber HTML. Pero no es el caso crear.
Lenguaje de Programación Web Dinámico Multiplataforma Estándar abierto y accesible Elementos nuevos Retrocompatible Nueva filosofía de trabajo Impulsado.
Diseño y desarrollo de Páginas Web Tecnología IES Pablo Serrano 2010 – 2011 Ignacio Elorriaga.
HTML HyperText Markup Language
HTML.
Que es un navegador de Internet. Un navegador web o de Internet, es un programa que permite visualizar la información que contiene una página web (que.
TRABAJO MONOGRÁFICO – 4º ESO
Tecnologías Emergentes y los Negocios Unidad 4 – Diseño de Sites.
GUIA DE CSS 3 BASICA AUTOR: CARLOS BERBECI QUE ES CSS3 ? CSS es un lenguaje para definir el estilo o la apariencia de las páginas web, escritas con HTML.
DISEÑO DE PÁGINAS WEB HTML Y CSS Tema 1: Introducción Jose Miguel Vidagany Igual.
Es un ambiente gráfico de desarrollo de aplicaciones para el sistema operativo Microsoft Windows. Las aplicaciones creadas con Visual Basic están basadas.
Hardware y Software Unidad Cómo interactúan el hardware y el software Podríamos decir que el software inmaterial depositado en el hardware sería.
Texto Estructurar La forma más sencilla de estructurar un texto consiste en separarlo por párrafos. Además, HTML permite incluir títulos que delimitan.
Web y Multimedia II Integrantes: Piero Álvarez Mayra Atience Jhonney Bermeo Johanna Cabrera Gabriela Cango.
USB-Ingeniería de Sistemas Programación en Internet Agosto 2015 Introducción al Html.
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.
1 Tema 1A Introducción al lenguaje HTML. Indice 2 1.IntroducciónIntroducción 2.EtiquetasEtiquetas 3.Estructura de una página HTMLEstructura de una página.
Prof. Romero Brunil HTML Editores de Páginas Web Servidores Web (Apache, IIS) Servicios Web hosting Blogs Páginas Web Tema: Desarrollo Web.
INTRODUCCIÓN HTML. QUE ES HTML El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. HTML es un lenguaje de hipertexto.
ENCUADRE DE LA MATERIA. DISEÑO DE PÁGINAS WEB DREAMWEAVER.
TEMA 4: ACCESIBILIDAD A LOS CONTENIDOS DIGITALES Lourdes Moreno, Paloma Martínez Universidad Carlos III de Madrid Asignatura.
Como escribir para la web Capitulo 3 ¡Use la pirámide invertida!
Módulo III.- Recursos en UPSA VIRTUAL Este módulo explica como configurar los distintos recursos que pueden encontrarse en un curso de MOODLE. Recurso:
CLASE 4 - BLOGS Y HTML GRADO DÉCIMO. ¿QUÉ ES HTML? ¿Qué es HTML? El HTML es el lenguaje que se usa para escribir las páginas web. Con este lenguaje se.
Nombre de la Institución evaluada: Servicio Salud Bío Bio URL de su sitio web: Evaluador: Tomás Gómez Fecha y hora inicio de Evaluación:
DINÁMICAS, ESTÁTICAS Y MIXTAS
ANDRES MAURICIO QUINTERO MACEA Programación Web Lic. Informática y medios audiovisuales Facultad de educación y ciencias humanas Universidad de Córdoba.
HTML & CSS. 15 Qué es HTML FCC-BUAP Verano 2016BMB - RAM  Es un lenguaje de marcas para formatear y estructurar un documento, que puede leerse en cualquier.
Reto 2 HTML 5 DIAZ FLORES OMAR ISAAC DOMINGUEZ MELENDEZ JUAN CARLOS.
Es un tipo de web, paginas creadas con códigos HTML (Hyper Text Markop Language), lenguaje de marcas de hipertexto. Web 1.0 se caracterizo por ser la.
HTM L (Hyper Text Markup Language). ¿Qué es HTML? Es el lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas,
<html> <head> <title> </title> </head>
Transcripción de la presentación:

ESTRUCTURA DE UNA PÁGINA WEB ING. AYAMAIN SILVA

RESULTADO DE APRENDIZAJE Identificar las partes de una pagina web con el uso del lenguaje XHTML. Diseño y elaboración de páginas web 1. Desarrollo de páginas web estáticas. 1.2 Elabora páginas web estáticas haciendo uso del lenguaje de etiquetas XHTML. Estructura de una página web

PARTES DE UN PAGINA WEB La cabecera incluye información sobre la propia página, como por ejemplo su título y su idioma. El cuerpo de la página incluye todos sus contenidos, como párrafos de texto e imágenes. (Eguíluz Pérez, 2009)

CABEZA Encontraremos datos que no aparecen no son visibles en nuestra página pero que son importantes para catalogarla: 1.Titulo 2.Contenido 3.Autor, editor 4.Lenguaje 5.Palabras claves 6.Archivos de formato css

CUERPO En el cuerpo encontraremos etiquetas y contenidos del cuerpo, es decir parte del documento que será mostrada por el navegador: 1.Texto 2.Música 3.Video 4.Imágenes 5.Enlaces

EN CÓDIGO

SINTAXIS: ETIQUETAS El lenguaje xhtml basa su sintaxis en un elemento de base al que llamamos etiqueta. Todas tienen una apertura y cierre. Elemento o contenido Las que no tienen cierre en html ahora se cierran ejemplo

ATRIBUTOS Los atributos indican propiedades del contenido de la etiqueta ejemplo: tamaño, color, alineación, etc. Elemento o contenido

COMENTARIOS Otro elemento esencial el cualquier lenguaje de programación para dialogar con el programador son los comentarios que puede insertar dentro de su código, en el caso de html se insertan de la siguiente manera.

EJEMPLO Ejemplo: estoy esta en la cabeza Este es el cuerpo de la página y esta escrito dentro del cuerpo, en la etiqueta parrafo Identación

VISUALIZACIÓN DEL EJEMPLO

BIBLIOGRAFÍA Eguíluz Pérez, J. (31 de 08 de 2009). Recuperado el 01 de 2011, de