domingo, 20 de marzo de 2016

Las plantillas web
 En este tema vamos a ver qué son las plantillas, cómo crearlas y cómo basar documentos en ellas.
Introducción    
Cada vez que deseamos crear un sitio web, tenemos que tener muy en cuenta que las páginas deben seguir un formato uniforme.
La mayoría de nosotros solemos hacer copias de los documentos ya creados, y trabajar sobre estas copias, modificando simplemente su contenido. Esta es la forma más sencilla de tener páginas con una estructura basada en la estructura de otras ya creadas previamente.
Las plantillas son una especie de copia de la página en la que van a estar basadas el resto de páginas del sitio web, pero que incluyen la posibilidad de establecer unas zonas editables y otras zonas que serán fijas, que no podrán ser modificadas.
No es posible modificar las propiedades de una página que está basada en una plantilla, a excepción del título. Cuando se desea que existan páginas con, por ejemplo, diferente color de fondo, es necesario crear plantillas diferentes con los distintos colores, y basar las páginas en una u otra plantilla, según el color de fondo que se desee para cada una.
Cuando se modifica el diseño de una plantilla, se pueden actualizar todas las páginas basadas en ella.
TAREA # 1 Realice una página web sobre 5 materias que recibe, use la plantilla del dreamweaver VIAJES – PAGINA PRINCIPAL. Capture cada uno de los procesos y publique en su blog personal en entrada nueva.

Deber.- Usando una plantilla diferente de MACROMEDIA DREAMWEAVER realice una página web de los cantones de la provincia de Sucumbíos y sus lugares turísticos que incluya imágenes, videos de YouTube. En una página debe colorar los datos del autor como nombres, foto, email, redes sociales, curso y fecha.
Tablas  en Dreamweaver 8
En este tema vamos a ver cómo trabajar con tablas. Podremos, entre otras cosas, insertar tablas, combinar celdas, insertar filas o columnas y cambiar el tamaño del borde.
Todos los objetos se alinean por defecto a la izquierda de las páginas web, pero gracias a las tablas es posible distribuir el texto en columnas, colocar imágenes al lado de un bloque de texto, y otra serie de cosas que sin las tablas serían imposibles de realizar.
Hoy en día, la mayoría de las páginas web se basan en tablas, ya que resultan de gran utilidad al mejorar notablemente las opciones de diseño.
Las tablas están formadas por un conjunto de celdas, distribuidas en filas y columnas.
Marcos
Vamos a ver qué son los marcos y para qué se utilizan. También veremos cómo insertar un marco sencillo en una página, y cómo trabajar con él.
Los marcos o frames sirven para distribuir mejor los datos de las páginas, ya que permiten mantener fijas algunas partes, como pueden ser el logotipo y la barra de navegación, mientras que otras sí pueden cambiar. Además de mejorar la funcionalidad, pueden mejorar también la apariencia.
Cada uno de los marcos de una página, contiene un documento HTML individual. Por ejemplo, en la imagen de la derecha puedes ver una página con dos marcos. El marco izquierdo contiene el documento menu.htm y el derecho el documento quienes.htm. Para poder visualizar la página de este modo, hemos tenido que abrir en el navegador el documento marcos.htm, que es la página que contiene los marcos agrupados.
Es posible editar los documentos contenidos en los marcos desde la página que contiene el grupo de marcos. Esto facilita el trabajo, ya que es más fácil hacerse una idea de cómo quedará la página al final, cosa que no es posible si se editan individualmente cada uno de los documentos que contiene el marco.
El trabajar con marcos puede resultar una tarea algo complicada, sobretodo al principio, por lo que no vamos a profundizar mucho en el tema, y veremos solamente algunos conceptos básicos y ejemplos sencillos.
Tarea # 1 Diseñe una página web que muestre 4 enfermedades de transmisión sexual que incluya texto imágenes y video. Capture los pasos que permite insertar los marcos y la construcción de página web.






Deber.- Diseñe una página web que permita usar marcos y colocar información sobre su campo de acción que incluya textos imágenes y videos. Traer grabada la carpeta en flash memory
rabajo en clase

Dreamweaver 8  como herramienta de diseño de páginas web.
¿Qué es Dreamweaver 8?

Dreamweaver 8 es un software fácil de usar que permite crear páginas web profesionales.
Las funciones de edición visual de Dreamweaver 8 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.
Las páginas web editadas por Macromedia dreamweaver están escritas en LENGUAJE HTML. (Hyper Text Markup Language). Este lenguaje está basado en etiquetas que marcan el inicio y fin de cada elemento de la página Web.
Por ejemplo, el título de la página Web se escribe entre las etiquetas <TITLE> y </TITLE>. Como ves, ambas etiquetas consisten en poner un mismo comando entre los símbolos "<" y ">". La primera etiqueta indica inicio, y la segunda, que incluye el símbolo "/", indica final.
Las etiquetas disponen de atributos que permiten definir características del elemento sobre el que actúan. Por ejemplo, <TABLE Border="1"> indica que la tabla tendrá un borde de tipo 1.
Una página HTML básica tendría el siguiente aspecto:
<HTML>
<HEAD>
<TITLE> Mi primera página web </TITLE>
<BODY>
 <a href="http://www.pacifico.edu.ec/">Haz clic aquí para ir a la web del colegio </a>
 <p>Resto de la página web </p>
</BODY>
<HTML>
Las etiquetas que se introducen en un documento HTML no son visibles cuando el documento se muestra en un navegador (IExplorer, Netscape, etc). Cuando un usuario desde Internet solicita ver una página el servidor Web envía la página al navegador y este interpreta las etiquetas para dar el formato a la página.
Cuando utilizamos Dreamweaver para crear una página Web no tenemos que preocuparnos de todo esto. Dreamweaver inserta automáticamente las etiquetas necesarias para construir la página con la apariencia y contenido definidos en el editor gráfico.
Editar páginas web
                 
Cualquier editor de texto permite crear páginas web. Para ello sólo es necesario crear los documentos con la extensión HTML o HTM, e incluir como contenido del documento el código HTML deseado. Puede utilizarse incluso el Bloc de notas para hacerlo.
Pero crear páginas web mediante el código HTML es más costoso que hacerlo utilizando un editor gráfico. Al no utilizar un editor gráfico cuesta mucho más insertar cada uno de los elementos de la página, al mismo tiempo que es más complicado crear una apariencia profesional para la página.
Hoy en día existe una amplia gama de editores de páginas web. Uno de los más utilizados, y que destaca por su sencillez y por las numerosas funciones que incluye, es Macromedía Dreamweaver.
Captura el código fuente de la página web  del block de notas.
 PASOS PARA INICIAR UN PROYECTO DE PAGINA WEB EN DREAMWEAVER 8.0
(CAPTURE LOS PASOS)

Deber.- Realice una página web que muestre un álbum personal fotográfico (5fotos) con los enlaces primero, ultimo, anterior, siguiente. Traer grabado en su flash memory
SEGUNDO QUIMESTRE

Deber en Casa
INTRODUCCIÓN AL DISEÑO DE LAS PÁGINAS WEB.

Los avances de la ciencia y la tecnología demandan nuevas formas de enseñar, aprender y administrar la educación. Es un hecho indiscutible que nos enfrentamos a un cambio tecnológico que debe transformar toda nuestra cultura. Para ello se debe redefinir y replantear el proceso educativo en general y los procesos de enseñanza aprendizaje en particular; esto implica formar individuos mentalmente flexibles y adaptables a un mundo en continuo cambio, donde en ocasiones desaparecen las barreras geográficas.
Se deben usar las TIC para aprender y para enseñar. Es decir el aprendizaje de cualesquiera materias o habilidades se puede facilitar mediante las TIC (tecnología de la información y la comunicación) y, en particular, mediante Internet aplicando las técnicas adecuadas.
En el pasado la creación de páginas web resultaba una tarea solo accesible a expertos, pero en la actualidad, gracias al desarrollo de las tecnologías y nuevas aplicaciones es cada vez una realidad más para los usuarios básicos de la red de redes.
Terea # 1.- Use SmartArt y realice un análisis crítico del tema.

¿Qué es Internet?
Internet es una red de redes a escala mundial de millones de computadoras interconectadas con el conjunto de protocolos propio (TCP/IP). También se usa este nombre como sustantivo común y por tanto en minúsculas para designar a cualquier red de redes que use las mismas tecnologías que Internet, independientemente de su extensión o de que sea pública o privada.
La World Wide Web
La World Wide Web (del inglés, Telaraña Mundial), la Web o WWW, es un sistema de hipertexto que funciona sobre Internet. Para ver la información se utiliza una aplicación llamada navegador web para extraer elementos de información (llamados "documentos" o "páginas web") de los servidores web (o "sitios") y mostrarlos en la pantalla del usuario. El usuario puede entonces seguir hiperenlaces que hay en la página a otros documentos o incluso enviar información al servidor para interactuar con él. A la acción de seguir hiperenlaces se le suele llamar "navegar" por la Web o "explorar" la Web. No se debe confundir la Web con Internet, que es la red física mundial sobre la que circula la información.
Tarea # 2.-  Establezca 2 diferencia entre internet y www.

1.     Internet es una red de redes a escala mundial de millones de computadoras interconectadas con el conjunto de protocolos propio (TCP/IP)  en cambio la WWW es un sistema de hipertexto que funciona sobre Internet.
2.     Internet es la Red de Redes, en cambio la WWW es el sistema que usamos para acceder a Internet.
Partes de la WWW
La WWW se encuentra estructurada en tres grandes partes: una parte local, otra remota y una tercera de conexión entre ambas. Así mismo, estas partes estarían divididas entre el software y el hardware que las componen.
De este modo nos encontramos que la parte local se trata de nuestro ordenador con sus distintos componentes (hardware) sobre el que corre un programa especial llamado navegador (software)  y que es el encargado de mostrarnos los contenidos de la WWW.
TAREA #3.- Escribe los 4 navegadores más utilizados en el internet y su logotipo.

En la parte remota existe otro ordenador, también llamado servidor, (hardware) en el que a través de un software especial, igualmente llamado servidor, ofrece a la red los documentos web que tiene almacenados (software).
La comunicación entre la parte remota y la local se establece a través de la estructura de comunicación que se traduce en la casi infinita red de cableado que comunican físicamente estos ordenadores con el resto de los conectados a la red de redes (hardware), valiendose de los protocolos de comunicación propios de la web (en concreto a través del HTTP o Protocolo de transferencia de hipertexto) 
TAREA # 4.- De forma gráfica elabore un diseño que me permita explicar las partes de la WWW.

Lenguajes y protocolos
El lenguaje web: HTML
El lenguaje utilizado en el WWW para el correcto funcionamiento de la misma es el HTML. Este lenguaje, acrónimo inglés de HypertextMarkupLanguage (lenguaje de etiquetado de documentos hipertextual), es un lenguaje de marcación diseñado para estructurar textos y presentarlos en forma de hipertexto, que es el formato estándar de las páginas web. Gracias a Internet y a los navegadores del tipo Internet Explorer, Opera, Firefox o Netscape, el HTML se ha convertido en uno de los formatos más populares que existen para la construcción páginas web.
El protocolo de comunicación web: HTTP
El protocolo de transferencia de hipertexto (HTTP, HyperText Transfer Protocol) es el protocolo usado en cada transacción de la Web. El hipertexto es el contenido de las páginas web, y el protocolo de transferencia es el sistema mediante el cual se envían las peticiones de acceder a una página web, y la respuesta de esa web, remitiendo la información que se verá en pantalla. También sirve el protocolo para enviar información adicional en ambos sentidos, como formularios con mensajes y otros similares.
HTTP dispone de una variante cifrada mediante SSL(Secure Socket Layer por sus siglas en inglés, es un sistema que permite que la información viaje encriptada (oculto) evitándose que puede ser leída por sniffers u otros recurso, cosa que es bastante temida a la hora de realizar transferencias por internet.) llamada HTTPS.
Tarea # 5.- Realice un cuadro sinóptico que me permita establecer diferencias entre protocolo y lenguajes den DISEÑO DE PAGINAS WEB.


Deber.:

Usa Word y diseña una página web con un currículo vitae (hoja de vida), que incluya imagen del alumno, grabe en una carpeta con su apellido y nombre en al flash memoryy traer para la siguiente clase.

domingo, 24 de enero de 2016

TRABAJO EN CLASE


COMPARTIR CARPETA EN RED WINDOWS XP – 7 – 8 – 10.
Al compartir una carpeta se compartirán todos los archivos que estén en ella o que añadas cuando actualice los datos o información.

TAREA # 1.- Captura la información correspondiente a nombre del equipo y grupo de trabajo con sus respectivos pasos.

TAREA # 2.- Crea una carpeta en el escritorio con el apellido de las 2 personas y compartir lectura y escritura. Capture todos los pasos realizados.


ACTIVAR DETENCIÓN DE REDES Y DESACTIVAR EL USO COMPARTIDO PROTEGIDO MEDIANTE EL USO COMPARTIDO PROTEGIDO MEDIANTE  USUARIO Y CONTRASEÑA






Cómo conectar una Unidad de Red.
Muchas veces en el hogar o en una pequeña oficina, suelen pasarse la información vía dispositivos de almacenajes, correos o transferencia de datos a través de un programa de mensajería. Windows conociendo esta problemática, desde ya muchas versiones anteriores, ha incorporado una solución que muchos no conocen o por temor a realizar una acción no dominada puedan afectar al sistema operativo.
Windows en cualquiera de sus versiones cuenta con la conexión a otras unidades en red; carpetas o equipos de cómputo, dejando atrás el molesto ritual de avisar que la información ya fue enviada, etc.
Los procesos para llevar a cabo esta acción en Windows 7 es la siguiente:
  1. Haga clic en Inicio y luego seleccione Equipo.
  2. Haga clic en Herramientas y luego en Conectarse a Unidad de Red.
  3. Elija cualquier letra que esté disponible.
  4. En el cuadro de Carpeta, escriba la ruta (ip o Nombre Equipo Host/Mis Documentos), si no lo sabe, haga clic en Examinar (importante que ambos estén en el mismo Grupo o Conexión local).
  5. Elija la carpeta que quiere tener acceso directo.
  6. Active la casilla Conectar de Nuevo al Inicar Sesión.
  7. Haga clic en Finalizar.
Este procedimiento le permitirá tener acceso desde el Equipo a esa carpeta virtual y podrá enviar documentos ilimitadamente, también podrá borrarlos o cambiarle nombres a todo su interior. Mientras más usuarios entren a la carpeta seleccionada, mucho mejor, ya que se convierte en el espacio de archivos comunes de una familia o empresa que desea ahorrar costos en implementar otros sistemas de almacenamiento.
Es importante que sepas, que si el equipo Host está desconectado de la red o bien apagado, nadie podrá tener acceso a ella, recomendamos que el equipo host sea siempre un equipo que está encendido y conectado a la red.
Mediante este procedimiento también se puede compartir sistemas de contabilidad y otras áreas del quehacer humano.
TAREA # 2 Conectar la carpeta compartida del equipo de otro compañero en unidad M y crear un acceso directo en el escritorio. Capture el proceso realizado.





TRABAJO EN CLASE
Crear la carpeta con el segundo nombre y el segundo apellido por maquina y compartir en unidad H, finalmente grabar 2 archivos de sonido.








EJERCICIO DE APLICACIÓN

Configurar una red que tenga servicio de Internet mediante un servidor, con un switch enlazar 2 computadoras de mesa y mediante un ACCESS POINT   

 enlazar 3 computadores inalámbricos,  usar direcciones IP clase C en el rango de 200 – 223, guarde el archivo y coloque en el blog para que se pueda descargar usando GOOGLE DRIVER para el efecto. Capture y coloque la imagen de la red configurada.




Trabajo en clase.Configurar una red que tenga servicio de Internet mediante un servidor, con un switch enlazar 1 computadora de mesa y mediante un ROUTER WIRELESS 

  enlazar 2 computadores inalámbricos,  usar direcciones IP clase B en el rango de 130 – 150, guarde el archivo y coloque en el blog para que se pueda descargar,  use GOOGLE DRIVER para el efecto. Capture y coloque la imagen de la red configurada. Cada computador tendrá el nombre de un Familiar.





TRABAJO  EN  CLASE                                                11/01/2016
JHOELY NARVÁEZ Y PAULINA PLACES
EJERCICIO DE APLICACIÓN.
En una empresa se requiere implementar el área de Gerencia y Subgerencia, para lo cual se debe agregar equipos de cómputo inalámbricos a los departamento de Gerencia (2inalámbricos), Subgerencia (1 equipo con conexión con cables). La empresa tendrá un servidor de página web con su Nombre y su eslogan. Cada computador de la empresa será identificado por un nombre y apellido de quien está a cargo del departamento. La clase IP que utilizará la empresa será clase B(RANGO 128-191) el primer octeto estará en un rango de 140- 150.

 https://drive.google.com/file/d/0B-Ezy8g-KnV2RTNYOFVfN0xEMTg/view?usp=sharing