miércoles, 11 de junio de 2014

COMO SUBIMOS NUESTRA PAGINA WEB

LO PRIMERO QUE HICIMOS FUE CREAR UNA CUENTA 000webhost.com




Y DESPUES LE HICIMOS UNOS CAMBIOS A NUESTRA PAGINA ANTES DE QUE LA SUBIERAMOS NUESTRO SITIO
DESPUES ENTRAMOS A NUESTRO UNA PAGINA NET2FTP Y LUEGO COMPRIMIMOS NUESTROS ARCHIVOS CON WINZIP Y DESPUES LO SUBIMOS Y SE VIO MUY BIEN.





PERO ANTES DE SUBIR TU SITIO DEBES DE CHECAR MUY BIEN QUE TU ARCHIVOS ESTEN BIEN ACOMODADOS Y VERIFICAR QUE NO TENGAS NINGUN ERROR.


Ver Pagina.bmp en presentación

SUBMODULO 3 PUBLICAR PAGINAS WEB Y ESTABLECER COMUNICACIÓN VIA INTERNET



QUE ES UN SERVIDOR HOSTING?

El alojamiento web (eninglés web hosting) es el servicio que provee a losusuarios de Internet un sistema para poder almacenar información, imágenes, vídeo, o cualquier contenido accesible vía web.


QUE ES UN DOMINIO?
Un dominio de Internet es una red de identificación asociada a un grupo de dispositivos o equipos conectados a la red Internet.



HOSPEDAJE GRATIS
 Hay compañias que ofrecen hospedaje gratis.A cambio de que la pagina aparezcan anuncios de esa compañia y de algunas otras.es hospedaje gratuito es una buena idea.

VENTAJAS

  1. gasto cero:no pagamos ni la trasferencia, ni el registro de dominio. es todo gratis.
DESVENTAJAS 
1. falta de flexibilida: no poder hacer modificaciones de nuestra pantalla al 100%
2.problemas para migrar









miércoles, 14 de mayo de 2014

MI PROYECTO

LO PRIMERO QUE HICIMOS EN NUESTRO PROYECTO 

decidimos hacer una pagina de accesorios para bebes en la cual mostrábamos todo para bebes como:

  • correolas
  • higiene para el bebe
  • tallistas húmedas
  • alimentos
  • y una liga que nos lleva a la pagina de fisher price






INSERTAMOS:

  •  formularios en los que la gente se podía registra  en nuestra pagina para conocernos mas a fondo
  • comportamientos ahí se podía mostrar mas accesorios para el bebe con solo pasar el mouse
  • ligas a otra pagina donde nos envía a fisher priceligas que nos envía a paginas que nosotros creamos  que era galería donde mostrábamos mas cosas tambien otra donde era de alimentos ahi mostrabamos los alimentos adecuados para el bebe
  • hinpervinculos de donde nos llevaba de la pagina de inicio hacia lo que es galeria alimentos fisher price etc.
  • plantillas  donde en dos de nuestras paginas salia la misma plantilla que era la pagina principal y donde estaba nuestro formulario
  • tablas utilizamos tablas en en formulario






dreamweaver


QUE ES DREAMWEAVER ?



Adobe Dreamweaver es una aplicación en forma de estudio (basada en la forma de Adobe Flash) enfocada a la construcción y edición de sitios y aplicaciones Web basadas en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems). Es el programa de este tipo 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.





La gran ventaja de este editor sobre otros es su gran poder de ampliación y personalización del mismo, puesto que en este programa, sus rutinas (como la de insertar un hipervínculo, una imagen o añadir un comportamiento) están hechas en Javascript-C, lo que le ofrece una gran flexibilidad en estas materias. Esto hace que los archivos del programa no sean instrucciones de C++ sino rutinas de Javascript que hace que sea un programa muy fluido, que todo ello hace, que programadores y editores web hagan extensiones para su programa y lo ponga a su gusto.


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.

jueves, 13 de marzo de 2014

Estructura de una página web, etiquetas básicas, reporte de lo visto en clase.

La estructura básica de una página web es la siguiente:


<html>
<head></head>
<body>
</body>
</html>



Una estructura HTML se empieza con la etiqueta <html> y acaba con </html>. Todo lo que esté en medio será la página web. Dentro de <html></html> se encuentran 2 partes diferenciadas.

La primera <head></head> es la cabecera de la página. Aquí irán cierta información que no es directamente el contenido de la página. Aquí se pone el título de la página, los metadatos, estilos, código javascript (todo esto se estudiará en capítulos venideros). 

La primera que se suele estudiar es <title></title>, que indica el título de la página (lo que el navegador pone en la parte superior izquierda).
La segunda parte es <body></body>. Aquí va propiamente el contenido de la página: fotos, párrafos, formularios, etc. Por ejemplo, siguiendo con el ejemplo de la página anterior, el siguiente código.

EJEMPLO:

<html>
<head>
<title>Esto es el t&iacute;tulo de la p&aacute;gina.</title>
</head>
<body>
Hola mundo!<br>
<b>Esto es negrita.</b><br>
<i>Y esto it&aacute;lica.</i><br>
</body>
</html>





Descripción del diseño del proyecto

En nuestro diseño de nuestra pagina lo primero es poner el tema que es Embarazos en la Juventud que va hacer el encabezado de nuestra pagina web.

Embarazos en la Juventud



 De ahí vamos a ver los temas que son


  • EMBARAZO
  • ABORTOS
  • CONSEJOS
  • MÉTODOS ANTICONCEPTIVOS 
Que cada uno de ellos tendrá un enlace que te llevara a otra y que podrás mirar los temas mas a detalle.




POR EJEMPLO


EMBARAZO(ENLACE)


 que ese enlace te llevara a otra pagina web
que te hablara mas sobre que es el embazo y por que se da mucho en la juventud(adolescencia).



  •   usaremos varias etiquetas para el texto
  • utilizaremos una etiqueta <br> para insertar un salto de linea en un documento html.
  • utilizaremos etiqueta <front></front> que nos permite modificar el tamaño  y el color del texto.
  • tambien la etiqueta<img>  para incluir imagenes 

estas seran algunas etiquetas que utilizaremos en el diseño de nuestra pagina.

domingo, 9 de febrero de 2014

INTRODUCCION

QUE SIGNIFICA HTML:

HTML, siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web.









ORIGEN

1986. Publicación de la ISO 8879 que presenta el Standard General Markup Language, origen del HTML.



1992. Dan Connolly produce la primera Definición de Tipo de Documento (DTD) para el lenguaje, llamada HTML 1.0, agregando a la definición original atributos para modificar el estilo físico del texto. Se distribuye Viola, primer visor gráfico de Web y disponible sólo para X.11.

1996. Netscape Communications y Microsoft presentan las nuevas versiones de sus visores que soportan gran parte del nivel de HTML 3.0. Aparecen visores no comerciales que implementan la norma completa de HTML 3.0. Se formaliza un nuevo nivel para la modelación en tres dimensiones, VRML 3.0, que permite interactuar con los objetos definidos.

1997. D. Raggett presenta, en enero, la versión normalizada del 3.2. En julio, aparece la versión 4.0, experimental.

1998. HTML 4.0.


VENTAJA
La principal ventaja es que hay un standard y es relativamente sencillo para la potencia que ofrece, al mismo tiempo que puede convivir con otros lenguajes de programación más complejos (mientras los exploradores mantengan ese standard)


CARACTERÍSTICAS DE LA PAGINA WEB


diseño básico :debe tener una homepage de presentación a partir de la cual se pueda recorrer la información existente. el numero de paginas depende el tipo de empresa y del material que se quiera presentar en la red. 




REGLAS PARA DISEÑAR UNA PAGINA WB

  • desarrolla tu propio estilo,crea tu propias ideas
  • respeta los estándares
  • accesibilidad  y usabilidad 
  • cuida de tu contenido