SlideShare una empresa de Scribd logo
1 de 10
El diseño web es una actividad que consiste en la planificación, diseño e
implementación de sitios web. No es simplemente una aplicación del
diseño convencional, ya que requiere tener en cuenta la navegabilidad,
interactividad, usabilidad, arquitectura de la información y la interacción
de medios como el audio, texto, imagen, enlaces y vídeo Se lo considera
dentro del diseño multimedia.
•Las páginas Web son creadas con el lenguaje HTML . Este lenguaje
es el que indica a los navegadores que deben mostrar en pantalla y
cómo mostrarlo.
•Todas las instrucciones HTML deben ir entre etiquetas, y toda
etiqueta debe ir entre corchetes angulares (< >).
•HTML: (HyperText Markup Language). Lenguaje de marcado de
Hipertexto. Es el lenguaje estándar para describir el contenido y la
apariencia de las páginas en el WWW.




                                                                       
Estos documentos o páginas web pueden ser creadas:
 creando archivos de texto en HTML, PHP, Asp, Aspx,
  JavaScript, JSP, Python, Ruby.
 utilizando un programa WYSIWYG o WYSIWYM de
  creación de páginas.
 utilizando lenguajes de programación del lado
  servidor para generar la página web.
HERRAMIENTAS PARA HACER UNA PÁGINA WEB


•Sólo necesitas un EDITOR DE TEXTO , UN NAVEGADOR ("browser") y posiblemente un programa FTP.
COMO CREAR UN ARCHIVO HTML

PRIMER PASO:

Todo lo que se necesita para escribir una página Web es un editor
que permita guardar documentos de texto de tipo ASCII, lo que en
algunos procesadores de texto se denomina "sólo texto". Estos
documentos se pueden crear de modo muy sencillo:
•Con el Bloc de notas (Notepad), si se trabaja en Windows, o la
aplicación SimpleText, si se trabaja en Macintosh. Puede
encontrar estos programas en cualquier ordenador Windows o
Macintosh.
•Con cualquier procesador de textos, pero teniendo cuidado de
guardarlo como un fichero "Solo texto".
En ambos casos, la única precaución es añadir al nombre de
nuestro fichero el texto ".htm", en Windows, o ".html" (en
Macintosh o Unix).
                                                              
Estructura de un documento HTML
<HTML>
  <HEAD>
     <TITLE>Título</TITLE>
  </HEAD>
  <BODY>
     Texto del documento, Gráficos,   Enlaces, ...
  </BODY>
</HTML>
Una vez que la página esté hecha, necesitarás que una compañía con
un servidor (conectado a la Red) la aloje, es decir que lo "ponga" en
el Internet.




Geocities          http://www.geocities.com/

Ciudades Virtuales http://www.civila.com/civila.htm

Hispamerica         http://www.hispamerica.com/normasweb.htm

Ciudad Futura       http://www.ciudadfutura.net/

Tripod             http://www.tripod.com.mx

                                                                  
El HTML consta de una serie de elementos que estructuran el texto y
son presentados en forma de hipertexto por agente de usuario o
navegadores. Esto se puede hacer con un simple editor de textos
(debe guardarse como texto plano, sin ningún tipo de formato y con
extensión .html o .htm). Aprender HTML es relativamente fácil, así
que es sencillo crear páginas web de este modo. algunos editores
visuales de HTML, como MS FrontPage y Adobe Dreamweaver. Con
estas herramientas no es necesario aprender HTML (aunque sí
aconsejable), con lo cual el desarrollador se concentra en lo más
importante, el diseño del documento.
Todo esto teniendo en cuenta el nivel de programación en el diseño
de las aplicaciones y del impacto visual que se quiere generar en el
usuario.




 http://www.youtube.com/watch?v=en0EfNXmL6M
¿Que son los buscadores ?

Un buscador es una página de internet que permite realizar búsquedas en la red.
Su forma de utilización es muy sencilla, basta con introducir una o más palabras
clave en una casilla y el buscador generará una lista de páginas web que se supone
guardan relación con el tema solicitado. Digo se supone porque como veremos más
adelante, esto no es siempre así.
  Aunque el modo de utilización es muy fácil a nivel básico, los buscadores
permiten opciones avanzadas para refinar la búsqueda, cuyo resultado puede ser en
muchas ocasiones de miles de páginas. Mediante estas opciones avanzadas se
puede acotar la búsqueda y obtener un número de páginas más manejable.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (18)

Dream weaver israel
Dream weaver israelDream weaver israel
Dream weaver israel
 
Israel blog
Israel blogIsrael blog
Israel blog
 
Editores de paginas web
Editores de paginas webEditores de paginas web
Editores de paginas web
 
Que es una pagina web
Que es una pagina  webQue es una pagina  web
Que es una pagina web
 
Diseño web
Diseño webDiseño web
Diseño web
 
Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
 
Editor de páginas web
Editor de páginas webEditor de páginas web
Editor de páginas web
 
Powerpointjim
PowerpointjimPowerpointjim
Powerpointjim
 
Conceptos de dream weaver
Conceptos de dream weaverConceptos de dream weaver
Conceptos de dream weaver
 
Editor de paginas web
Editor de paginas webEditor de paginas web
Editor de paginas web
 
Uso y administracion de paginas web
Uso y administracion de paginas webUso y administracion de paginas web
Uso y administracion de paginas web
 
Html
HtmlHtml
Html
 
Periodico virtual
Periodico virtualPeriodico virtual
Periodico virtual
 
paginas web
paginas webpaginas web
paginas web
 
Colegio nicolás esguerra
Colegio nicolás esguerraColegio nicolás esguerra
Colegio nicolás esguerra
 
Pag. web
Pag. webPag. web
Pag. web
 
Folleto informatica basica
Folleto informatica basicaFolleto informatica basica
Folleto informatica basica
 
Redes deber
Redes deberRedes deber
Redes deber
 

Destacado

Destacado (9)

Social Predictors Of Intention To Prepare
Social Predictors Of Intention To PrepareSocial Predictors Of Intention To Prepare
Social Predictors Of Intention To Prepare
 
Grupo Educativo
Grupo EducativoGrupo Educativo
Grupo Educativo
 
Presentacion de introduccion
Presentacion de introduccionPresentacion de introduccion
Presentacion de introduccion
 
Educación tecnológica
Educación tecnológicaEducación tecnológica
Educación tecnológica
 
Sistema Derivacion Por Fax Para Reunion Cgi
Sistema Derivacion Por Fax Para Reunion CgiSistema Derivacion Por Fax Para Reunion Cgi
Sistema Derivacion Por Fax Para Reunion Cgi
 
Preguntas (1)
Preguntas (1)Preguntas (1)
Preguntas (1)
 
Cuestionario de informatica 1
Cuestionario de informatica 1Cuestionario de informatica 1
Cuestionario de informatica 1
 
El Medio Es El Masajeo
El Medio Es El MasajeoEl Medio Es El Masajeo
El Medio Es El Masajeo
 
Presentación5
 Presentación5 Presentación5
Presentación5
 

Similar a Diseño web: conceptos básicos

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 webprofetellez
 
Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web8vivi8
 
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 2016profetellez
 
La web alejandra acevedo 10-2
La web   alejandra acevedo 10-2La web   alejandra acevedo 10-2
La web alejandra acevedo 10-2Alejandracevedo
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerranicolascristancho
 
Yeison fabian
Yeison fabianYeison fabian
Yeison fabianJhohan Cx
 
Michael steven
Michael stevenMichael steven
Michael stevenJhohan Cx
 
Diseño Web: Qué necesitamos para empezar?
Diseño Web: Qué necesitamos para empezar?Diseño Web: Qué necesitamos para empezar?
Diseño Web: Qué necesitamos para empezar?Karla Arosemena
 
Arquitectura web 2
Arquitectura web 2Arquitectura web 2
Arquitectura web 2vekerly
 
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 1mpgandreu
 
Juan sebastian
Juan sebastianJuan sebastian
Juan sebastianJhohan Cx
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerraGinoRomero13
 
Jhohan nicolai
Jhohan nicolaiJhohan nicolai
Jhohan nicolaiJhohan Cx
 
El world wide web
El world wide webEl world wide web
El world wide webheli94
 

Similar a Diseño web: conceptos básicos (20)

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
 
Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas 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
 
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
 
Html
HtmlHtml
Html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
APUNTES
APUNTESAPUNTES
APUNTES
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Yeison fabian
Yeison fabianYeison fabian
Yeison fabian
 
Michael steven
Michael stevenMichael steven
Michael steven
 
Diseño Web: Qué necesitamos para empezar?
Diseño Web: Qué necesitamos para empezar?Diseño Web: Qué necesitamos para empezar?
Diseño Web: Qué necesitamos para empezar?
 
Arquitectura web 2
Arquitectura web 2Arquitectura web 2
Arquitectura web 2
 
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
 
Juan sebastian
Juan sebastianJuan sebastian
Juan sebastian
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Jhohan nicolai
Jhohan nicolaiJhohan nicolai
Jhohan nicolai
 
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
 
Html5
Html5Html5
Html5
 

Último

30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinavergarakarina022
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptxJunkotantik
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxdanalikcruz2000
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzprofefilete
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfMaryRotonda1
 
Factores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFactores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFlor Idalia Espinoza Ortega
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...JAVIER SOLIS NOYOLA
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIACarlos Campaña Montenegro
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docxCeciliaGuerreroGonza1
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADOJosé Luis Palma
 
Herramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfHerramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfMARIAPAULAMAHECHAMOR
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscaeliseo91
 

Último (20)

30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karina
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptx
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
Razonamiento Matemático 1. Deta del año 2020
Razonamiento Matemático 1. Deta del año 2020Razonamiento Matemático 1. Deta del año 2020
Razonamiento Matemático 1. Deta del año 2020
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdf
 
Factores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFactores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamica
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
 
Herramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfHerramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdf
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fisca
 

Diseño web: conceptos básicos

  • 1. El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta la navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen, enlaces y vídeo Se lo considera dentro del diseño multimedia.
  • 2. •Las páginas Web son creadas con el lenguaje HTML . Este lenguaje es el que indica a los navegadores que deben mostrar en pantalla y cómo mostrarlo. •Todas las instrucciones HTML deben ir entre etiquetas, y toda etiqueta debe ir entre corchetes angulares (< >). •HTML: (HyperText Markup Language). Lenguaje de marcado de Hipertexto. Es el lenguaje estándar para describir el contenido y la apariencia de las páginas en el WWW. 
  • 3. Estos documentos o páginas web pueden ser creadas:  creando archivos de texto en HTML, PHP, Asp, Aspx, JavaScript, JSP, Python, Ruby.  utilizando un programa WYSIWYG o WYSIWYM de creación de páginas.  utilizando lenguajes de programación del lado servidor para generar la página web.
  • 4. HERRAMIENTAS PARA HACER UNA PÁGINA WEB •Sólo necesitas un EDITOR DE TEXTO , UN NAVEGADOR ("browser") y posiblemente un programa FTP.
  • 5. COMO CREAR UN ARCHIVO HTML PRIMER PASO: Todo lo que se necesita para escribir una página Web es un editor que permita guardar documentos de texto de tipo ASCII, lo que en algunos procesadores de texto se denomina "sólo texto". Estos documentos se pueden crear de modo muy sencillo: •Con el Bloc de notas (Notepad), si se trabaja en Windows, o la aplicación SimpleText, si se trabaja en Macintosh. Puede encontrar estos programas en cualquier ordenador Windows o Macintosh. •Con cualquier procesador de textos, pero teniendo cuidado de guardarlo como un fichero "Solo texto". En ambos casos, la única precaución es añadir al nombre de nuestro fichero el texto ".htm", en Windows, o ".html" (en Macintosh o Unix). 
  • 6. Estructura de un documento HTML <HTML> <HEAD> <TITLE>Título</TITLE> </HEAD> <BODY> Texto del documento, Gráficos, Enlaces, ... </BODY> </HTML>
  • 7. Una vez que la página esté hecha, necesitarás que una compañía con un servidor (conectado a la Red) la aloje, es decir que lo "ponga" en el Internet. Geocities http://www.geocities.com/ Ciudades Virtuales http://www.civila.com/civila.htm Hispamerica http://www.hispamerica.com/normasweb.htm Ciudad Futura http://www.ciudadfutura.net/ Tripod http://www.tripod.com.mx 
  • 8.
  • 9. El HTML consta de una serie de elementos que estructuran el texto y son presentados en forma de hipertexto por agente de usuario o navegadores. Esto se puede hacer con un simple editor de textos (debe guardarse como texto plano, sin ningún tipo de formato y con extensión .html o .htm). Aprender HTML es relativamente fácil, así que es sencillo crear páginas web de este modo. algunos editores visuales de HTML, como MS FrontPage y Adobe Dreamweaver. Con estas herramientas no es necesario aprender HTML (aunque sí aconsejable), con lo cual el desarrollador se concentra en lo más importante, el diseño del documento. Todo esto teniendo en cuenta el nivel de programación en el diseño de las aplicaciones y del impacto visual que se quiere generar en el usuario.  http://www.youtube.com/watch?v=en0EfNXmL6M
  • 10. ¿Que son los buscadores ? Un buscador es una página de internet que permite realizar búsquedas en la red. Su forma de utilización es muy sencilla, basta con introducir una o más palabras clave en una casilla y el buscador generará una lista de páginas web que se supone guardan relación con el tema solicitado. Digo se supone porque como veremos más adelante, esto no es siempre así. Aunque el modo de utilización es muy fácil a nivel básico, los buscadores permiten opciones avanzadas para refinar la búsqueda, cuyo resultado puede ser en muchas ocasiones de miles de páginas. Mediante estas opciones avanzadas se puede acotar la búsqueda y obtener un número de páginas más manejable.