SlideShare una empresa de Scribd logo
1 de 8
Universidad de Panamá
Centro Regional Universitario de Colon
Lic. Comercio Electrónico
Pertenece
Josué Bethancourt
3-743-1332
Asignatura
Herramientas para el Desarrollo de un Sito Web
Fecha de Entrega
13-9-17
Introducción
El diseño es fundamental para el
éxito de un sitio web. Se entiende
por diseño la forma y el estilo de la
página, es decir, no basta con crear
una página mediante HTML y CSS,
sino que la página debe resultar útil y
atractiva para el usuario.
Entran dentro del diseño, aspectos
tales como la maquetación, los
colores, la distribución de elementos,
el tamaño y forma de los mismos, y
otros elementos del estilo y
composición del sitio.
1¿Que es web?
Es un documento electrónico
adaptado particularmente
para la web, que contiene
información específica de un
tema particular y que es
almacenado en algún sistema
de cómputo que se encuentre
conectado a la red mundial de
información denominada
internet, de tal forma que este
documento pueda ser
consultado por cualquier
persona.
2¿Qué es web 2.0 y 3.0
Web 2.0
es un concepto que se acuñó
en 2003 y que se refiere al
fenómeno social surgido a
partir del desarrollo de
diversas aplicaciones en
Internet. ... En cambio, cuando
las páginas ofrecen un nivel
considerable de interacción y
se actualizan con los aportes
de los usuarios, se habla
de Web 2.0.
Web 3.0
es una expresión que se utiliza para describir la
evolución del uso y la interacción de las
personas en internet a través de diferentes
formas entre las que se incluyen la
transformación de la red en una base de datos,
un movimiento social con el objetivo de crear
contenidos accesibles por múltiples
aplicaciones non-browser (sin navegador), el
empuje de las tecnologías de inteligencia
artificial, la web semántica, la Web Geoespacial o
3 ¿Que son herramientas web?
Es una asociación de aplicaciones web
que facilitan la comunicación, el diseño,
el usuario y la colaboración con el WWW
(World Wide Web), además permite a los
usuarios interactuar y colaborar con la
creación de contenidos, tanto los mismos
usuarios como la información dada.
4 ¿Ejemplos de herramientas web?
1. WordPress.0rg Un y de código abierto de software libre que
hace de publicación personal tan fácil como procesamiento de
textos. Hace su vida y de los estudiantes la vida de su más fácil
mantener un salón de clases o blog tema.
2. Flickr Una buena herramienta para conseguir un flujo de
imágenes sobre cualquier tema. Los contenidos a disposición de
sus estudiantes solamente.
3. Capa Yapa! Una pizarra libre para profesores y
estudiantes. Los profesores pueden crear las tareas y
exámenes, que se anotan y analizan y comparten las pruebas de
otros profesores también.
5¿Investigar aplicaciones prezi y QR?
Prezi se utiliza como plataforma puente entre la
información lineal y la no lineal, y como una
herramienta de presentación para el intercambio de
ideas, ya sea de forma libre o estructurada. El texto,
las imágenes, los vídeos y otros medios se colocan
sobre el lienzo, y se pueden agrupar en marcos.
QR es la evolución del código de barras. Es un módulo para almacenar
información en una matriz de puntos o en un código de
barras bidimensional. La matriz se lee en el dispositivo móvil por un
lector específico (lector de QR) y de forma inmediata nos lleva a una
aplicación en internet y puede ser un mapa de localización, un correo
electrónico, una página web o un perfil en una red social.
Web grafía
 https://es.slideshare.net/erwin_alexander/13-uso-de-tipos-
de-datos-abstractos
 http://www.lcc.uma.es/~lopez/lp2/apuntes/03-
punteros/memoria_dinamica.pdf
 http://www.scoop.it/t/estructura-de-
datos/p/3689769748/2012/12/12/1-2-modularidad

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Activ5 valencia gutierrezernesto
Activ5 valencia gutierrezernestoActiv5 valencia gutierrezernesto
Activ5 valencia gutierrezernesto
 
Qué Es Web 2
Qué Es Web 2Qué Es Web 2
Qué Es Web 2
 
Diferencias entre las web 1.0 y 2.0
Diferencias entre las web 1.0 y 2.0Diferencias entre las web 1.0 y 2.0
Diferencias entre las web 1.0 y 2.0
 
Redes colaborativas
Redes colaborativasRedes colaborativas
Redes colaborativas
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Weds 1.0 2.0 y 3.0
Weds 1.0 2.0 y 3.0Weds 1.0 2.0 y 3.0
Weds 1.0 2.0 y 3.0
 
La web-2.0-s.
La web-2.0-s.La web-2.0-s.
La web-2.0-s.
 
Web 2
Web 2 Web 2
Web 2
 
Ventajas y desventajas de la web 2.0
Ventajas y desventajas de la web 2.0Ventajas y desventajas de la web 2.0
Ventajas y desventajas de la web 2.0
 
web 2.0
web 2.0web 2.0
web 2.0
 
Web 2.0 otazu
Web 2.0 otazuWeb 2.0 otazu
Web 2.0 otazu
 
La web 3.0
La web 3.0La web 3.0
La web 3.0
 
A7 power point martha hernandez
A7 power point martha hernandezA7 power point martha hernandez
A7 power point martha hernandez
 
Software libre y aplicaciones en la educación
Software libre y aplicaciones en la educaciónSoftware libre y aplicaciones en la educación
Software libre y aplicaciones en la educación
 
Web 2.0 monik
Web 2.0 monikWeb 2.0 monik
Web 2.0 monik
 
P1 brunomacias
P1 brunomaciasP1 brunomacias
P1 brunomacias
 
Web 2,0 vs. Web 1.0
Web 2,0 vs. Web 1.0Web 2,0 vs. Web 1.0
Web 2,0 vs. Web 1.0
 
Uso de redes sociales en lo academico
Uso de redes sociales en lo academicoUso de redes sociales en lo academico
Uso de redes sociales en lo academico
 
Herramientas Web 2.0
Herramientas Web 2.0Herramientas Web 2.0
Herramientas Web 2.0
 
Facultad de-educación-y-humanidades (2)
Facultad de-educación-y-humanidades (2)Facultad de-educación-y-humanidades (2)
Facultad de-educación-y-humanidades (2)
 

Similar a Web1

Similar a Web1 (20)

Presentacion Moodle (Ana Del Orbe)
Presentacion Moodle (Ana Del Orbe)Presentacion Moodle (Ana Del Orbe)
Presentacion Moodle (Ana Del Orbe)
 
Bendecido Por Dios Ana
Bendecido Por Dios AnaBendecido Por Dios Ana
Bendecido Por Dios Ana
 
Herramientas web 20
Herramientas web 20Herramientas web 20
Herramientas web 20
 
La Web 2.0 Power Point
La Web 2.0 Power PointLa Web 2.0 Power Point
La Web 2.0 Power Point
 
La Web 2.0 Power Point
La Web 2.0 Power PointLa Web 2.0 Power Point
La Web 2.0 Power Point
 
La Web 2.0 Power Point
La Web 2.0 Power PointLa Web 2.0 Power Point
La Web 2.0 Power Point
 
Actividad 4 de lab 2
Actividad 4 de lab 2Actividad 4 de lab 2
Actividad 4 de lab 2
 
Bendecido Por Dios Ana
Bendecido Por Dios AnaBendecido Por Dios Ana
Bendecido Por Dios Ana
 
Bendecido Por Dios Ana
Bendecido Por Dios AnaBendecido Por Dios Ana
Bendecido Por Dios Ana
 
web dos
web dos web dos
web dos
 
Tarea 4 de tecnologia aplicada
Tarea 4 de tecnologia aplicadaTarea 4 de tecnologia aplicada
Tarea 4 de tecnologia aplicada
 
Entornos digitales de enseñanza y aprendizaje colaborativo
Entornos digitales de enseñanza y aprendizaje colaborativoEntornos digitales de enseñanza y aprendizaje colaborativo
Entornos digitales de enseñanza y aprendizaje colaborativo
 
Trabajo
TrabajoTrabajo
Trabajo
 
Cuestionario
CuestionarioCuestionario
Cuestionario
 
Web como herramienta
Web como herramientaWeb como herramienta
Web como herramienta
 
Web 2.0 ,3.0
Web 2.0 ,3.0Web 2.0 ,3.0
Web 2.0 ,3.0
 
Web 2.0 ,3.0
Web 2.0 ,3.0Web 2.0 ,3.0
Web 2.0 ,3.0
 
Web 2.0 ,web 3.0
Web 2.0 ,web 3.0Web 2.0 ,web 3.0
Web 2.0 ,web 3.0
 
HERRAMIENTAS WEB 2.0
HERRAMIENTAS WEB 2.0HERRAMIENTAS WEB 2.0
HERRAMIENTAS WEB 2.0
 
Nanaaananannanaa (1)
Nanaaananannanaa (1)Nanaaananannanaa (1)
Nanaaananannanaa (1)
 

Último

Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 

Último (8)

Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 

Web1

  • 1. Universidad de Panamá Centro Regional Universitario de Colon Lic. Comercio Electrónico Pertenece Josué Bethancourt 3-743-1332 Asignatura Herramientas para el Desarrollo de un Sito Web Fecha de Entrega 13-9-17
  • 2. Introducción El diseño es fundamental para el éxito de un sitio web. Se entiende por diseño la forma y el estilo de la página, es decir, no basta con crear una página mediante HTML y CSS, sino que la página debe resultar útil y atractiva para el usuario. Entran dentro del diseño, aspectos tales como la maquetación, los colores, la distribución de elementos, el tamaño y forma de los mismos, y otros elementos del estilo y composición del sitio.
  • 3. 1¿Que es web? Es un documento electrónico adaptado particularmente para la web, que contiene información específica de un tema particular y que es almacenado en algún sistema de cómputo que se encuentre conectado a la red mundial de información denominada internet, de tal forma que este documento pueda ser consultado por cualquier persona.
  • 4. 2¿Qué es web 2.0 y 3.0 Web 2.0 es un concepto que se acuñó en 2003 y que se refiere al fenómeno social surgido a partir del desarrollo de diversas aplicaciones en Internet. ... En cambio, cuando las páginas ofrecen un nivel considerable de interacción y se actualizan con los aportes de los usuarios, se habla de Web 2.0. Web 3.0 es una expresión que se utiliza para describir la evolución del uso y la interacción de las personas en internet a través de diferentes formas entre las que se incluyen la transformación de la red en una base de datos, un movimiento social con el objetivo de crear contenidos accesibles por múltiples aplicaciones non-browser (sin navegador), el empuje de las tecnologías de inteligencia artificial, la web semántica, la Web Geoespacial o
  • 5. 3 ¿Que son herramientas web? Es una asociación de aplicaciones web que facilitan la comunicación, el diseño, el usuario y la colaboración con el WWW (World Wide Web), además permite a los usuarios interactuar y colaborar con la creación de contenidos, tanto los mismos usuarios como la información dada.
  • 6. 4 ¿Ejemplos de herramientas web? 1. WordPress.0rg Un y de código abierto de software libre que hace de publicación personal tan fácil como procesamiento de textos. Hace su vida y de los estudiantes la vida de su más fácil mantener un salón de clases o blog tema. 2. Flickr Una buena herramienta para conseguir un flujo de imágenes sobre cualquier tema. Los contenidos a disposición de sus estudiantes solamente. 3. Capa Yapa! Una pizarra libre para profesores y estudiantes. Los profesores pueden crear las tareas y exámenes, que se anotan y analizan y comparten las pruebas de otros profesores también.
  • 7. 5¿Investigar aplicaciones prezi y QR? Prezi se utiliza como plataforma puente entre la información lineal y la no lineal, y como una herramienta de presentación para el intercambio de ideas, ya sea de forma libre o estructurada. El texto, las imágenes, los vídeos y otros medios se colocan sobre el lienzo, y se pueden agrupar en marcos. QR es la evolución del código de barras. Es un módulo para almacenar información en una matriz de puntos o en un código de barras bidimensional. La matriz se lee en el dispositivo móvil por un lector específico (lector de QR) y de forma inmediata nos lleva a una aplicación en internet y puede ser un mapa de localización, un correo electrónico, una página web o un perfil en una red social.
  • 8. Web grafía  https://es.slideshare.net/erwin_alexander/13-uso-de-tipos- de-datos-abstractos  http://www.lcc.uma.es/~lopez/lp2/apuntes/03- punteros/memoria_dinamica.pdf  http://www.scoop.it/t/estructura-de- datos/p/3689769748/2012/12/12/1-2-modularidad