Actividad 25- Registro de la página

Actividad 24- Sitios que venden alojamiento.

Actividad 23- Sitios gratis.

actividad 19: Interfaz Dreamweaver

actividad- 18 terminología básica del software para diseñar páginas web

1- Dreamweaver CS5: Es una herramienta para crear sitios web en tu PC. Este programa te habilitará para desarrollar entornos y utilidades para la Red con total comodidad y con calidad profesional. Así, junto a un gran número de herramientas conseguirás todo lo que necesites para llevar a cabo tus proyectos.

2- CSS: Son las siglas de Cascading Style Sheets - Hojas de Estilo en Cascada, que es un lenguaje que describe la presentación de los documentos estructurados en hojas de estilo para diferentes métodos de interpretación, es decir, describe como se va a mostrar un documento en pantalla, por impresora, por voz o en dispositivos táctiles basados en Braille.

3- Plantilla de Dreamweaver: Es una estructura en la que hay partes no editables y otras que son modificables para llenarse de contenido. Es una utilidad aconsejable cuando se van a repetir determinados documentos en los que unas partes van a permanecer fijas y otras van a cambiar. Ahorra trabajo y permite la presentación de determinados contenidos con una unidad de estilo.

4- Contenedor en Dreamweaver: Se trata de esa caja en la que va el contenido de la web (texto, imagenes, etc). Que van en un apartado dentro de dicho contenedor.

5- Comportamientos en Dreamweaver: Son acciones que suceden cuando los usuarios realizan algún evento sobre un objeto, como puede ser mover el ratón sobre una imagen, pulsar sobre un texto, hacer doble clic sobre un mapa de imagen, etc.

6- Sitio Local: Es un conjunto de páginas que solo pueden ser vistas en tu computadora, ya que no están montadas sobre un servidor ni sobre un DNS por el cual puedan ser accedidas. 

7- Sitio Dinámico:  Son aquellos que permiten crear aplicaciones dentro de la propia Web, otorgando una mayor interactividad con el navegante. Aplicaciones dinámicas como encuestas y votaciones, foros de soporte, libros de visita, etc.

8- Sitio Interactivo: Permite a los usuarios participar y aportar contenido. Un sitio interactivo es básicamente un sitio dinámico al que se le han añadido prestaciones interactivas. Son interactivos los foros, los blogs, los comentarios de los usuarios, y todas aquellas aplicaciones en las que el usuario puede interactuar con otros usuarios o con los administradores del sitio.

9- Región Editable: Las regiones editables son las partes de la página que se pueden cambiar en los archivos basados en esa plantilla. Las regiones bloqueadas (no editables) son las partes del diseño de la página que permanecen constantes de una página a otra

10- Maquetacion: La maquetación, también llamada a veces diagramación, es un oficio del diseño editorial que se encarga de organizar en un espacio, contenidos escritos, visuales y en algunos casos audiovisuales (multimedia) en medios impresos y electrónicos, como libros, diarios y revistas.

11- Etiqueta Div: Se emplea para definir un bloque de contenido o sección de la página, para poder aplicarle diferentes estilos e incluso para realizar operaciones sobre ese bloque específico.

12- Tabla:  Se refiere al tipo de modelado de datos, donde se guardan los datos recogidos por un programa. Su estructura general se asemeja a la vista general de un programa de hoja de calculo. Es utilizada para organizar y presentar información. Las tablas se componen de filas y columnas de celdas que se pueden rellenar con textos y gráficos

13-Formulario: Es un documento, ya sea físico o digital, diseñado con el propósito de que el usuario introduzca datos estructurados (nombre, apellidos, dirección, etc.) en las zonas del documento destinadas a ese propósito, para ser almacenados y procesados posteriormente. En informática, un formulario consta de un conjunto de campos de datos solicitados por un determinado programa, los cuales se almacenarán para su procesamiento y posterior uso.

14-Formulario de contacto: Es una página especial que permite que las visitas de tu sitio web se contacten contigo fácilmente. Los mensajes enviados a través del formulario de contacto los podrás ver en tu dirección de email.


Fuentes:
http://descargar.mp3.es/lv/group/view/kl227013/Adobe_Dreamweaver_CS5.htm

http://www.masadelante.com/faqs/css

http://www.todo-dreamweaver.com/tutorial-dreamweaver/plantillas/las-plantillas-dreamweaver.html

http://www.webtaller.com/construccion/programas/editores/dreamweaver/lecciones/comportamientos_dreamweaver.php

http://mx.answers.yahoo.com/question/index?qid=20070914103742AAGOezs
http://www.webandmacros.com/webdinamica.htm
http://www.designioweb.com/interactivos.html
http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=13263
http://es.wikipedia.org/wiki/Maquetaci%C3%B3n_(edici%C3%B3n)
http://www.ite.educacion.es/formacion/materiales/182/cd/seis/la_etiqueta_div.html
http://es.wikipedia.org/wiki/Tabla_(base_de_datos).

Actividad 1.3- Elementos básicos del HTML

Bloc de notas: El Bloc de Notas es el programa más básico que tiene Windows para crear documentos de texto. Puede también venir identificado por su nombre en inglés: Notepad.

Buscador: Un buscador o motor de búsqueda es un sistema o aplicación informática que permite la búsqueda de todo tipo de términos y palabras clave a partir del desarrollo de índices de archivos almacenados en servidores web.

Compatible: Es la condición que hace que un programa y un sistema, arquitectura o aplicación logren comprenderse correctamente tanto directamente o indirectamente mediante un algoritmo.

Estructura de pagina web:
se puede resumir así:

tipo de documento
<HTML> <HEAD> <TITLE>titulo de la página</TITLE> cosas que afectan a la página pero no a su contenido </HEAD> <BODY parámetros> contenido de la página </BODY>
</HTML>

Etiqueta: términos a veces reemplazados por el anglicismo tag, es una marca con clase que delimita una región en los lenguajes basados en XML. También puede referirse a un conjunto de juegos informáticos interactivos que se añade a un elemento de los datos para identificarlo (Oxford English Dictionary).

Hipertexto: es una herramienta de software con estructura no secuencial que permite crear, agregar, enlazar y compartir información de diversas fuentes por medio de enlaces asociativos.

Lenguaje HTML: HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones.

Marcas (tag): Marca o marcas que se dejan en un texto para que luego sean interpretadas, generalmente para realizar alguna acción sobre el mismo texto marcado. Por ejemplo, el lenguaje HTML se basa en la aplicación de múltiples etiquetas para dar formato y darle características a un texto. Este texto es interpretado y mostrado por un navegador.

Navegador: es un software que permite el acceso a Internet, interpretando la información de archivos y sitios web para que éstos puedan ser leídos. La funcionalidad básica de un navegador web es permitir la visualización de documentos de texto, posiblemente con recursos multimedia incrustados. 

Página web: Documento que forma parte de un sitio web y que suele contar con enlaces también conocidos como hipervínculos olinks, para facilitar la navegación entre los contenidos.Las páginas web están desarrolladas con lenguajes de marcado como el HTML

Sitio web: Un sitio web, por lo tanto, es un espacio virtual en Internet. Se trata de un conjunto de páginas web que son accesibles desde un mismo dominio o subdominio de la World Wide Web (WWW).

Plataforma: es un sistema que sirve como base para hacer funcionar determinados módulos de hardware o de software con los que es compatible. Dicho sistema está definido por un estándar alrededor del cual se determina una arquitectura de hardware y una plataforma de software (incluyendo entornos de aplicaciones). Al definir plataformas se establecen los tipos de arquitectura, sistema operativo, lenguaje de programación o interfaz de usuario compatibles.

Servidor web: Es un programa informático que procesa una aplicación del lado del servidor, realizando conexiones bidireccionales y/o unidireccionales y síncronas o asíncronas con el cliente y generando o cediendo una respuesta en cualquier lenguaje o Aplicación del lado del cliente.

Vínculos: Es un vínculo es un link. Apuntadores hipertexto que sirven para saltar de una información a otra, o de un servidor web a otro, cuando se navega por Internet.


Fuentes:
http://curso8informatica8basica.wordpress.com/tag/bloc-de-notas/
http://www.definicionabc.com/tecnologia/buscador.php
http://es.wikipedia.org/wiki/Compatibilidad_(inform%C3%A1tica)
http://creatuweb.espaciolatino.com/tutorhtml/tema4.html
http://es.wikipedia.org/wiki/Etiqueta_(lenguaje_de_marcado)
http://es.wikipedia.org/wiki/Hipertexto
http://es.wikipedia.org/wiki/HTML
http://definicion.de/sitio-web/
http://www.alegsa.com.ar/Dic/etiqueta.php
http://definicion.de/pagina-web/
http://es.wikipedia.org/wiki/Plataforma_(inform%C3%A1tica)
http://www.masadelante.com/faqs/servidor
http://mx.answers.yahoo.com/question/index?qid=20111115185106AASOiT5

Actividad 1.2- Introducción al HTML

1- ¿Que entiendes por HTML?
es un 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 denominado código HTML para la definición de contenido de una página web, como texto, imágenes, etc.

2-T Define cada una de las que conforman HML:
HyperText Markup Languag
H: Hyper
T: Text
M: Markup
L: Languag

3-¿Quien invento el HTML?
Sir Timothy "Tim" John Berners-Lee OM, KBE (TimBL o TBL) (Londres, Reino Unido, 8 de junio de 1955) es un científico de la computación británico, conocido por ser el padre de la Web. Estableció la primera comunicación entre un cliente y un servidor usando el protocolo HTTP en noviembre de 1989.

4- ¿Cual era el objetivo del científico al crear el lenguaje HTML?
facilitar a científicos de diferentes universidades el acceso a los documentos de investigación de cada uno de ellos.

5- Menciona 4 características del lenguaje HTML?

•  El Web tenía que ser distribuido: La información repartida en páginas no muy grandes enlazadas entre sí.
• El Web tenía que ser hipertexto y debía ser fácil navegar por él.
• Tenía que ser compatible con todo tipo de ordenadores (PCs, Macintosh, estaciones de trabajo...) y con todo tipo de sistemas operativos (Windows, MS-DOS, UNIX, MAC-OS,...).
• Debía ser dinámico: el proceso de cambiar y actualizar la información debía ser ágil y rápido.

6- Menciona 7 reglas que debes seguir para el diseño de una pagina web?

1. Usar imágenes de alta calidad. Elige cuidadosamente las mejores imágenes que va con el mensaje.
2. Sé valiente a la hora de diseñar.  Los sitios web que se destacan entre la multitud son memorables para los clientes y lectores.
3. Diseño con un propósito. Cada elemento de una página web debe ser diseñado con un propósito. Siempre tiene que haber una razón para la creación de cualquier elemento de la página web.
4. Lo simple es mejor. Los diseños simples tienen un mayor impacto en lugar de los complicados. Una disposición de uno o dos-columnas es mucho mejor que un diseño de múltiples columnas.
5. Elija las fuentes sabiamente. La tipografía es una parte muy importante de un diseño.
6. Elija gráficos sobre el texto. Las imágenes entregan el mensaje de manera más directa y son más fáciles de entender que un bloque de texto. Recuerde siempre que los lectores tienen prisa y quieren encontrar la información lo más rápidamente posible.
7. Mejorar las partes importantes de una página. El lector debe saber de lo que trata su sitio web en los primeros 10 segundos de la primera visita, por lo que es muy importante destacar las características importantes.

http://www.desarrolloweb.com/articulos/que-es-html.html
http://ibiblio.org/pub/linux/docs/LuCaS/Manuales-LuCAS/doc-curso-html/doc-curso-html/x38.html
http://nconideas.com/blog/?p=59#

actividad 1.1 : Diseño de pagina web

Actividad 3.11- Proyecto final

3.2- Barra de herramintas

Actividad 3.1- Ventana de Flash

Ciencias de la comunicación

Las ciencias de la comunicación es una materia que en lo personal me gusta ya que podemos estudiar, analizar o debatir sobre los distintos procesos comunicativos y así aprender cosas que tal vez no sabíamos o ignorábamos y como la comunicación es indispensable para la sociedad es importante saber mas acerca de ella y de las formas en que se realiza.

2.3- Identificar las herramientas básicas del software de diseño

2.2- Identificar los elementos de la ventana del software de diseño

actividad 2.1- Terminología básica del software para editar imágenes

1- Imagen digital: 

es una representación bidimensional de una imagen a partir de una matriz numérica, frecuentemente en binario (unos y ceros).

2- Tipos de imágenes digitales:

• mapa de bits
• vectoriales

3- Imagen vectorial:
 las imágenes vectoriales son representaciones de entidades geométricas tales como círculos, rectángulos o segmentos. Están representadas por fórmulas matemáticas (un rectángulo está definido por dos puntos; un círculo, por un centro y un radio; una curva, por varios puntos y una ecuación). El procesador "traducirá" estas formas en información que la tarjeta gráfica pueda interpretar.

4- Imagen de pixeles (mapa de bits):
son imágenes pixeladas, es decir que están formadas por un conjunto de puntos (píxeles) contenidos en una tabla. Cada uno de estos puntos tiene un valor o más que describe su color.
5- Resolución:


6- Como se maneja el color:


7- DIP:

8- Sistema de colores:
a) Escala de grises:
empleada en la imagen digital en la que el valor de cada píxel posee un valor equivalente a una graduación de gris. Las imágenes representadas de este tipo están compuestas de sombras de grises, que van desde el negro más profundo variando gradualmente en intensidad de grises hasta llegar al blanco.
b) RGB:
 (en Inglés Red, Green, Blue, en Español rojo, verde y azul) es la composición del color en términos de la intensidad de los colores primarios de la luz.
c) CMYK: es un modelo de color sustractivo que se utiliza en la impresión en colores. Este modelo se basa en la mezcla de pigmentos de los siguientes colores para crear otros más: C = Cyan (Cian), M = Magenta (Magenta), Y = Yellow (Amarillo), K = Black o Key (Negro).

9- Formatos de imagen de mapa de bits
a) GIFT: es un programa de computadora creado para servir de nexo entre los distintos protocolos de redes de distribución de archivos y una interfaz gráfica. Utiliza plugins para cargar dinámicamente los diferentes protocolos a medida que un cliente lo solicite.
b) BMP: es el formato propio del programa, que viene con el sistema operativo Windows. Puede guardar imágenes de 24 bits (16,7 millones de colores), 8 bits (256 colores) y menos. Puede darse a estos archivos una compresión sin pérdida de calidad: la compresión RLE
c)JPG/JPGA:
d)PNG:
e)PSD:
f)RAW:
g)TIFF:

10- Imágenes vectoriales:
a) AI:
b) CRR:
c) EPS:
d)ODG:
e)SVG:
f)SWF









http://es.wikipedia.org/wiki/Imagen_digital
http://es.scribd.com/doc/12442827/2Tipos-de-ImAgenes-Digitales
http://es.kioskea.net/contents/736-imagenes-vectoriales-y-de-mapa-de-bits



http://es.wikipedia.org/wiki/RGB
http://es.wikipedia.org/wiki/Modelo_de_color_CMYK
http://es.wikipedia.org/wiki/GiFT
http://es.wikipedia.org/wiki/Windows_bitmap

Actividad 3.6: Compartiendo recursos

• Antes de compartir cualquier carpeta, archivo o documento primero ahí que verificar que nuestro equipo tenga la conexión  a red  para tener acceso a nuestro grupo de trabajo

• después tienes que desactivar el uso compartido con  contraseñas y guardar los cambios

• después solo tienes que dar clic derecho en la carpeta que deseas compartir  
• clic propiedades, compartir
• aparecera una ventana para seleccionar con quien deseas compartir la carpeta, seleccionas todos
• y despues si el documento sera de solo lectura o lectura y escritura
• 

Actividad 3.5: Conexión física de la red

• primero tenemos que configurar la IP fija para que nuestra red pueda funcionar correctamente

• Ya que tenemos la dirección IP fija para poder abrir los puertos o cualquier cosa.

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

• si queremos conectar 2 ordenadores (o mas) entre si para pasar datos o compartir una conexión a Internet, necesitaremos:

•Que cada equipo tenga tarjeta de red
•Un Hub o Switch 
•Cables de red, cable RJ45

pasos:

• verificar que los cables funcionan correctamente utilizando un probador

• después conectar uno de los extremos de los cables al CPU de nuestro o nuestros equipos

•  y el otro extremo conectarlo conectarlo al  swich

• Si tenemos conectividad física, las luces en el Hub o Switch se iluminaran.

3.4: Armando el cableado de red

Materiales: 

1. Cable UTP.
2. Ponchadora 

Pasos:  

1- Cortar el cable UTP.

2- Retirar el cable aislante que cubre el cable UTP para dejar libre los hilos conductores

3-  Después elige el  tipo de conector o norma que deseas realizar  

LA NORMA IEEE T568 A : 

1. BLANCO / VERDE 
2. VERDE
3. BLANCO / NARANJA 
4. AZUL
5. BLANCO / AZUL 
6. NARANJA 
7. BLANCO / CAFE
8. CAFE

4- Coloca los hilos según su color como te  indique la norma 
                            

5- Y al final lo ponchas

      

   

                                                              Y listo!!

Actividad 3.3:Herramientas y materiales para crear la red

Fuentes:

http://es.scribd.com/doc/38193006/Conectores-Para-Redes

http://www.ehowenespanol.com/conector-lan-sobre_152895/

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

http://es.wikipedia.org/wiki/Conmutador_(dispositivo_de_red)

http://www.tiposde.org/general/661-tipos-de-switch/

Actividad 3.2: Reporte de configuración de red

1-¿Como se configura la IP fija?
- Clic en Inicio

- Clic en panel de control.

- clic en redes e Internet

- clic en centro de redes y recursos compartidos

- clic en cambiar la configuración del adaptador 

- clic derecho en la conexión de área local

- clic en propiedades 

- clic en protocolo de Internet versión 4

- clic en propiedades

- clic en usar la siguiente dirección IP

- introduces la dirección IP

- clic en aceptar

2- ¿Como se crea un grupo de trabajo y nombra la PC?

- clic en inicio

- clic derecho en equipo

- clic en propiedades 

- clic en cambiar configuracion

- en descripción de el equipo introduces un nombre

- clic en cambiar

- le pones un nombre al equipo y al grupo de trabajo (todas las maquinas deben tener el mismo nombre)

- clic en aceptar

- aparece un cuadro y le das aceptar

- aparece otro cuadro y pregunta que si la deseas reinicias ahora?

- reiniciar ahora (hacer lo mismo con todas las maquinas)

3- ¿Como se configura la red (domestica o de trabajo) y su verificación?
- clic en inicio
- clic en panel de control
- clic en centro de redes y recursos
- clic en centro redes e internet
- clic en centro de redes y recursos compartidos
- clic en configurar una nueva conexion  o red
- clen en conectarse a un area de trabajo
- clic en siguiente
- clic en llamar directamente


4- ¿Como se comparten carpetas, drivers, impresora?
- clic en inicio
- clic en equipo
- clic derecho en la carpeta que deseas compartir
- clic en propiedades
- clic en compartir
- clic en uso compartido avanzado
- clic en compartir esta carpeta
- clic en permisos
- aparece un cuadro ( seleccionar todas)
- clic en aceptar
- clic en aceptar, otra vez
- clic en cerrar
- clic en inicio
- clic en dispositivos e impresoras
- clic derecho en la impresora que vas a compartir
- clic en propiedades de impresora
- clic en compartir
- clic en compartir esta impresora
-  clic en aceptar
- clic en red
- y aparece el documento ya compartido

5- ¿Como se cambia la contraseña de red, activar o desactivar contraseña, uso compartido con protección de contraseña?
- clic en inicio
- clic en panel de control
- clic en de redes e Internet
- clic en centro de redes y recursos compartidos
- clic en cambiar configuración de uso compartido avanzado
- en la parte de abajo
- clic en desactivar el uso compartido con protección por contraseña
- clic en guardar cambios (se sigue el mismo procedimiento con todas la maquinas)







http://www.adslayuda.com/Redes-compartir_recursos.html