Reporte 5 

Subir nuestro sitio web a la red

En este reporte se hablará sobre el proceso por el cual se tuvo que pasar para poder subir el sitio web a internet.

En primer lugar, nuestro sitio no estaba del todo correcto, aun habia que mejorarlo para que estuviera más presentable y atractivo para las personas que lo visiten.

000webhost

Una vez terminado, se tenía que crear una cuenta en un servidor de hosting gratuito, el que se iba a utlizar por defecto era el de 000webhost, o cualquiera que ofreciera alojamiento gratuito.

Para crear una cuenta en ésta página es muy sencillo, sólo era el de ingresar nuestro correo, algun nombre de usuario, muy importante, la contraseña y el URL que queriamos utlizar para nuestra página, pero el dominio no era de nuestro gusto, ya que terminaba con .net63.net, algo no usual, pero no importaba.

Con esto, automaticamente, 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

Ya teniendo todo esto, sólo faltaba almacenarlo en 000webhost, pero, ¿por medio de donde lo ibamos a subir? Solamente por un servidor FTP, el cual 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 linea, e incluso descargar programas con esta caracteristica, como por ejemplo Filezilla.


Pero en mi caso utilice un servidor FTP en linea llamado NET2FTP.


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.

Para subir los archvos, se podía hacer de 2 maneras:

  1. subir los archivos de uno por uno o
  2. 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í. Aqui esta la liga de mi sitio web ya subido. 

OJO: solo se podra visualizar por anonymouse.



 Con esto se concluye el semestre y el ciclo, dejandonos grandes conocimientos que algun dia necesitaremos.

Publicar páginas web y establecer conexion vía internet



Comenzamos de nuevo con el último tema del semestre, el cual trata de subir nuestra página web creada anteriormente en Dreamweaver a internet.


Reporte 4

Presentacion de nuestro proyecto del sitio web.

En este reporte dare a conocer el proyecto en el que hemos estado trabajando. Este se trata de crear un sitio web desde cero utlizando DREAMWEAVER. Asi que comenzemos.

Nuestro nuevo proyecto trata de crear un sitio web de caracter empresarial, en el que nosotros crearamos una empresa que ofrezca algun tipo de servicio o de ventas. En mi caso,creamos el sitio sobre una constructora, en el cual se ofrecen servicios de todo tipo de construccion.


Estructura del sitio 

Empezamos con la estructura del sitio, como iba a quedar acomodado todos los archivos que este contenia. En la carpeta raiz debia llevar el nombre del sitio y dentro de ella,  el archivo index, el cual es la pagina principal del sitio, y despues las carpetas en donde estaban acomodadas las subpaginas del sitio, y tambien las carpetas de imagenes, videos y otras cosas que quisieramos que nuestra pagina tuviera.

En esta imagen se puede ver mejor lo que acabo de explicar.



Plantillas

Una vez que nuestra pagina principal este terminada, seguiriamos adelante con las subpaginas del sitio, pero para esto, nuestra pagina principal la podriamos guardar como una plantilla de dreamweaver para que las subpaginas del sitio sean similares.

Nuestro index quedo de la siguiente manera.



Para que las paginas quedaran enlazadas entre si, se utilizo lo basico de html, los hipervinculos. 

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:

  1. Para el inicio de sesion a la pagina
  2. Para el registro de un nuevo usuario
  3. Para enviar un mensaje al administrador de la pagina




Comportamientos

Este apartado trata de darle un efecto a la imagen. Al pasar el raton sobre una oracion, la imagen cambia a lo que el texto quiere comunicarnos.












Reporte 3

En este nuevo bloque, abordaremos el tema:

"UTILIZAR SOFTWARE DE APLICACION PARA EL DISEÑO DE PAGINAS WEB"

Como dice el tema,  estaremos utilizando un software muy conocido por todos los que diseñan paginas web, llamado DREAMWEAVER.


Este es el software de aplicación ideal para la creación y edición de paginas web por excelencia.

En principio conoceremos las principales herramientas de esta aplicación, así como la ventana principal o área de trabajo.  

Al finalizar el bloque, tendremos la capacidad de ser competentes en el ámbito de la creación de las paginas web y  en su desarrollo, así como todo lo aprendido aquí, en un futuro ponerlo en practica.  










Reporte 2

Etiquetas de HTML

HTML es el lenguaje que se utiliza para la elaboración de paginas web. Como todas las cosas tienen un inicio, HTML tiene una etiqueta de inicio la cual es:

<HTML>

Esta es la primer etiqueta que debe presentar cualquier documento HTML. Todas las etiquetas tienen que tener un cierre, por ejemplo:

</HTML>

 Enseguida vienen mas etiquetas como:

<HEAD>
  <TITLE>***</TITLE>
</HEAD>

Estas etiquetas permiten que a la cabecera de la pagina se le de un nombre.

<BODY></BODY>

Esta etiqueta  es en donde escribe todo el contenido de la pagina.

Hay muchas mas etiquetas, por ejemplo:
 Para insertar tablas <TABLE></TABLE>
Listados <OL></OL>
Insertar imágenes <IMG SRC=>
Marquesinas <MARQUEE></MARQUEE>
Hipervinculos <A HREF=>
Formato de texto <FONT></FONT>   
Reporte 1

Diseño de nuestro sitio web 

En este reporte 1 describiré el diseño que nos hemos planteado para nuestro sitio web.

Nuestro proyecto consta de la creación de una pagina web, en la cual su estructura básica comienza en el lenguaje de HTML. Este lenguaje es el indicado para su creación, ya que sin el , esto no seria posible.   

En nuestra pagina hablaremos sobre temas de interés a los jóvenes, porque tendremos  información actualizada de buenas fuentes. El contenido no es solo para los jóvenes, también las personas mayores se podrán interesar acerca de los temas publicados.


Los temas están distribuidos en paginas diferentes, para mejor aprovechamiento y ordenamiento de la pagina.

Empezara con la pagina inicial, después habrá 4 sub-paginas que tendrá la información y en cada una de las sub-paginas nos enlazara a mas paginas.   

Aquí una manera mas gráfica: 




    



Introducción 

Paginas web 

En este nuevo blog hablaremos de la paginas web, su origen y como inicio el lenguaje HTML. 

HTML 
Son la siglas de Hyper Text Markup Languaje (lenguaje de marcas de hipertexto) hace referencia al lenguaje de marcado para la elaboración de paginas web. Define una estructura básica y un código (denominado código HTML) para la definición de contenido de una pagina web, como texto, imágenes, etc. 
ORIGEN
La primera descripción de HTML disponible públicamente fue un documento llamado HTML tags, publicado por primera vez en Internet por Tim Berners Lee en 1991. Describe 22 elementos que incluyen el diseño inicial y relativamente simple de HTML.   

VENTAJAS 
  • Facil de entender y utilizar 
  • tiene muy pocas etiquetas 
  • son ficheros pequeños, rapidos
  • esta basado en la estructura, no en el aspecto. 
CARACTERÍSTICAS 
  • Puede se creado y editado con cualquier con cualquier editor de textos basico
  • Utiliza etiquetas o marcas que consisten en breves instrucciones de comienzo y final.
  • Cada elemento de un documento HTML consta de una etiqueta de comienzo, un bloque de texto y una etiqueta de fin. 
REGLAS 
  • Reunir información 
  • plantear un objetivo 
  • conocer el publico objetivo 
  • crear o reunir contenido atractivo