lunes, 16 de junio de 2014

REPORTE 5





Reporte 5

Subir nuestro sitio web a la red
 
 
 



Aquí en este reporte hablaremos sobre el proceso por el cual se tuvo que pasar para poder subir nuestro  sitio web a internet.

 

lo primero, nuestro sitio no estaba del todo muy bien que digamos faltaba organizar muchas cosas, aun había que mejorarlo para que estuviera más presentable y atractivo para las personas que lo visiten y diera la impresión de que era un servicio confiable el que se anunciaba.
 
Una vez terminado, se tenía que crear una cuenta en un servidor de hosting gratuito, el que se iba a utilizar por defecto era el de 000webhost, o cualquiera que ofreciera alojamiento gratuito.



 


 
 
El poder crear una cuenta en ésta página fue muy fácil, sólo era  introducir información como el de ingresar nuestro correo, algún nombre de usuario, muy importante, la contraseña y el URL que queríamos utilizar para nuestra página, pero el dominio no era de nuestro gusto, ya que terminaba con .net63.net.

Con esto, automáticamente, 000 webhost nos dio el nombre del servidor para ingresarlo al servidor FTP (que veremos mas adelante), un nombre de usuario, almacenamiento de hasta 1000 MB, etc. 

Servidores FTP

una vez teniendo estos requisitos, sólo faltaba almacenarlo en 000webhost, se subiría por medio de un servidor FTP. 
 y ¿Que es FTP?
es un protocolo de red para la transferencia de archivos entre sistemas conectados a una red TCP, basado en una estructura cliente-servidor, en el cual, nosotros somos el cliente, el que pide el servicio.

Hay varias maneras de hacerlo, por medio de servidores FTP en línea, e incluso descargar programas con esta característica, como por ejemplo servidor FTP en línea llamado NET2FTP.
 
 
Que fue el que nosotros utilizamos
 
 
La manera de ingresar a este servidor es sencilla, solamente ingresamos el nombre del servidor del hosting, el nombre de usuario y la contraseña. Una vez ingresado estos datos, entrabamos y se conectaba con 000 webhost.
 
se podía hacer de 2 maneras:
 

 
  • subir los archivos de uno por uno o
  •  comprimir los archivos en ZIP para que fuera un solo archivo.
 
En mi caso, subí un archivo comprimido y el servidor los descomprimia, metiendolos en la carpeta raíz, la cual era una llamada PUBLIC_html.
 
 

Entonces, nuestra página ya esta almacenada en 000webhost, asi que se puede visitar, pero un detalle, en mi computadora no se podía visualisar debido a un problema con la linea, pero hay otra manera de hacerlo: por ANONYMOUSE.



 

Esta es una aplicacion online que nos permite nevegar de una manera "anonima" por la red, sin dejar nuestros datos personales y que alguien los aproveche para algo malo. Es muy facil de usar, solamente ingresamos el  URL de nuestro sitio web, el que habiamos escogido desde el principio y nos llevará ahí.




REPORTE 4

REPORTE 4

PROYECTO DEL SITIO WEB.

En este reporte daré a conocer el proyecto en el que hemos estado trabajando mis compañeros y yo. Nuestro trabajo consta de crear un sitio web desde cero utilizando DREAMWEAVER.
 
El proyecto trata de crear un sitio web de carácter empresarial, en el que nosotros creáramos una empresa que ofrezca algún tipo de servicio o de ventas. En nuestro caso, creamos el sitio sobre una tienda de vitaminas llamada GNC (GENERAL NUTRITION CENTERS), en el cual se ofrecen servicios de salud y sobre como debes cuidar tu cuerpo desde tu peso muscular tu peso metabólico y de cuáles de los medicamentos aminoácidos vitaminas son buenas para la salud para todo tipo de persona de 15 años de edad en adelante.
 
 
Empezamos con; Estructura del sitio
Como iba a quedar acomodado todos los archivos que este contenía. En la carpeta raíz debía llevar el nombre del sitio y dentro de ella,  el archivo índex, el cual es la pagina principal del sitio, y después las carpetas en donde estaban acomodadas las subpáginas del sitio, y también las carpetas de imágenes, videos y información de todo lo que ofrece la tienda y todo lo que nuestra empresa quería que se viera en la pagina.
 
 
 
Plantillas
Una vez que la pagina principal este terminada ya con la información requerida para dar a conocer tu empresa o servicio, seguido continuaremos adelante con las subpáginas del sitio, pero para esto, nuestra pagina principal la podríamos guardar como una plantilla de dreamweaver para que las subpáginas del sitio sean similares y ir acomodando los detalles con el formato de índex.
 

 
Formularios
En cualquier pagina de internet que visitemos, nos hallamos una especie de formulario. Su uso es para recopilar datos de un nuevo usuario, como cuando creamos un correo electronico, o tambien para enviar comentarios, etc. En nuestra pagina nos dimos la tarea de insertar un formulario, para que nuestra pagina se vea mas completa y mejor preparada. Insertamos 3 tipos de formularios:
  • Para el inicio de sesion a la pagina
  • Para el registro de un nuevo usuario
  • Para enviar un mensaje al administrador de la pagina

 
Comportamientos
 
Este apartado trata de darle un efecto a la imagen que  al pasar el ratón sobre una oración, la imagen cambia a lo que el texto quiere comunicarnos.

 


lunes, 24 de marzo de 2014

REPORTE 3

SUB-MODULO 2

INTRODUCCIÓN  DREAMWEAVER


QUE ES DREAMWEAVER?

Adobe Dreamweaver es una 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, vídeos y aplicaciones Web basados en estándares.


 Creado inicialmente porMacromedia (actualmente producido por Adobe Systems) es el programa más utilizado en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium.


Dreamweaver CS6 es un software fácil de usar que permite crear páginas web profesionales.
Dw
Las funciones de edición visual de Dreamweaver CS6 permiten agregar rápidamente diseño y funcionalidad a las páginas, sin la necesidad de programar manualmente el código HTML.
Se puede crear tablas, editar marcos, trabajar con capas, insertar comportamientos JavaScript, etc.., de una forma muy sencilla y visual.
Además incluye un software de cliente FTP completo, permitiendo entre otras cosas trabajar con mapas visuales de los sitios web, actualizando el sitio web en el servidor sin salir del programa.

Principales barras y menús
La barra de herramientas
La barra de herramientas de Dreamweaver contiene botones que permiten alternar entre diferentes vistas del documento rápidamente, cambiar el título del documento o previsualizar la página en el navegador. Los elementos del menú Opciones (botón situado en el extremo derecho de la barra de herramientas) cambia en función de la vista que seleccione. 
Barra de herramientas


El pánel objetos
Este pánel contiene botones que permiten la creación e inserción de diversos tipos de objetos, como tablas, vínculos, capas e imágenes. El pánel contiene siete categorías de forma predeterminada: Común, Formularios, Marcos, Head, Invisibles y Caracteres. También contiene botones que cambian de vista: Estándar y Disposición. Cada uno de estos elementos serán explicados en temas posteriores.


Pánel de objetos


miércoles, 19 de marzo de 2014

REPORTE 2

 Estructura de una página web 


ETIQUETAS

LO QUE APRENDIMOS EN CLASE FUE:
 su funcionamiento y como se mira ya reflejado ya en tu página. El profesor nos ayudó si en alguna cosa no entendíamos y nos facilitaba etiquetas para que se nos fuera más fácil de comprenderlas. Aprendimos a poner un email, pero era por medio de una foto y esa te lleva a que dejes comentarios y sugerencias. Aplicamos listas del tema y con diferente numeración como lo son los números romanos y enumerados de uno en uno, al igual con el abecedario.
Insertamos imágenes sobre el tema y algunas te podían llevar a los enlaces y le tenias que determinar el tamaño y guardar todo en tu carpeta para que funcionara correctamente.

Html, Body y Head son definiciones de cabeceras e instrucciones, que nos permite el comienzo del cuerpo de la página, y nos indica el final de la etiqueta con </....>
Etiquetas:
<title>= Es el titulo de tu texto
<Body bgcolor=¨  ¨ text= ¨ ¨ > = Color del texto
<br> => Indica salto de línea.
<b></b> => Indica comienzo y fin de negrita.
<i></b> => Itálica.


 

También en las listas tienes que señalar si lo quieres centrado y su tamaño. Al igual que las tablas las tienes que definir el tamaño y su contexto, que es lo que va a llevar dentro de ellas, puedes aplicar el tamaño y el color de todo.

 

REPORTE 1

 Diseño del sitio, estructura y contenido.

Diseño del sitio: Es el momento en que te predominas como quieres que este distribuida tu sitio,  ayuda al intercambio de datos, muestra imágenes, vídeos, texto, etc. Tienes que tener creatividad para que el sitio tenga buena presentación. Del tema predeterminado es el titulo, de ahí se establecen        sub-temas y cada uno se entrelazan entre si.El titulo es el cáncer el cual se distribuye en el desarrollo, tipos, casos, síntomas del cáncer, soluciones, como prevenir.

ESTRUCTURA DE MI SITIO:

La Estructura de nuestra pagina es para entretenimiento y para divercion; en ella pueden encontrar todo tipo de películas desde por año por país, categorías ,para niños,para adultos todo tipo de géneros al gusto de cada quien.







 contenido:
en ella abra imágenes vídeos con los trailers de la película mas un breve contenoido de lo que tartara la pelicula, y la seleccion de año.

peliculas por genero   peliculas proximas   ranking de peliculas

martes, 18 de marzo de 2014

REPORTE 0

 Introducción (Resumen)

















HTMLsiglas de HyperText Markup Language, hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que, en sus diferentes versiones, define una estructura básica y un código para la definición de contenido de una página web, como texto, imágenes, etc.


Origen:
Fue creado en 1986 por el físico nuclear Tim Berners-Lee; el cual tomo dos herramientas preexistentes: El concepto de Hipertexto (Conocido también como link o ancla) el cual permite conectar dos elementos entre si y el SGML (Lenguaje Estándar de Marcación General) el cual sirve para colocar etiquetas o marcas en un texto que indique como debe verse.


Ventajas y características de las paginas web: 
-Son numerosas las ventajas y beneficios que otorga el poseer un sitio Web, proporciona una imagen de marca actual y tecnológica sobre su negocio, crea nuevos lazos de contacto y relación con los clientes, permite una presencia a nivel mundial de sus productos y servicios

  •  Las paginas web tienen que ser distribuidas
  • Debe ser fácil de navegar.
  •  Debe ser compatible con todo tipo de ordenadores.
  •  Debe ser dinámico.
                                                    

Reglas básicas para el diseño:
 

  • Tener algo interesante que decir en tu página web.
  • Que los enlaces sean pertinentes al tema que estas tratando.
  •  Que no dependa mucho de los comandos de HTML.
  •  Mantener la página con un máximo de 15kb en imágenes.
  •  No usar gráficas de otros autores si no está autorizado.
  •  Reconocer el trabajo de los demás.
  •  Colocar fecha de la última revisión.
  •  Verificar los enlaces periódicamente.
  •  Ser abierto a comentarios o sugerencias.
  •  Practica el HTML.



miércoles, 12 de marzo de 2014



COLEGIO DE BACHILLERES DEL ESTADO DE BAJA CALIFORNIA

PROFESOR ARTURO DAVID VELAZQUEZ RIVERA.



INFORMÁTICA


CAROLINA OCHOA DIAZ 
                                               
                                  


   GRUPO:602