SlideShare une entreprise Scribd logo
1  sur  12
INTERNET: Es una red internacional de
computadoras que conforman una
sociedad virtual en todo el mundo.
 WORLD WIDE WEB: Es la herramienta más
poderosa de Internet, está conformada por un
conjunto de documentos llamados Páginas
Web.
Acrónimo: RED AMPLIA
MUNDIAL.
 PÁGINA WEB: Es un documento o archivo que
conforma la WWW. Las páginas web son
documentos hipermedia.
Las páginas web son
documentos hipermedia,
porque tiene texto, gráficos,
animaciones, sonido, video
y enlaces a otros
documentos.
 PROGRAMA: Un programa es una
herramienta con un conjunto de órdenes,
que mantienen un orden lógico.
El programa más simple
para escribir una página
web en código HTML es el
Block de Notas o
NOTEPAD.
HTML: Hyper Text Markup Language,
traducido significa, “Lenguaje de
Marcado de Hipertexto”.
Este lenguaje nos
permite construir páginas
web o website.
Este lenguaje es fundamental para entender
la estructura de las páginas web.
Consta de una serie de órdenes, que
llamaremos etiquetas (tags) que indican
al browser (navegador) la forma de
representar los elementos (texto,
gráficos, videos, etc.) en una página web
Pueden ser de dos tipos: Abiertas y
Cerradas.
Ejemplo de Etiqueta Abierta:
<HR> Muestra una línea horizontal.
<LI> Ordena una lista.
Ejemplo de Etiqueta Abierta:
<TITLE> El Cuerpo Humano </TITLE>
<FONT NAME=“Arial”>Holas</FONT>
 UN documento escrito en HTML tendrá la
siguiente estructura:
<html> Inicio del documento
<head>
<title>Mi primera página</TITLE>
</head>
<BODY> Inicio del Contenido
</BODY> Fin del Contenido
</html> Fin del documento
 Son programas que nos pueden ayudar a construir una
página Web.
 En general, existen tres tipos de editores web:
 Editores web de texto: estos ayudan al desarrollador en
la escritura del código HTML (y otros códigos de lenguajes
web), proveyendo distintos colores al texto de forma
automática, acceso a códigos ya definidos, ayuda
de asistentes, etc.
 Editores web de objetos: estos alternan entre la edición
de texto y el uso de objetos .
 Editores web gráficos o WYSIWYG: estos proveen
una interfaz gráfica, donde es posible modificar y ver
la página web tal cual se verá en un navegador.
 Dreamweaver
 FrontPage, discontinuado y reemplazado
por Expression Web y SharePoint Designer.
 CoffeeCup HTML Editor
HomeSite

Contenu connexe

Tendances (20)

Introduccion html
Introduccion htmlIntroduccion html
Introduccion html
 
Informatica tp2
Informatica tp2Informatica tp2
Informatica tp2
 
Muñozzz
MuñozzzMuñozzz
Muñozzz
 
Trabajo de definiciones
Trabajo de definicionesTrabajo de definiciones
Trabajo de definiciones
 
Diagrama Lenguaje HTML Harold Añez
Diagrama Lenguaje HTML Harold AñezDiagrama Lenguaje HTML Harold Añez
Diagrama Lenguaje HTML Harold Añez
 
Colegio nacional nicolas esguerra moreno
Colegio nacional nicolas esguerra morenoColegio nacional nicolas esguerra moreno
Colegio nacional nicolas esguerra moreno
 
Leccion VI
Leccion VILeccion VI
Leccion VI
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Barreto vanegas nicolás steven
Barreto vanegas nicolás stevenBarreto vanegas nicolás steven
Barreto vanegas nicolás steven
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Dala
DalaDala
Dala
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Htlm
HtlmHtlm
Htlm
 
TRABAJO DE DAPI
TRABAJO DE DAPITRABAJO DE DAPI
TRABAJO DE DAPI
 
Fundamentos de lenguaje html
Fundamentos de lenguaje htmlFundamentos de lenguaje html
Fundamentos de lenguaje html
 
Etiquetas para estructurar texto HTML5 - 2 parte
Etiquetas para estructurar texto HTML5 - 2 parteEtiquetas para estructurar texto HTML5 - 2 parte
Etiquetas para estructurar texto HTML5 - 2 parte
 
Etiquetas para estructurar texto en HTML - 4 parte
Etiquetas para estructurar texto en HTML - 4 parteEtiquetas para estructurar texto en HTML - 4 parte
Etiquetas para estructurar texto en HTML - 4 parte
 
LENGUAJE, HISTORIA Y ETIQUETAS HTML
LENGUAJE, HISTORIA Y ETIQUETAS HTMLLENGUAJE, HISTORIA Y ETIQUETAS HTML
LENGUAJE, HISTORIA Y ETIQUETAS HTML
 
Resumen html
Resumen htmlResumen html
Resumen html
 

En vedette

Hojas de cálculo
Hojas de cálculoHojas de cálculo
Hojas de cálculoAlexMAA99
 
Hojas de calculo
Hojas de calculoHojas de calculo
Hojas de calculonadiacj22
 
Pravtica contabilidad
Pravtica contabilidadPravtica contabilidad
Pravtica contabilidadkarlaarchila
 
Bullying. Equipo 1.
Bullying. Equipo 1.Bullying. Equipo 1.
Bullying. Equipo 1.Isela6
 
Hojas de Cálculo
Hojas de CálculoHojas de Cálculo
Hojas de CálculoKarii B-v
 
Tutorial ejercicio excel nota final
Tutorial ejercicio excel nota finalTutorial ejercicio excel nota final
Tutorial ejercicio excel nota finalLuis Medina
 
Hojas de cálculo
Hojas de cálculoHojas de cálculo
Hojas de cálculoabel30
 
HOJAS DE CALCULO
HOJAS DE CALCULOHOJAS DE CALCULO
HOJAS DE CALCULOElida Díaz
 
Hojas de calculo
Hojas  de calculoHojas  de calculo
Hojas de calculo19940622
 
U.D.13. DiseñO De PáGinas Web
U.D.13. DiseñO De PáGinas WebU.D.13. DiseñO De PáGinas Web
U.D.13. DiseñO De PáGinas WebAna Hidalgo
 
PASOS PARA COMPARTIR ARCHIVOS EN GOOGLE DRIVE
PASOS PARA COMPARTIR ARCHIVOS EN GOOGLE DRIVE PASOS PARA COMPARTIR ARCHIVOS EN GOOGLE DRIVE
PASOS PARA COMPARTIR ARCHIVOS EN GOOGLE DRIVE HRTNP
 
Buen uso del internet diapositivas
Buen uso del internet diapositivasBuen uso del internet diapositivas
Buen uso del internet diapositivasjmtatiana
 

En vedette (20)

Hojas de cálculo
Hojas de cálculoHojas de cálculo
Hojas de cálculo
 
Hojas de calculo
Hojas de calculoHojas de calculo
Hojas de calculo
 
Hipervinculo
HipervinculoHipervinculo
Hipervinculo
 
Pravtica contabilidad
Pravtica contabilidadPravtica contabilidad
Pravtica contabilidad
 
Karla yaneth
Karla yanethKarla yaneth
Karla yaneth
 
Bullying. Equipo 1.
Bullying. Equipo 1.Bullying. Equipo 1.
Bullying. Equipo 1.
 
Normas de internet
Normas de internetNormas de internet
Normas de internet
 
Hojas de Cálculo
Hojas de CálculoHojas de Cálculo
Hojas de Cálculo
 
Excel
ExcelExcel
Excel
 
Hojas de cálculo
Hojas de cálculoHojas de cálculo
Hojas de cálculo
 
HOJAS DE CALCULO
HOJAS DE CALCULOHOJAS DE CALCULO
HOJAS DE CALCULO
 
Modulo de ms word
Modulo de ms  wordModulo de ms  word
Modulo de ms word
 
Tutorial ejercicio excel nota final
Tutorial ejercicio excel nota finalTutorial ejercicio excel nota final
Tutorial ejercicio excel nota final
 
HOJAS DE CALCULO
HOJAS DE CALCULOHOJAS DE CALCULO
HOJAS DE CALCULO
 
Hojas de cálculo
Hojas de cálculoHojas de cálculo
Hojas de cálculo
 
HOJAS DE CALCULO
HOJAS DE CALCULOHOJAS DE CALCULO
HOJAS DE CALCULO
 
Hojas de calculo
Hojas  de calculoHojas  de calculo
Hojas de calculo
 
U.D.13. DiseñO De PáGinas Web
U.D.13. DiseñO De PáGinas WebU.D.13. DiseñO De PáGinas Web
U.D.13. DiseñO De PáGinas Web
 
PASOS PARA COMPARTIR ARCHIVOS EN GOOGLE DRIVE
PASOS PARA COMPARTIR ARCHIVOS EN GOOGLE DRIVE PASOS PARA COMPARTIR ARCHIVOS EN GOOGLE DRIVE
PASOS PARA COMPARTIR ARCHIVOS EN GOOGLE DRIVE
 
Buen uso del internet diapositivas
Buen uso del internet diapositivasBuen uso del internet diapositivas
Buen uso del internet diapositivas
 

Similaire à Diseño de páginas web (20)

Html
HtmlHtml
Html
 
Guia no 1 cómo crear mi propia web
Guia no 1 cómo crear mi propia webGuia no 1 cómo crear mi propia web
Guia no 1 cómo crear mi propia web
 
Guia 1 introduccion al html inesani 2016
Guia 1 introduccion al html inesani 2016Guia 1 introduccion al html inesani 2016
Guia 1 introduccion al html inesani 2016
 
Tema 1
Tema 1Tema 1
Tema 1
 
Tema 1
Tema 1Tema 1
Tema 1
 
Desarrolla aplicaciones-web
Desarrolla aplicaciones-webDesarrolla aplicaciones-web
Desarrolla aplicaciones-web
 
Diseño de Paginas WEB ACTUAL (1).ppt
Diseño de Paginas WEB ACTUAL (1).pptDiseño de Paginas WEB ACTUAL (1).ppt
Diseño de Paginas WEB ACTUAL (1).ppt
 
Desarrollo web HTML
Desarrollo web HTMLDesarrollo web HTML
Desarrollo web HTML
 
Marilce Ok
Marilce OkMarilce Ok
Marilce Ok
 
Clase 1
Clase 1Clase 1
Clase 1
 
Consulta.docx
Consulta.docxConsulta.docx
Consulta.docx
 
Consulta.docx
Consulta.docxConsulta.docx
Consulta.docx
 
SUBMODULO 3 modulo 2.pptx
SUBMODULO 3 modulo 2.pptxSUBMODULO 3 modulo 2.pptx
SUBMODULO 3 modulo 2.pptx
 
PHP MYSQL - FIEI-UNFV Clase 01
PHP MYSQL - FIEI-UNFV Clase 01PHP MYSQL - FIEI-UNFV Clase 01
PHP MYSQL - FIEI-UNFV Clase 01
 
paginas web
paginas webpaginas web
paginas web
 
Páginas web
Páginas web Páginas web
Páginas web
 
Consulta de html
Consulta de html Consulta de html
Consulta de html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Que es una pagina web
Que es una pagina webQue es una pagina web
Que es una pagina web
 
Diagrama de flujo 10 01 jt jhon buitrago
Diagrama de flujo 10 01 jt jhon buitragoDiagrama de flujo 10 01 jt jhon buitrago
Diagrama de flujo 10 01 jt jhon buitrago
 

Plus de Luis Arenas

Lavado de Manos - 1er Grado (Domingo Savio)
Lavado de Manos - 1er Grado (Domingo Savio)Lavado de Manos - 1er Grado (Domingo Savio)
Lavado de Manos - 1er Grado (Domingo Savio)Luis Arenas
 
Referencias de celdas y errores en fórmulas en Excel
Referencias de celdas y errores en fórmulas en ExcelReferencias de celdas y errores en fórmulas en Excel
Referencias de celdas y errores en fórmulas en ExcelLuis Arenas
 
Sesión 5 trabajo con tablas
Sesión 5   trabajo con tablasSesión 5   trabajo con tablas
Sesión 5 trabajo con tablasLuis Arenas
 
Sesión 1 formato de fuente
Sesión 1   formato de fuenteSesión 1   formato de fuente
Sesión 1 formato de fuenteLuis Arenas
 
Sesión 3 formatear usb
Sesión 3   formatear usbSesión 3   formatear usb
Sesión 3 formatear usbLuis Arenas
 
Sesión 2 trabajo con carpetas
Sesión 2   trabajo con carpetasSesión 2   trabajo con carpetas
Sesión 2 trabajo con carpetasLuis Arenas
 
Sesion1 sistema operativo
Sesion1   sistema operativoSesion1   sistema operativo
Sesion1 sistema operativoLuis Arenas
 

Plus de Luis Arenas (9)

Lavado de Manos - 1er Grado (Domingo Savio)
Lavado de Manos - 1er Grado (Domingo Savio)Lavado de Manos - 1er Grado (Domingo Savio)
Lavado de Manos - 1er Grado (Domingo Savio)
 
Referencias de celdas y errores en fórmulas en Excel
Referencias de celdas y errores en fórmulas en ExcelReferencias de celdas y errores en fórmulas en Excel
Referencias de celdas y errores en fórmulas en Excel
 
Sesión 5 trabajo con tablas
Sesión 5   trabajo con tablasSesión 5   trabajo con tablas
Sesión 5 trabajo con tablas
 
Sesión 1 formato de fuente
Sesión 1   formato de fuenteSesión 1   formato de fuente
Sesión 1 formato de fuente
 
Sesión 3 formatear usb
Sesión 3   formatear usbSesión 3   formatear usb
Sesión 3 formatear usb
 
Sesión 2 trabajo con carpetas
Sesión 2   trabajo con carpetasSesión 2   trabajo con carpetas
Sesión 2 trabajo con carpetas
 
Sesión winrar
Sesión winrarSesión winrar
Sesión winrar
 
Sesion1 sistema operativo
Sesion1   sistema operativoSesion1   sistema operativo
Sesion1 sistema operativo
 
La lactosa
La lactosaLa lactosa
La lactosa
 

Diseño de páginas web

  • 1.
  • 2. INTERNET: Es una red internacional de computadoras que conforman una sociedad virtual en todo el mundo.
  • 3.  WORLD WIDE WEB: Es la herramienta más poderosa de Internet, está conformada por un conjunto de documentos llamados Páginas Web. Acrónimo: RED AMPLIA MUNDIAL.
  • 4.  PÁGINA WEB: Es un documento o archivo que conforma la WWW. Las páginas web son documentos hipermedia. Las páginas web son documentos hipermedia, porque tiene texto, gráficos, animaciones, sonido, video y enlaces a otros documentos.
  • 5.  PROGRAMA: Un programa es una herramienta con un conjunto de órdenes, que mantienen un orden lógico. El programa más simple para escribir una página web en código HTML es el Block de Notas o NOTEPAD.
  • 6. HTML: Hyper Text Markup Language, traducido significa, “Lenguaje de Marcado de Hipertexto”. Este lenguaje nos permite construir páginas web o website. Este lenguaje es fundamental para entender la estructura de las páginas web.
  • 7. Consta de una serie de órdenes, que llamaremos etiquetas (tags) que indican al browser (navegador) la forma de representar los elementos (texto, gráficos, videos, etc.) en una página web Pueden ser de dos tipos: Abiertas y Cerradas.
  • 8. Ejemplo de Etiqueta Abierta: <HR> Muestra una línea horizontal. <LI> Ordena una lista. Ejemplo de Etiqueta Abierta: <TITLE> El Cuerpo Humano </TITLE> <FONT NAME=“Arial”>Holas</FONT>
  • 9.  UN documento escrito en HTML tendrá la siguiente estructura: <html> Inicio del documento <head> <title>Mi primera página</TITLE> </head> <BODY> Inicio del Contenido </BODY> Fin del Contenido </html> Fin del documento
  • 10.
  • 11.  Son programas que nos pueden ayudar a construir una página Web.  En general, existen tres tipos de editores web:  Editores web de texto: estos ayudan al desarrollador en la escritura del código HTML (y otros códigos de lenguajes web), proveyendo distintos colores al texto de forma automática, acceso a códigos ya definidos, ayuda de asistentes, etc.  Editores web de objetos: estos alternan entre la edición de texto y el uso de objetos .  Editores web gráficos o WYSIWYG: estos proveen una interfaz gráfica, donde es posible modificar y ver la página web tal cual se verá en un navegador.
  • 12.  Dreamweaver  FrontPage, discontinuado y reemplazado por Expression Web y SharePoint Designer.  CoffeeCup HTML Editor HomeSite