domingo, 22 de noviembre de 2015

Tercero A y B,

Etiquetas de formato

Todo lo que se  escribe entre las etiquetas <BODY> y </BODY>, es lo que se ve en la pantalla del navegador.
En esta sección es donde se colocan etiquetas para dar color al fondo de la página, para escribir y dar formato al texto, para alinear los párrafos, para insertar tablas, figuras, sonidos, videos, hipervínculos y cualquier otro tipo de objeto.


Etiquetas de definición de párrafos
Etiqueta
Descripción
<P> </P>
Define el comienzo y fin de un párrafo, deja una línea en blanco entre cada uno.
<BR>
Salto de línea
<PRE><PRE>
Presenta el texto tal y como se escribe en el editor.
<HR>
Inserta una línea horizontal fina entre una línea de texto y otra
<HR width=50% align=center size=4>
Inserta una línea centrada, de grueso medio, ocupando la mitad de la pantalla.
<HR width=300 align=left size=4>
Inserta una línea de 300 pixeles de longitud, alineada a la izquierda y con 4 pixeles de grosor
Etiquetas de atributos de formato
<B></B>
Bold (negrita)
<l></l>
Italic (itálica)
<U></U>
Underlaine (subrayado)
<BLINK></BLINK>
Efecto texto intermitente
<SUB></SUB>
Convierte en subíndice al texto
<SUP></SUP>
Convierte en superíndice al texto
<CENTER></CENTER>
Alinea al centro de la pantalla en texto y objetos.
Etiquetas de formato de fuente y tamaño de fuente
<H1></H1> a <H6></H6>
Da diferentes tamaños al texto, H1=16 puntos y H6=5pts
<FONT size=1></FONT>
Fuente, puede incluir  atributos como size, color y face
Etiquetas de hipervínculos
<A></A>
Hipervínculo que permite “saltar” a otro lugar en el mismo documento, a otro documento o a otra página Web.

Actividad:

  •      Utiliza el código de la clase anterior, agrega las etiquetas descritas en el cuadro.
  •      El código lo encuentras en el blog gandhicompu.blogspot.com, Tercero A y B, estructura HTML.



martes, 17 de noviembre de 2015

Primero A y B, Correo electrónico.

Correo electrónico

Outlook.com es un servicio de correo electrónico gratuito diseñado para mantenerte conectado en todos sus dispositivos con herramientas de organización potentes y un conjunto de aplicaciones y servicios de Microsoft.

Otros servicios de Outlook

  • Skype
  • encontrar contactos
  • calendario
  • trabajar en Office Online




Actividad 1:
  1. Ejecutar en la computadora Outlook.com.
  2. Registrar una cuenta de correo electrónico o utilizar el suyo.
  3. Enviar un mensaje de correo a sus compañeros.
  4. Contesta el correo recibido en clase.

Tercero A y B, Etiquetas de color HTML

Etiquetas de color

El color permite dar características especiales a las páginas Web; puedes dar color al texto, al fondo de la página, a las imágenes, y hasta a las tablas, asignándoles color de fondo y de contorno.
También se da color a  los hipervínculos, lo que permite ver si ya has pulsado sobre ellos o no.
Los colores básicos se escriben utilizando sus nombres en inglés, o el código hexadecimal correspondiente:

Red (#FF0000)
Blue (#0000FF)
Yellow (#FFFF00)
Green (#008000)
Black (#000000)
White (#FFFFFF)
Maroon (#800000)

El código que más se utiliza en las páginas Web para definir los colores del fondo, del texto y de los hipervínculos es el siguiente

<BODY bgcolor=”#F0E68C” text=”#A30E1d” link=”#0000FF” vlink=”#B50030” alink=”#800040”>

Dónde:

bgcolor. Color del fondo
text. Color de todo el texto del documento
link. Color del texto al que se le  ha asignado un hipervínculo
vlink. Cambia el color cuando se pulsa en un hipervínculo
alink. Color de los vínculos activos en el documento

Actividad 1:
a  Busca en Internet el equivalente en código hexadecimal de los siguientes colores: aqua, gray, lime,   navy, purple, silver, fuchsia, olive, teal. En el cuaderno.

Actividad 2:
a  Copia y pega el siguiente código en un bloc de notas.
b   Agrega al siguiente código HTML los diferentes colores(Fuente y fondo de página), cambia el texto, tamaño de fuente, número de espacios, etc.
c  Guárdalo con el nombre PAGINA la extensión .HTML en una carpeta Nueva con tu nombre en la biblioteca Documentos.


<HTML>
   <HEAD>
    <TITLE>MI PRIMERA PAGINA</title>
   </HEAD>
         <BODY bgcolor="#FFCC99">
           <font color="#CC3300" size="5">Hola, estoy haciendo pruebas.</font>
<H1>La contaminación</H1>
                  <H2>La contaminación</H2>
                  <H3>La contaminación</H3>
                  <HR width=25% align=left size=4>
                  <B>La contaminación</B><BR>
                  <l>La contaminación</l><BR>
                  <S>La contaminación</S><BR>
                  <U>La contaminación</U><BR>
                  <STRONG>La contaminación</STRONG><BR>
                  <Marquee direction=left/rigth>La contaminación</marquee><BR>
                  <HR width=25% align=left size=4 noshade>
< BR><BR><BR><BR><BR><BR>
         Dejamos seis espacios en blanco arriba y seis abajo
         <BR><BR><BR><BR><BR><BR>
         <HR noshade>
         <FONT size=6 color=0000ff face= arial>La contaminación</FONT>
         <P><FONT size=3 color=0000ff face= arial>Escribe aquí un texto … escribe algún texto...</FONT>
         <HR noshade>
         </BODY>
</HTML>





lunes, 9 de noviembre de 2015

Primero A y B, Navegadores de Internet


¿Cuál es la función de un navegador de Internet?,

Navegadores de Internet.

Uno de los servicios que más éxito ha tenido en Internet ha sido la World Wide Web (WWW, o "la Web").
Mediante un software conocido como navegador, los usuarios pueden visualizar las páginas web (que contienen texto, imágenes, videos y otros contenidos multimedia) y navegar a través de ellas mediante los hipervínculos.



Un Explorador Web o Navegador es un programa que permite visualizar páginas web en la red además de acceder a otros recursos, documentos almacenados y guardar información.
El Navegador se comunica con el servidor a través del protocolo HTTP y le pide el archivo solicitado en código HTML, después lo interpreta y muestra en pantalla para el usuario.

Los más populares son Internet Explorer, Firefox, Safari, Opera y Google Chrome. Algunos Navegadores vienen integrados en el SO como Internet Explorer en Windows.


Actividad 1:
  1. Ejecutar en la computadora el navegador Explorer, reconoce los elementos principales de la pantalla.
  2. En Word realizar una tabla donde mencione los principales navegadores del mercado y sus características.
  3. Realizan el ejercicio del CD, Bloque>2>Sistemas de direcciones de Internet



domingo, 8 de noviembre de 2015

Segundo A, Photoshop


Ensamblar imágenes, Photoshop

En Photoshop, utilizar el comando Photomerge para realizar un ensamble  compuesto por cuatro capas, creando una imagen panorámica.



  1. Abrir una sesión Photoshop,
  2. Guardar tres imágenes en la carpeta imágenes.
  3. utilizar el comando Photomerge para realizar un ensamble  compuesto por cuatro capas, creando una imagen panorámica
  4. Clic Menu Archivo
  5. Clic Automatizar
  6. Clic Photomerge
  7. Seleccionar Composición Automática
  8. Archivos de origen, Usar: archivos,    Explorar y elegir los archivos a unir
  9. Activar fusionar imágenes
  10. Activar Corrección de distorsión geométrica
  11. Clic en OK

Recortar una imagen y ponerla sobre un fondo



  1. Seleccionar la imagen de fondo, guardarla en la carpeta Imágenes
  2. Seleccionar la imagen a recortar
  3. Abrir Photoshop y las imagenes
  4. Seleccionar la herramienta Pluma del panel izquierdo
  5. Dar zoom a la imagen para facilitar la selección
  6. Marcar puntos alrededor de toda la imagen 
  7. Al terminar de seleccionar, clic derecho y Hacer selección
  8. Cambiar los pixeles, clic Ok
  9. Arrastrar la imagen al fondo
  10. Con Ctrl+t, podemos cambiar el tamaño de la imagen
  11. Enter para validar  ( fijar la imagen)
  12. En la capa de la imagen recortada, clic derecho estilo de capa, seleccionar cualquier estilo, ver los cambios.
  13. Agregar un texto herramienta T del panel izquierdo.




Temario, Bloque 2 Páginas Web.

Temario 3º

Bloque 2    Páginas Web

1. Diseño de páginas Web
2. Páginas Web
3. Hyper Text Markup Language
4. HTML, Dreamweaver CS6
5. Creación de páginas Web
6. Diseño de sitio Web
7. Creación de un sitio Web
8. Páginas Web Fluidas
9. Evaluación del bloque




Páginas Web

Se conoce como página web al documento  que forma parte de un sitio web y que suele contar con enlaces (también conocidos como hipervínculos o links) para facilitar la navegación entre los contenidos.


Las páginas web están desarrolladas con lenguajes de marcado como el HTML, que pueden ser interpretados por los navegadores. De esta forma, las páginas pueden presentar información en distintos formatos (texto, imágenes, sonidos, videos, animaciones), estar asociadas a datos de estilo o contar con aplicaciones interactivas.

Entre las múltiples características que tiene una página web y que sirven para identificarla se encuentran las siguientes: cuenta con información textual y también con material de tipo audiovisual, está dotada de un diseño atractivo, está optimizada y ejerce como la tarjeta de presentación de una empresa, una persona o un profesional concreto.

Actividad:
  1. Abre una sesión de bloc de notas
  2. Copia el siguiente código html en el bloc de notas
  3. Cambia el texto de la página, color y  tamaño de fuente, color de fondo.


 <HTML>
   <HEAD>
    <TITLE>MI PRIMERA PAGINA</title>
   </HEAD>
         <BODY bgcolor="#FFCC99">
           <font color="#CC3300" size="5">Hola, estoy haciendo pruebas.</font>
<br>
           <font color="#CC3300" size="5">para mi primera página Web.</font>
         </BODY>
</HTML>






martes, 3 de noviembre de 2015

Primero A y B, Direcciones de Internet.

Direcciones de Internet.

Una dirección, también dirección de E-mail, o dirección de Internet, o dirección de Red, o dirección Web, es una serie de letras, números, y/o símbolos con  los cuáles Internet  identifica  tu computadora). Una dirección puede ser también un lugar donde se almacena información.
Con el uso de direcciones, la gente puede enviar e-mail, mirar sitios web y enviar o recibir archivos y documentos.


Una dirección de e-mail tiene el formato:

 nombredeusuario@nombredeanfitrión.com,

Donde el nombre de usuario es un nombre que tú has elegido y el nombre de anfitrión es el de tu ISP o proveedor de E-mail. El símbolo en el centro es el símboloarroba (@).

Una dirección web o URL es como los números de teléfono, cada uno es diferente. Una dirección web generalmente empieza por:
http://www seguido por un punto y entonces un Nombre de Dominio. La dirección acaba en .com, .es, .de, etc. dependiendo del país
 por ejemplo:     http://www.tengodeudas.com


Un dirección de Internet hace referencia a las dos direcciones anteriores, dirección de correo electrónico y dirección web, así como a dirección IP, que es un número asignado a un ordenador que está conectado a Internet.


Para poder identificar un sitio en Internet, las computadoras no usan un formato como www.google.com, sino unos números llamados direcciones IP. Una dirección IP es un número formado por cuatro segmentos y separado por puntos. Cada uno de estos cuatro números va del 0 al 255.

Actividad 1:
En Word realiza una tabla donde represente las instituciones encargadas de asignar y controlar las IP, así como los diferentes dominios para los países.