Act. 26 publicacion de la pagina web.

http://mariannaromero.hol.es/

Act. 25 Pasos para crear el dominio y subir la pagina.

Como crearn tu dominio:
1.-Primero que nada tienes que tener la pagina donde lo vaz a crear.
en mi caso lo hice en Hostinger, entras y arriba bienes unas opciones de Facebook o Gmail. tu eliges. yo escogi Gmail. le das clic, aparecen 4 cuadros de colores le das clic en el azul, despues buelven a aparecer 3 cuadros le das clic en el que diga gratis, ahi vaz a crear tu dominio y te pide tu contraseña. le das clic en continuar.
te aparecera unas letras que tienes que poner.
y listo la cuenta ya esta realizada.

Como subir la pagina:
Abrimos filezilla, colocamos nuestro usuario y contraseña.
 sitio local:
abrimos las carpetas donde tenemos nuestras archivos y le damos clic decho y clic en la opcion subir y asi le hacemos con todas las carpetas  y listo!!!

Act. 23 sitios gratis.

Sitio.	Descripción.	URL
Eshost.	1000 MB de espacio en disco 10 GB de transferencia mensual Soporte PHP y MySQL Sin publicidad	http://eshost.es/hosting-gratis
Hostinger.	Espacio de disco: 2000 MB. Instalador automatico: 50 scripts. Numero de sitios: ilimitado. Tráfico de datos: 100 gb.	http://www.hostinger.es/
Telepolis.	Ofrecen 50Mb , acceso Web	http://www.telepolis.com/
Tripod	Ofrecen 50Mb , acceso FTP EN LA PROPIA WEB	http://www.tripod.lycos.com/
España.	Ofrecen 100Mb de espacio , acceso vía Web o FTP , trafico ilimitado

Act. 18 terminología básica del software para deseñar paginas web.

1.- Dreamweaver CS5:
Es un software fácil de usar que permite crear páginas web profesionales.

Las funciones de edición visual de Dreamweaver CS5 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 Java Script, etc..., de una forma muy sencilla y visual.

2.- CSS:
Es un lenguaje de hojas estilos creados para controlar el aspecto o presentacion de los documentos electrónicos definidos con HTML y XHTML. CSS es la mejor forma de separar los contenidos y su presentación y es imprescindible para crear paginas web completas.

3.- Plantillas en Dreamweaver:
Son plantillas profesionales prediseñadas para sitios Web que se pueden editar y personalizar fácilmente utilizando Adobe Dreamweaver. 


4.- Contenedor en Dreamweaver:
Es una caja en la que va el contenido de la web.

5.- Comportamientos en Dreamweaver:
son acciones, programadas normalmente en código JavaScript, que suceden cuando los usuarios realizan algún evento sobre un objeto (en lenguaje Dreamweaver) ya sea imagen, texto, capa, ... Los comportamientos de Dreamweaver introducen en los documentos código JavaScript que permite a los visitantes interactuar con la página Web para modificarla de diversas maneras o para que se realicen determinadas tareas. Un comportamiento es una combinación de un evento con una acción que desencadena ese evento.

6.-  Sitio local:
El término “sitio” se emplea para referirse a una ubicación de almacenamiento local o remota de los documentos que pertenecen a un sitio Web. Un sitio de Dreamweaver permite organizar y administrar todos los documentos Web, cargar el sitio en un servidor Web, controlar y mantener vínculos y administrar y compartir archivos. Para aprovechar al máximo las funciones de Dreamweaver, debe definir un sitio.

7.- Sitio dinamico:

8.- Sitio interactivo:

9.- Region editable:

10.- Maquetacion:

Es la distribución de los elementos en nuestra página. Piensa en una página web cualquiera. Seguro que distingues algunos elementos claramente diferenciados, como un encabezado, columnas, y un pie de página.

11.- Etiqueta Div:
son divisiones que se pueden hacer en una pagina, para permitir aplicarle formato distinto 
por ejemplo. Entonces las Div son capas, tal como la etiqueta Layer, pero que son aceptadas por todos los navegadores. 

12.- Tabla:
Son una herramienta potente para presentar datos e imágenes en páginas HTML. Las tablas proporcionan a los diseñadores Web formas de añadir estructura vertical y horizontal a una página.

13.- Formulario:
Los formularios permiten interactuar con los visitantes del sitio o recopilar información de ellos. Por ejemplo, puede solicitar el nombre y la dirección de correo electrónico de un usuario o hacer que los visitantes respondan a una encuesta o proporcionen comentarios acerca del sitio.

14.- Formulario de contacto:
los formularios de contacto sirve para que las personas que miren nuestra pagina web, nos hagan pedidos por ese medio.












http://www.aulaclic.mobi/dreamweaver-cs5/t_1_1.htm
http://www.slideshare.net/maryesther20_95/informatica-css-14325356
http://www.plantillasdreamweaver.com/plantillas-dreamweaver.html
http://www.deseoaprender.com/dreamweaver-cs5/configurar-container-pagina-curso-dreamweaver-cs5-leccion-16.html
http://www.deciencias.net/disenoweb/elaborardw/paginas/comporta.htm
http://help.adobe.com/es_ES/dreamweaver/cs/using/WS753df6af718a350a5601124413168b2b12f-8000.html
http://www.aulaclic.es/dreamweaver-cs5/t_18_1.htm
https://mx.answers.yahoo.com/question/index?qid=20071030075036AA2ewun
http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=13243
http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=13290

Act. 1.2 Introducción al HTML.

1.- ¿Que entiendes por una pagina web?
 Es un documento o información electrónica que puede contener texto, sonido, vídeos, enlaces, etc...

2.- Define cada una de las letras que conforman HTML:
H: Es lo contrario de lineal.
T:Se explica por si solo.
M:Es lo que haces con el texto. Se marca el texto del mismo modo que en un programa de edición de textos con encabezados, viñetas, negrita
L:Es lo hace HTML.

3.- ¿Quien invento HTML?
Tim Berners-Lee.

4.- ¿Cual era el objetivo de crear HTML?

El HTML se creó en un principio con objetivos divulgativos. No se pensó que la web llegara a ser un área de ocio con carácter multimedia, de modo que, el HTML se creó sin dar respuesta a todos los posibles usos que se le iba a dar y a todos los colectivos de gente que lo utilizarían en un futuro. 

5.- Menciona 4 características del lenguaje HTML:

• Puede ser creado y editado con cualquier editor de textos básico.
• Utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final, mediante las cuales se determinan la forma en la que debe aparecer en su navegador el texto, así como también las imágenes y los demás elementos, en la pantalla del ordenador.
• Cada elemento de un documento HTML consta de una etiqueta de comienzo, un bloque de texto y una etiqueta de fin.
• Siglas de HyperText Markup Language.

6.- Menciona 7 reglas básicas que debes seguir para el diseño de una pagina web:

1. Utilice las fuentes adecuadas 
Las fuentes pequeñas, con mucha decoración, o la famosa “comic sans” pueden llegar a arruinar un sitio web. 

2. Evite nuevas ventanas del navegador 
Una de las reglas principales a la hora de un sitio, es dejar que el usuario final tenga el control de todo el sitio y por ello de los enlaces también.

3. Suscripciones no automáticas 
El envío de correos electrónicos con el último contenido de su sitio es algo muy importante que mantendrá informado a sus seguidores y hará que lo visiten periódicamente.

4. No utilice música. 
Esta es una regla bastante sencilla. No poner música en un sitio! Claro que existen excepciones que su cliente se vea empecinado en que se reproduzca un sonido cuando ingresen a su sitio, o que deba incorporarlo en un sitio de algún grupo de música, por ello se recomiendo que no reproduzca la música de manera automática, sino que deje que el usuario siga teniendo el control y sea el mismo el encargado de hacer clic en el botón “play” de su reproductor. 

5. No cargue de publicidades el contenido 
Si está interesado en que el lector de su sitio no odie sus molestas publicidad (o incluso su sitio), no coloque publicidades engañosas para que hagan clic en ella.

6. Cambio de color en enlaces. 
Esta es una regla de usabilidad importante. Color a los vínculos que ya se le ha hecho clic, permitirá a los visitantes de su sitio, conocer las páginas que ya ha visitado, y para que no se pierdan en la navegación del sitio. 

7. Sin desplazamiento horizontal 
El desplazamiento vertical es algo que puede aceptarse, siempre y cuando se respeten sus límites. Pero el horizontal es algo que debe ser evitado en su totalidad. Recuerde que la resolución de pantalla más utilizada es de 1024 x 768 píxeles así que al diseñar un sitio web asegurarse de que encaja dentro de él. 







http://es.wikipedia.org/wiki/P%C3%A1gina_web
http://es.wikipedia.org/wiki/Tim_Berners-Lee
http://www.desarrolloweb.com/articulos/534.php
http://www.taringa.net/posts/hazlo-tu-mismo/15138369/10-reglas-importantes-del-Disenador-Web.html

Ciencias de la Comunicación 1

Esta materia es genial para todos los alumnos ya que nos enseña todos los tipos de comunicación y así mismo para utilizarlos cotidianamente. 

En esta materia he aprendido a conocer cada tipo de comunicación. Y a utilizarlos. :)

3.6 compartiendo recursos.

1.- Clic en boton inicio.
2.- Clic en equipo.
3.- Clic en red.
4.- Selecciona la carpeta o lo que quieras compartir.
5.- En esta ocasion seleccione una memoria.
6.-A la memoria le di clic derecho.
7.-Y le di clic a usos compartido avanzado.
8.-Pones el nombre de lo que vaz a compartir.
9.-Clic en aceptar y cerrar.

3.5 conexion fisica de la red.

1.- conectamos el swich

2.- conectamos el cable armado a la computadora.
3.- y conectamos el cable armado al swich.



*En primer lugar tenemos que configurar la IP 

   
*Ahora que tenemos la dirección IP fija puedes abrir los puertos.

*Para poder crear un nuevo grupo de trabajo tenemos que escribir el nombre del nuevo grupo de trabajo que tenemos que crear y después  clic en Aceptar.   

4.-  Para poder crear un nuevo grupo de trabajo tienes  que escribir el nombre del  grupo de trabajo del que quieras crear y haces  clic en Aceptar.

       

5.-Si quieres conectar 2 ordenadores entra  a datos o para compartir una conexión a Internet, necesitas:

*Que cada uno del equipo tenga una tarjeta de red
* Switch 
*Cables de red, cable RJ45

3.4 Armando el cableado de red.

Herramientas que se utilizan:
*crimpadora:

*cable utp:

*conector rj45:

*tester:

1.- Corta el plastico que cubre los cables de colores.

2.- podras ver los cables que estan trencedos entre si.

3.- tendras que desenredarlos.

4.-tienes que acomodarlos de tal forma que queden parejos.

5.-tienes que acomodar los colores de la siguiente forma:

*primero va el color verde con blanco.

*verde.

*anaranjado con blanco.
*azul.
*azul con blanco.
*anaranjado.

*cafe con blanco.

*cafe.

6.-y asi ya podras cortarlo para que puedan quedar parejos todos.

7.- ya que esten parejos coloca el conector rj45.

8.- despues con la crimpadota ponchas el cable con el conector puesto.
9.- despues co el dester verificas si esta listo tienes que esperar a que se prendan los foquitos de color verde y listoooooo......!!!!!!

3.3 herramientas y materiales para crear la red

 

 

 

NOMBRE	IMAGEN	TIPOS	FUNCIONAMIENTO.
Conectores		RJ11 RJ12 RJ45 AUI DB15 BNC T coaxial DB25 DB9	Comúnmente usada para conectar redes de cableado estructurado. Posee ocho pines o conexiones eléctricas.
Cable		Cable coaxial. Cables de par trenzado. Cables de fibra óptica	Son aquellos alambres que permiten conectar a las computadoras entre sí o a terminales de redes y es por medio de estos que los bits se trasladan. <!--[if !supportLineBreakNewLine]--> <!--[endif]-->
Crimpadora		Cortadora-peladora de cables Pro'sKit 8PK-208D Crimpadora modular Pro'sKit 808-376E (RJ-45/RJ/11) Crimpadora Modular Pro'sKit 8PK-376FN Crimpadora Modular Pro'sKit CP-373 Crimpadora Pro'sKit CP-3005F	Es una herramienta utilizada para corrugar o crimpar dos piezas metálicas o de otros materiales maleables mediante la deformación de una o ambas piezas; esta deformación es lo que las mantiene unidas.
Tester		Tipo analógico. Tipo digital.	Función es medir: corriente continua, tensión alterna y continua, resistividad,   continuidad y hfe para transistores. Existiendo en el mercado actual tester   con capacidades especiales como pueden ser la medición de capacidad, frecuencia y temperatura entre otras.
Swich de red		Switches no Administrables Switches Administrables S witches apilables Switches no apilables Switches modulares, Switches no modulares Por la Capacidad de Tráfico.	dispositivo de propósito especial diseñado para resolver problemas de rendimiento en la red, debido a anchos de banda pequeños y embotellamientos. El switch puede agregar mayor ancho de banda, acelerar la salida de paquetes, reducir tiempo de espera y bajar el costo por puerto.
Tarjeta de red		Token Ring. ARCNET Ethernet Wi-Fi.	permite la comunicación entre diferentes aparatos conectados entre si y también permite compartir recursos entre dos o más equipos (discos duros, CD-ROM, impresoras, etc).

http://livebits.blogspot.mx/2011/11/tipos-de-conectores-y-todas-sus.html#!/2011/11/tipos-de-conectores-y-todas-sus.html

http://www.tiposde.org/informatica/519-tipos-de-cables-de-red/#ixzz2RyjZoRmM

http://www.tiposde.org/informatica/519-tipos-de-cables-de-red/

http://es.wikipedia.org/wiki/Crimpadora

http://mx.answers.yahoo.com/question/index?qid=20060726231827AA5GfMu

http://www.pruebas.pieldetoro.net/web/bricos/perdamoselmiedoalaelectricidad-Frank67/02-TESTER.pdf

http://gsmserver.es/shop/instruments/hand_tools/strippers/

http://www.emagister.com/curso-redes-area-local-conmutadas/tipos-switches

3.2 Reporte de configuracion de red.

*Como se configura la IP fija.

 

*Pasos:

1.-Hacer clic en inicio.

2.-Clic en  panel de control.

3.-Clic en redes de internet.

4.-Clic en centros de redes y recursos compartidos.

5.- Clic en configuración de adaptador.

6.- Clic derecho en conexión de área local.

7.- Clic en propiedades..

8.- Clic seleccionar protocolo de internet versión 4 (TCP. /PV4).

9.- Clic en propiedades.

10.-Clicseleccionar la sig. Dirección ip (ponemos unos números).

11.-Clic en aceptar.

12.-Y listo!!!!!!. c:

*Como se cres un grupo de trabajo y el nombre de la pc.

*Pasos:

1.- Hacer clic en inicio.

2.- clic derecho en equipo y propiedades.

3.- clic en cambiar la configuración (y se abrirá una ventana nueva).

4.- clic descripción del equipo (poner lo que mas nos parezca nombres o etc.).

5.- clic en cambiar.

6.-clic ponemos el nombre de la maquina y grupo de trabajo .

7.-clic en aceptar.

8.-y listo!!!!!!!!!!!!!!!!!!!.  c:

*como se configura la red.

*Pasos:

1.-Hacer  clic en inicio.

2.-clic en panel de control .

3.- clic en redes de internet.

4.-clic en centro de redes y recursos compartidos.

5.-clic en configuración a una nueva conexión o red.

6.-clic en conectarse a un area de trabajo.

7.-clic en siguiente.

8.- y listo!!!!!!!!!!!!.  c:

*Como se comparte las carpetas.

*Pasos:

1.- Hacer clic en botón inicio.

2.-clic en equipo.

3.- en mi caso seleccione mi memoria y estaba en la  maquina 12.

4.- le di clic derecho

5.-y seleccione compartir con uso compartido avanzado.

6.-le damos clic a uso compartido avanzado.

7.-le ponemos el nombre de lo que vamos a compartir.

8.-le damos aceptar y cerrar.

9.-y listo!!!!!!!!!!!!.   c:

*Como se cambia la contraseña.

*Pasos:

1.-Hacer clic en inicio

2.-clic en panel de control.

3.-clic en redes de internet.

4.-clic en centro de redes y recursos compartidos.

5.-clic en cambiar configuración de usos compartidos avanzados.

6.-y te vaz asta ola parte de abajo.

7.-clic en desactivar el uso compartido con protección por contraseña.

8.-clic en guardar cambios .

9.- y listo!!!!!!!!!!!!.   c:    *_*