SlideShare una empresa de Scribd logo
1 de 2
Desarrollo de
Pagina Web en
Lenguaje
HTML. Basado
en Bloc de Notas
Significados:
WORLD WIDE WEB
El servicio World Wide Web (La Telaraña
Mundial), también conocido como WWW
o simplemente Web, es un Sistema de
Información distribuido por Internet basado
en la tecnología hipertexto/hipermedia, que
proporciona una interface común a los
distintos formatos de datos y a los servicios
de Internet existentes.
BLOC DE NOTAS
Es un editor de texto incluido en
los sistemas
operativos de Microsoft desde 1985. Su
funcionalidad es muy simple: Inserción de
hora y fecha actual, ajuste de línea,
posibilidad de exportar a cualquier formato
de texto no formateado. Es el equivalente
en Windows del editor de MS-DOS.
DISEÑO DE PAGINAS WEB
El diseño web es una actividad que consiste
en la planificación, diseño, implementación
y mantenimiento de sitios web usando
audio, texto, imagen, enlaces, video.
Lenguaje HTML:
El lenguaje estandarizado para la creación
de páginas Web es el lenguaje HTML
(HyperText Markup Language, Lenguaje
de Marcas Hipertexto). HTML es un
lenguaje muy sencillo que permite describir
documentos hipertexto.
HTML se compone de una serie de
comandos, que son interpretados por el
visualizador, o programa que utilizamos
para navegar por el WWW.
Historia:
En 1980 Tim Berners
Lee propone ENQUIRE (Preguntando de
todo sobre todo), sistema de hipertextos.
En 1989 existian dos tecnicas que
permitían vincular documentos electrónicos
hipervínculos Y un lenguaje de etiquetas
denominado SGML
A principios de 1990, Tim Berners-Lee
define el HTML como un subconjunto del
conocido SGML y crea algo más valioso
incluso, el World Wide Web.
En 2006, el W3C se interesó en el
desarrollo de HTML5, y en 2007 se unió al
grupo de trabajo del WHATWG (es una
comunidad de personas interesadas en la
evolución de HTML) para unificar el
proyecto.
Formato básico para crear una
página web
1. Abra el editor de textos: Windows 95
2. Teclee lo siguiente:
<HTML>
<HEAD>
<TITLE>Ejemplo 1 - Mi primera página
Web</TITLE>
</HEAD>
<BODY>
<CENTER><H1> Mi primera pagina
Web</H1></CENTER>
<HR>
Esta es mi primera página, aunque todavía es
muy sencilla. <BR>Como el lenguaje HTML
no es difícil, pronto estaré en condiciones de
hacer cosas más interesantes.
<P> Aquí va un segundo párrafo.</P>
</BODY>
</HTML>
3. Grabe este archivo con el nombre:
ejemplo1.html
4. Abra el visualizador. No necesita conectarse
a Internet para ver las páginas en su ordenador.
Puede trabajar en local.
5. Elija "Archivo/Abrir página" en la barra de
menú del navegador.
Seleccione el archivo ejemplo1.html que acaba
de crear, y debe de ver la siguiente pantalla:
SE PUEDE INSERTAR TAMBIEN:
1. Color
2. Tamaño
3. Mayúsculas y minúsculas
4. Enlaces a otras paginas
5. Gif
6. Imagenes
7. Mapas
EN LA ACTUALIDAD…
La última versión de este lenguaje
básico corresponde al HTML5, donde
se introducen nuevos elementos que
mejoran la navegación y la usabilidad
de los sitios web en los distintos
navegadores, como por ejemplo el uso
de <header>, <canvas>, <video>.
Las "Canvas" o marcos de trabajo, que
sirven para utilizar animaciones sin
necesidad de instalar un
reproductor Adobe Flash para videos
web. Al implementarse con canvas, se
usará únicamente código JavaScript,
aligerando el peso de la página.

Más contenido relacionado

La actualidad más candente (10)

Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Ut3 3 publicardesdeword
Ut3 3 publicardesdewordUt3 3 publicardesdeword
Ut3 3 publicardesdeword
 
Html
HtmlHtml
Html
 
Prguntas Frecuentes
Prguntas FrecuentesPrguntas Frecuentes
Prguntas Frecuentes
 
Calameo
CalameoCalameo
Calameo
 
Colegio nicolás esguerra
Colegio nicolás esguerraColegio nicolás esguerra
Colegio nicolás esguerra
 
Diapositiva
DiapositivaDiapositiva
Diapositiva
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 

Similar a Folleto informatica basica (20)

Desarrollo web HTML
Desarrollo web HTMLDesarrollo web HTML
Desarrollo web HTML
 
Diseño y edición de páginas web 1
Diseño y edición de páginas web 1Diseño y edición de páginas web 1
Diseño y edición de páginas web 1
 
Presentación1
Presentación1Presentación1
Presentación1
 
La web alejandra acevedo 10-2
La web   alejandra acevedo 10-2La web   alejandra acevedo 10-2
La web alejandra acevedo 10-2
 
Diseño de paginas y buscadores
Diseño de paginas y buscadores Diseño de paginas y buscadores
Diseño de paginas y buscadores
 
Diseño de paginas web
Diseño de paginas webDiseño de paginas web
Diseño de paginas web
 
El world wide web
El world wide webEl world wide web
El world wide web
 
El world wide web
El world wide webEl world wide web
El world wide web
 
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
 
David cuellar
David cuellarDavid cuellar
David cuellar
 
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
 
Tutorial
TutorialTutorial
Tutorial
 
Tutorial mevv
Tutorial mevvTutorial mevv
Tutorial mevv
 
Html
HtmlHtml
Html
 
Herramientas web 1.0
Herramientas web 1.0Herramientas web 1.0
Herramientas web 1.0
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web
 
Yeison fabian
Yeison fabianYeison fabian
Yeison fabian
 

Más de Nombre Apellidos (9)

Html 1
Html 1Html 1
Html 1
 
Prezi y html
Prezi y htmlPrezi y html
Prezi y html
 
Creación de Presentaciones
Creación de PresentacionesCreación de Presentaciones
Creación de Presentaciones
 
Poster
PosterPoster
Poster
 
informatica basica
informatica basicainformatica basica
informatica basica
 
tecnica de desarrollo en paginas web informatica basica
tecnica de desarrollo en paginas web informatica basicatecnica de desarrollo en paginas web informatica basica
tecnica de desarrollo en paginas web informatica basica
 
Informatica jr
Informatica jrInformatica jr
Informatica jr
 
Access
AccessAccess
Access
 
Estructura de mi PC
Estructura de mi PCEstructura de mi PC
Estructura de mi PC
 

Último

POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
silviayucra2
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
241521559
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
FagnerLisboa3
 

Último (10)

Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 

Folleto informatica basica

  • 1. Desarrollo de Pagina Web en Lenguaje HTML. Basado en Bloc de Notas Significados: WORLD WIDE WEB El servicio World Wide Web (La Telaraña Mundial), también conocido como WWW o simplemente Web, es un Sistema de Información distribuido por Internet basado en la tecnología hipertexto/hipermedia, que proporciona una interface común a los distintos formatos de datos y a los servicios de Internet existentes. BLOC DE NOTAS Es un editor de texto incluido en los sistemas operativos de Microsoft desde 1985. Su funcionalidad es muy simple: Inserción de hora y fecha actual, ajuste de línea, posibilidad de exportar a cualquier formato de texto no formateado. Es el equivalente en Windows del editor de MS-DOS. DISEÑO DE PAGINAS WEB El diseño web es una actividad que consiste en la planificación, diseño, implementación y mantenimiento de sitios web usando audio, texto, imagen, enlaces, video. Lenguaje HTML: El lenguaje estandarizado para la creación de páginas Web es el lenguaje HTML (HyperText Markup Language, Lenguaje de Marcas Hipertexto). HTML es un lenguaje muy sencillo que permite describir documentos hipertexto. HTML se compone de una serie de comandos, que son interpretados por el visualizador, o programa que utilizamos para navegar por el WWW.
  • 2. Historia: En 1980 Tim Berners Lee propone ENQUIRE (Preguntando de todo sobre todo), sistema de hipertextos. En 1989 existian dos tecnicas que permitían vincular documentos electrónicos hipervínculos Y un lenguaje de etiquetas denominado SGML A principios de 1990, Tim Berners-Lee define el HTML como un subconjunto del conocido SGML y crea algo más valioso incluso, el World Wide Web. En 2006, el W3C se interesó en el desarrollo de HTML5, y en 2007 se unió al grupo de trabajo del WHATWG (es una comunidad de personas interesadas en la evolución de HTML) para unificar el proyecto. Formato básico para crear una página web 1. Abra el editor de textos: Windows 95 2. Teclee lo siguiente: <HTML> <HEAD> <TITLE>Ejemplo 1 - Mi primera página Web</TITLE> </HEAD> <BODY> <CENTER><H1> Mi primera pagina Web</H1></CENTER> <HR> Esta es mi primera página, aunque todavía es muy sencilla. <BR>Como el lenguaje HTML no es difícil, pronto estaré en condiciones de hacer cosas más interesantes. <P> Aquí va un segundo párrafo.</P> </BODY> </HTML> 3. Grabe este archivo con el nombre: ejemplo1.html 4. Abra el visualizador. No necesita conectarse a Internet para ver las páginas en su ordenador. Puede trabajar en local. 5. Elija "Archivo/Abrir página" en la barra de menú del navegador. Seleccione el archivo ejemplo1.html que acaba de crear, y debe de ver la siguiente pantalla: SE PUEDE INSERTAR TAMBIEN: 1. Color 2. Tamaño 3. Mayúsculas y minúsculas 4. Enlaces a otras paginas 5. Gif 6. Imagenes 7. Mapas EN LA ACTUALIDAD… La última versión de este lenguaje básico corresponde al HTML5, donde se introducen nuevos elementos que mejoran la navegación y la usabilidad de los sitios web en los distintos navegadores, como por ejemplo el uso de <header>, <canvas>, <video>. Las "Canvas" o marcos de trabajo, que sirven para utilizar animaciones sin necesidad de instalar un reproductor Adobe Flash para videos web. Al implementarse con canvas, se usará únicamente código JavaScript, aligerando el peso de la página.