SlideShare una empresa de Scribd logo
1 de 25
C.B.T NO.2 "JOSÉ MA. VELACO "
Xóchitl Segundo Reyes
Angélica de Jesús Romero
PRESENTAN
COPI CENTRO EL CHAPULIN.
DISEÑO DE PROTOTIPO TECNOLOGICO.
Determinar las herramientas tecnológicas apropiadas
para elaborar una página web en base a los
conocimientos y habilidades adquiridas previamente
a lo largo de la carrera de técnico en informática y
desacuerdo a las necesidades de la dependencia,
promocionando un medio de información al público
en general.
Objetivo.
Copi centro se inició hace 9 años un 20 de noviembre
de 2004 en el cual solo contaba con un solo equipo
de cómputo y una fotocopiadora pero con el trascurso
de los años fue adquiriendo más herramientas para
un mejor servicio a sus clientes y usuarios que
desean adquirir este servicio
Antecedentes
Los empleos directos de una empresa son aquellos
quienes trabajan en las fábricas en sus cadenas de
montaje, los empleados de las oficinas, los vendedores de
esa empresa, etc. Son directos los empleos que son
pagados por la empresa.
Fuentes de empleo..
Misión:
“Somos copi centro un negocio del cual se incluye un
internet se cuanta con equipos de cómputo y que a la
vez se sacan copias para si ofrecer al cliente o
usuario los servicios que él desea adquirir”.
“Ser uno de los ciber más demandado del municipio
y ofrecer al cliente un buen servicio de internet y
fotocopiado para así satisfacer sus necesidades,
contar con un equipo de computadoras modernas
para un mejor servicio al usuario”.
Visión:
Responsabilidad: Entregar en tiempo y forma los
trabajos o servicios que requiere el cliente.
Igualdad: Dar un trato considerable y justo a los
clientes que adquieran el servicio en el lugar
Respeto: Dar a los clientes y usuarios la atención
mas adecuada y posible al adquirir el servicio de
internet o fotocopiado.
Valores.
Antecedentes:
Dreamweaver tuvo sus inicios e 1998 , con los años
fue mejorando sus versiones para llevar acabo
mejores diseños al crear una página web sin
necesidad de saber mucho de programación solo
tener una base para la realización de dicha pagina
HISTORIA DE DREAMWEAVER
Dreamweaver es la aplicación en forma de estudio
(basada en la forma de estudio de Adobe Flash) que
está destinada a la construcción, diseño y edición de
sitios, videos y aplicaciones Web basados en
estándares. Creado inicialmente por Macromedia
(actualmente producido por Adobe Systems) es el
programa más utilizado en el sector del diseño y la
programación web,
Que es Dreamweaver?
Dreamweaver permite al usuario utilizar la mayoría de los
navegadores Web instalados en su ordenador para pre
visualizar las páginas web. También dispone de
herramientas de administración de sitios dirigidas a
principiantes.
Ejemplo: la habilidad de encontrar y reemplazar líneas de
texto y código por cualquier tipo de parámetro
especificado, hasta el sitio web completo.
Dreamweaver.
Las versiones originales de la aplicación se utilizaban
como simples editores WYSIWYG. Sin embargo,
versiones más recientes soportan otras tecnologías
web como CSS, JavaScript y algunos frameworks del
lado servidor.
Versiones.
La pantalla inicial
Después de cerrar la ventana de bienvenida verá una
sobrecarga de paneles e información. Fije su atención en unos
pocos elementos. Poco a poco irá familiarizándose con el
entorno de trabajo.
Pantallas de dreamweaver.
La barra de título.
La barra de título contiene el nombre del programa
(Marcromedia Dreamweaver 8) y seguidamente el
nombre del documento que aparecerá en el
explorador y entre paréntesis, su ubicación y el
nombre del archivo en formato HTML. En el extremo
de la derecha están los botones para minimizar,
maximizar/restaurar y cerrar
La barra de menús contiene las operaciones de
Dreamweaver, agrupadas en menús desplegables. Al
hacer clic en Insertar, por ejemplo, veremos las
operaciones relacionadas con los diferentes
elementos que se pueden insertar en Dreamweaver.
La barra de menús.
La barra de herramientas Insertar o panel de objetos
permite insertar elementos en un documento sin la
necesidad de recurrir al menú Insertar. Los elementos
están clasificados según su categoría: tablas, texto,
objetos de formulario, etc.
La barra de herramientas Insertar o panel
de objetos
La barra de herramientas de documento contiene
iconos para ejecutar de forma inmediata algunas
otras operaciones habituales que no incluye la barra
de herramientas estándar. Estas operaciones son las
de cambio de vista del documento, vista previa, etc.
La barra de herramientas de documento
La creación de una pagina web.
Beneficia a muchas personas, puesto que la
tecnología avanza día con día de manera muy
rápida; es una gran ventaja para los técnicos en
informática, el saber realizar sitios web. Tomando en
cuenta que el internet es una de las fuentes mas
rápidas para buscar cualquier tipo de información.
PAGINA WEB DE LA UNIDAD BASICA
DE COPYCENTRO EL CHAPULIN.
El sitio web en un corto tiempo, es muy probable que sea utilizado
por la mayoría de las personas interesadas en la búsqueda de
información de centros comunitarios de aprendizaje, dado que es una
manera llamativa de que la gente se interesa en leer este tipo de
publicidad en internet.
Utilización.
Pagina de inicio.
En la página de inicio
contiene una presentación
en la cual se visualiza la
entrada del negocio copi
centro el chapulín. Así
mismo en la parte inferior
se muestran los siguientes
dato, teléfono, email, lugar.
En esta página con tiene un mapa en el cual se
muestra la ubicación del negocio él fue extraído de
googlemaps.
Pagina de ubicación.
En esta pagina se muestra en imágenes los servicios
que se ofrece como el internet, fotocopiado y
engargolados.
Pagina de servicios.
En esta página contiene los productos que están en
venta ya que el negocio tiene una pequeña papelería
que tiene lo más básico como lo es lápiz. Lapiceros,
folders etc.
Pagina de productos.
En fin al crear un prototipo tecnológico de una
pagina web del copi centro el chapulín es para que le
de mayor publicidad para que se agá de mejores
clientes potenciales y sea reconocido.
Finalidad.

Más contenido relacionado

Similar a Diapositivas

Tecnico En Sistemas
Tecnico En SistemasTecnico En Sistemas
Tecnico En SistemasIsaacToxic15
 
Presentacion de programas para diseño web
Presentacion de programas para diseño webPresentacion de programas para diseño web
Presentacion de programas para diseño webElisa Arce
 
Presentacion de programas para diseño web
Presentacion de programas para diseño webPresentacion de programas para diseño web
Presentacion de programas para diseño webElisa Arce
 
PROCESO E-COMERCE
PROCESO E-COMERCEPROCESO E-COMERCE
PROCESO E-COMERCEyinessaM
 
Proceso de e commerce (5)
Proceso de e commerce (5)Proceso de e commerce (5)
Proceso de e commerce (5)Karolayn Cabeza
 
Proceso de e commerce marina
Proceso de e commerce marinaProceso de e commerce marina
Proceso de e commerce marinayinessa
 
Videoconferencia
VideoconferenciaVideoconferencia
Videoconferenciabelcarmen
 
Videoconferencia
VideoconferenciaVideoconferencia
Videoconferenciabelcarmen
 
Videoconferencia
VideoconferenciaVideoconferencia
Videoconferenciabelcarmen
 
Videoconferencia
VideoconferenciaVideoconferencia
Videoconferenciabelcarmen
 
Videoconferencia
VideoconferenciaVideoconferencia
Videoconferenciabelcarmen
 
Videoconferencia
VideoconferenciaVideoconferencia
Videoconferenciayodyhelen
 
Plan de acción para crear una empresa 2.0
Plan de acción para crear una empresa 2.0Plan de acción para crear una empresa 2.0
Plan de acción para crear una empresa 2.0Elizabeth Zozaya
 

Similar a Diapositivas (20)

Informe[2]
Informe[2]Informe[2]
Informe[2]
 
Web corporativa
Web corporativaWeb corporativa
Web corporativa
 
Tecnico En Sistemas
Tecnico En SistemasTecnico En Sistemas
Tecnico En Sistemas
 
Presentacion de programas para diseño web
Presentacion de programas para diseño webPresentacion de programas para diseño web
Presentacion de programas para diseño web
 
Presentacion de programas para diseño web
Presentacion de programas para diseño webPresentacion de programas para diseño web
Presentacion de programas para diseño web
 
PROCESO E-COMERCE
PROCESO E-COMERCEPROCESO E-COMERCE
PROCESO E-COMERCE
 
Proceso de e commerce
Proceso de e commerce Proceso de e commerce
Proceso de e commerce
 
Proceso de e commerce (5)
Proceso de e commerce (5)Proceso de e commerce (5)
Proceso de e commerce (5)
 
Proceso de e commerce
Proceso de e commerceProceso de e commerce
Proceso de e commerce
 
Proceso de e commerce
Proceso de e commerceProceso de e commerce
Proceso de e commerce
 
Proceso de e commerce marina
Proceso de e commerce marinaProceso de e commerce marina
Proceso de e commerce marina
 
Videoconferencia
VideoconferenciaVideoconferencia
Videoconferencia
 
Videoconferencia
VideoconferenciaVideoconferencia
Videoconferencia
 
Videoconferencia
VideoconferenciaVideoconferencia
Videoconferencia
 
Videoconferencia
VideoconferenciaVideoconferencia
Videoconferencia
 
Videoconferencia
VideoconferenciaVideoconferencia
Videoconferencia
 
Videoconferencia
VideoconferenciaVideoconferencia
Videoconferencia
 
Plan de acción para crear una empresa 2.0
Plan de acción para crear una empresa 2.0Plan de acción para crear una empresa 2.0
Plan de acción para crear una empresa 2.0
 
PROCESO E- COMERCE
PROCESO E- COMERCEPROCESO E- COMERCE
PROCESO E- COMERCE
 
Presencia en el internet
Presencia en el internetPresencia en el internet
Presencia en el internet
 

Diapositivas

  • 1. C.B.T NO.2 "JOSÉ MA. VELACO " Xóchitl Segundo Reyes Angélica de Jesús Romero
  • 3. COPI CENTRO EL CHAPULIN. DISEÑO DE PROTOTIPO TECNOLOGICO.
  • 4. Determinar las herramientas tecnológicas apropiadas para elaborar una página web en base a los conocimientos y habilidades adquiridas previamente a lo largo de la carrera de técnico en informática y desacuerdo a las necesidades de la dependencia, promocionando un medio de información al público en general. Objetivo.
  • 5. Copi centro se inició hace 9 años un 20 de noviembre de 2004 en el cual solo contaba con un solo equipo de cómputo y una fotocopiadora pero con el trascurso de los años fue adquiriendo más herramientas para un mejor servicio a sus clientes y usuarios que desean adquirir este servicio Antecedentes
  • 6. Los empleos directos de una empresa son aquellos quienes trabajan en las fábricas en sus cadenas de montaje, los empleados de las oficinas, los vendedores de esa empresa, etc. Son directos los empleos que son pagados por la empresa. Fuentes de empleo..
  • 7. Misión: “Somos copi centro un negocio del cual se incluye un internet se cuanta con equipos de cómputo y que a la vez se sacan copias para si ofrecer al cliente o usuario los servicios que él desea adquirir”.
  • 8. “Ser uno de los ciber más demandado del municipio y ofrecer al cliente un buen servicio de internet y fotocopiado para así satisfacer sus necesidades, contar con un equipo de computadoras modernas para un mejor servicio al usuario”. Visión:
  • 9. Responsabilidad: Entregar en tiempo y forma los trabajos o servicios que requiere el cliente. Igualdad: Dar un trato considerable y justo a los clientes que adquieran el servicio en el lugar Respeto: Dar a los clientes y usuarios la atención mas adecuada y posible al adquirir el servicio de internet o fotocopiado. Valores.
  • 10. Antecedentes: Dreamweaver tuvo sus inicios e 1998 , con los años fue mejorando sus versiones para llevar acabo mejores diseños al crear una página web sin necesidad de saber mucho de programación solo tener una base para la realización de dicha pagina HISTORIA DE DREAMWEAVER
  • 11. Dreamweaver es la aplicación en forma de estudio (basada en la forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios, videos y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems) es el programa más utilizado en el sector del diseño y la programación web, Que es Dreamweaver?
  • 12. Dreamweaver permite al usuario utilizar la mayoría de los navegadores Web instalados en su ordenador para pre visualizar las páginas web. También dispone de herramientas de administración de sitios dirigidas a principiantes. Ejemplo: la habilidad de encontrar y reemplazar líneas de texto y código por cualquier tipo de parámetro especificado, hasta el sitio web completo. Dreamweaver.
  • 13. Las versiones originales de la aplicación se utilizaban como simples editores WYSIWYG. Sin embargo, versiones más recientes soportan otras tecnologías web como CSS, JavaScript y algunos frameworks del lado servidor. Versiones.
  • 14. La pantalla inicial Después de cerrar la ventana de bienvenida verá una sobrecarga de paneles e información. Fije su atención en unos pocos elementos. Poco a poco irá familiarizándose con el entorno de trabajo. Pantallas de dreamweaver.
  • 15. La barra de título. La barra de título contiene el nombre del programa (Marcromedia Dreamweaver 8) y seguidamente el nombre del documento que aparecerá en el explorador y entre paréntesis, su ubicación y el nombre del archivo en formato HTML. En el extremo de la derecha están los botones para minimizar, maximizar/restaurar y cerrar
  • 16. La barra de menús contiene las operaciones de Dreamweaver, agrupadas en menús desplegables. Al hacer clic en Insertar, por ejemplo, veremos las operaciones relacionadas con los diferentes elementos que se pueden insertar en Dreamweaver. La barra de menús.
  • 17. La barra de herramientas Insertar o panel de objetos permite insertar elementos en un documento sin la necesidad de recurrir al menú Insertar. Los elementos están clasificados según su categoría: tablas, texto, objetos de formulario, etc. La barra de herramientas Insertar o panel de objetos
  • 18. La barra de herramientas de documento contiene iconos para ejecutar de forma inmediata algunas otras operaciones habituales que no incluye la barra de herramientas estándar. Estas operaciones son las de cambio de vista del documento, vista previa, etc. La barra de herramientas de documento
  • 19. La creación de una pagina web. Beneficia a muchas personas, puesto que la tecnología avanza día con día de manera muy rápida; es una gran ventaja para los técnicos en informática, el saber realizar sitios web. Tomando en cuenta que el internet es una de las fuentes mas rápidas para buscar cualquier tipo de información. PAGINA WEB DE LA UNIDAD BASICA DE COPYCENTRO EL CHAPULIN.
  • 20. El sitio web en un corto tiempo, es muy probable que sea utilizado por la mayoría de las personas interesadas en la búsqueda de información de centros comunitarios de aprendizaje, dado que es una manera llamativa de que la gente se interesa en leer este tipo de publicidad en internet. Utilización.
  • 21. Pagina de inicio. En la página de inicio contiene una presentación en la cual se visualiza la entrada del negocio copi centro el chapulín. Así mismo en la parte inferior se muestran los siguientes dato, teléfono, email, lugar.
  • 22. En esta página con tiene un mapa en el cual se muestra la ubicación del negocio él fue extraído de googlemaps. Pagina de ubicación.
  • 23. En esta pagina se muestra en imágenes los servicios que se ofrece como el internet, fotocopiado y engargolados. Pagina de servicios.
  • 24. En esta página contiene los productos que están en venta ya que el negocio tiene una pequeña papelería que tiene lo más básico como lo es lápiz. Lapiceros, folders etc. Pagina de productos.
  • 25. En fin al crear un prototipo tecnológico de una pagina web del copi centro el chapulín es para que le de mayor publicidad para que se agá de mejores clientes potenciales y sea reconocido. Finalidad.