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 (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 (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 de paginas y buscadores (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

Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Fernando Solis
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
patriciaines1993
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
UPTAIDELTACHIRA
 
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxTALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
NadiaMartnez11
 

Último (20)

Usos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicasUsos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicas
 
activ4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfactiv4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdf
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024
 
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdfPlan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCTRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
 
Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptx
 
Tema 11. Dinámica de la hidrosfera 2024
Tema 11.  Dinámica de la hidrosfera 2024Tema 11.  Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024
 
Lecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigosLecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigos
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración Ambiental
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
 
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxTALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
 

Diseño de paginas y buscadores

  • 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.