lunes, 14 de julio de 2014

Fondos e imágenes en HTML

Color e imagen de fondo de una página Web
Color de fondo.
A través de la etiqueta <body> es posible establecer el color de fondo de la página Web.


El color de fondo puede establecerse a través del atributo "bgcolor", al que es posible asignarle un color representado en hexadecimal o por un nombre predefinido.




Color
Hexadecimal
Nombre
#FFFFFF
white

#000000
black
#000080
navy
#0000FF
blue
#008000
green
#008080
teal
#00FF00
lime
#00FFFF
aqua
#800000
maroon
#800080
purple
#808000
olive
#808080
gray
#C0C0C0
silver
#FF0000
red
#FF00FF
fuchsia
#FFFF00
yellow


Por ejemplo, para hacer que el color de fondo de una página sea de color azul, tendremos que escribir:
...
<body bgcolor="#0000FF">
...
</body>
</html>


Imagen de fondo.
A través de la etiqueta <body> es posible establecer la imagen de fondo de la página Web.

La imagen de fondo puede establecerse a través del atributo "background", indicando la ruta en la que se encuentra la imagen.

Por ejemplo, para hacer que la imagen de fondo de una página sea la imagen "fondo.jpg", que se encuentra en el mismo directorio en el que se encuentra guardada la página, tendremos que escribir:
...

<body background="fondo.jpg">
...
</body>
</html>


y si la imagen es online se utiliza la dirección "URL" de la imagen se escribiría asi:

<body background="URL de la imagen">
...
</body>
</html>



Color de texto.
A través de la etiqueta <body> también es posible establecer el color del texto de la página a través del atributo "text".

Por ejemplo, para hacer que el color del texto de una página sea de color azul, tendremos que escribir:
...

<body text="
#0000FF">
...
</body>
</html>

Fuente: www.aulaclic.es

miércoles, 9 de julio de 2014

Temarios

TEMARIOS DE COMPUTACIÓN
 2do PARCIAL - 1er QUIMESTRE


1.     Aplicación Libre Office – Writer



2.     Aplicación Libre Office – Calc

a.     Operaciones básicas con celdas
                                                             i.      Suma, resta, multiplicación, división.

b.     Formula, funciones y operaciones complejas.
                                                             i.      Promedio, potencia y facturación.

3.     Aplicación Libre Office – Impress

4.     Estructura básica de una página web.


Notas: todos los temas se encuentran en el cuaderno y en el blog.

lunes, 7 de julio de 2014

Introducción a la codificación HTML5

¿Qué es HTML?

El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento.
Los documentos HTML deben tener la extensión html o htm, para que puedan ser visualizados en los navegadores (Web Browser - programas que permiten visualizar las páginas web).

Web Browser

El navegador instalado en el ordenador del usuario es el que interpreta el código HTML de la página que visitas; los navegadores de hoy en día pretenden ser compatibles con la última versión de HTML. Es necesario realizar extensiones de los navegadores para que puedan ser compatibles con esta última versión.
Dos de los navegadores que continuamente están realizando extensiones son Internet Explorer y Mozilla Firefox, que realizan extensiones incluso antes de que se establezcan los estándares, intentando incluir las nuevas funciones incluidas en los borradores.

Editores

Un editor es un programa que nos permiten redactar documentos, Estos editores disponen de un entorno visual, y generan automáticamente el código de las páginas. Al poder ver en todo momento cómo quedará la página en el navegador, se facilita la creación de las páginas, y el uso de menús permite ganar rapidez.
A lo largo de este curso vamos a trabajar con el Gedit text editor para crear nuestras páginas, ya que se trata de un editor de textos muy sencillo de manejar, que nos permitirá crear páginas a través del código HTML.

Etiquetas (tags)

Las etiquetas o marcas delimitan cada uno de los elementos que componen un documento HTML. Existen dos tipos de etiquetas, la de comienzo de elemento y la de fin o cierre de elemento.
La etiqueta de comienzo está delimitada por los caracteres < y >. Está compuesta por el identificador o nombre de la etiqueta, y puede contener una serie de atributos que permiten añadir ciertas propiedades. Su sintaxis es: <identificador atributo1 atributo2 ...>
La etiqueta de final está delimitada por los caracteres </ y >. Está compuesta por el identificador o nombre de la etiqueta, y no contiene atributos. Su sintaxis es: </identificador>
Cada uno de los elementos de la página se encontrará entre una etiqueta de comienzo y su correspondiente etiqueta de cierre, a excepción de algunos elementos que no necesitan etiqueta de cierre. También es posible anidar etiquetas, es decir, insertar etiquetas entre otras etiquetas de comienzo y de cierre.

Estructura Básica de una página Web

<!DOCTYPE html>
<head>
<meta content="text/html"; charset="utf-1">
<meta charset="iso-8859-1">
<title> aquí va el título de la barra del navegador</title>
</head>
<body>
........
Aquí van todas las etiquetas que se mostrarán en el contenido de la página web.
........
</body>
</html>

lunes, 26 de mayo de 2014

Aplicaciones Libre Office 3

¿Qué es Libre Office?
Es una suite ofimática libre que incluye herramientas como procesador de textos, hoja de cálculo, presentaciones, herramientas para el dibujo vectorial y base de datos. Está disponible para varias plataformas, tales como Microsoft Windows, GNU/Linux, BSD, Solaris y Mac OS X. Soporta numerosos formatos de archivo, incluyendo como predeterminado el formato estándar ISO/IEC OpenDocument (ODF).

Writer
Word Processor es un procesador de texto multiplataforma que forma parte del conjunto de aplicaciones de Libre Office. Además de otros formatos estándares y ampliamente utilizados de documentos, puede abrir y grabar el formato propietario .doc de Microsoft Word casi en su totalidad. El formato nativo para exportar documentos es XML. También puede exportar a ficheros PDF nativamente sin usar programas intermedios.

Características:
Writer es también un potente editor HTML tan fácil de usar como un documento de texto. Sólo con entrar en el menú Ver y seleccionar "Diseño para internet" cambia el formato del cuadro de texto, asemejándose a una página Web, que se puede editar de la misma forma que si fuera un procesador de textos. Con él también se pueden hacer etiquetas, así como tarjetas de presentación fácilmente, sin tener que modificar el formato de un documento de texto para ello. También tiene una galería de imágenes, texturas y botones, además de una aplicación de textos creativos llamado Fontwork parecido al WordArt de Microsoft Office.

Calc
SpreadSheet es una hoja de cálculo y software libre compatible con Microsoft Excel. Es parte de la suite ofimática OpenOffice.org. Como con todos los componentes de la suite OpenOffice.org, Calc puede usarse a través de una variedad de plataformas, incluyendo Mac OS X, Windows, GNU/Linux, FreeBSD y Solaris, y está disponible bajo licencia LGPL.

Calc es una hoja de cálculo similar a Microsoft Excel, con un rango de características más o menos equivalente. Su tamaño es mucho menor y proporciona un número de características no presentes en Excel, incluyendo un sistema que automáticamente define series para representar gráficamente basado en la disposición de los datos del usuario. 




Impress
Presentation es un programa de presentación similar a Microsoft PowerPoint. Puede exportar presentaciones al formato SWF, permitiendo que se reproduzca en cualquier computadora con un reproductor de Flash instalado. También incluye la capacidad de crear archivos PDF, y la capacidad de leer archivos de Microsoft PowerPoint (ppt). Su formato original es ODP.

Además, puede insertar varios elementos a los slide (diapositivas) como textos, imágenes, incluyendo animaciones, transiciones y enlaces.

Windows 7

Explorando Windows7

Cada vez que enciende su equipo, inicia un proceso por el cual se cargan los archivos necesarios del sistema para que usted interactúe con su equipo y para que el equipo interactúe con otros dispositivos como el monitor, el teclado, y el mouse. Cuando el proceso de inicio está completado, usted inicia sesión en Windows 7 proporcionando información que lo identifica únicamente con el sistema. Después de iniciar sesión, Windows 7 presenta un entorno de trabajo conocido como la Pantalla de Inicio.

http://2.bp.blogspot.com/-MFLmivE4WQs/T9DyWi5BgQI/AAAAAAAAAHY/SxHnPBcbgww/s1600/windows-7-pro1.jpg


Cuando finaliza su trabajo con el equipo, puedes apagar el equipo por completo o dejarlo ejecutando de varias maneras. Por ejemplo, puedes cerrar sesión de Windows 7 para finalizar la sesión de sus programas y servicios, bloquear el equipo para restringir el acceso a su sesión, o colocar el equipo en modo Suspender para conservar energía.

Simbolo de sistema de windows7 (CDM)






"El símbolo del sistema (en inglés Command prompt) es el intérprete de comandos en OS/2 y sistemas basados en Windows 7. Es el equivalente de command.com en MS-DOS y sistemas de la familia Windows" 1


Comandos del símbolo del sistema 2

CD    : Permite cambiar de un directorio activo a otro.

CLS  : Permite eliminar los comandos anteriores.

DIR : Permite ver todos los archivos y directorios de la ruta en la que nos encontramos.


EXIT : permite salir del símbolo del sistema.

HELP : Proporciona información de ayuda para los comandos de Windows.


_______________________________
1 Enciclopedia Wikipedia - http://es.wikipedia.org/wiki/Cmd
2 Enciclopedia Wikipedia - http://es.wikipedia.org/wiki/Cmd





lunes, 12 de mayo de 2014

SISTEMA OPERATIVO LINUX-UBUNTU

¿Qué es un sistema operativo?
El sistema operativo es un programa (software) o conjunto de programas que permite la comunicación entre los usuarios y el computador.

Ejemplos de sistemas operativos
 Windows, Linux, Unix, Mac, OS X, Android e Iosx.


¿Qué es Linux?
GNU/Linux es un sistema operativo derivado de UNIX, que se distribuye en forma libre, tiene un sistema de archivos denominado "núcleo o Kernel", muy similar al de UNIX.

Sistema UNIX

Unix es un sistema operativo multitarea, multiusuario y estable, creado en 1969 por Thompson y Ritchie en los Estados Unidos

¿Quién creó Linux y cuándo fue creado?
En el año de 1991, Linus Torvalds completó el sistema operativo con su kernel (que es la aplicación encargada de comunicar los procesos con el hardware de la computadora). A este kernel lo bautizó como Linux. De esta manera, se formó el sistema GNU/Linux.


¿Qué es ubuntu?

Ubuntu es una distribución GNU/Linux que proporciona un sistema operativo actualizado y estable, con un fuerte enfoque en la facilidad de uso e instalación del sistema. Ubuntu usa primariamente software libre, haciendo excepciones en el caso de varios controladores privativos.


Ubuntu 13.04 Screenshot.png


GNOME Environment
GNOME es un programa (software libre) para la creación de un entorno de escritorio para diversos sistemas operativos como GNU/Linux. Ubuntu desde su primer lanzamiento utilizó la interfaz de usuario predeterminada del escritorio GNOME, con un panel inferior para listar ventanas y un panel superior para menús e indicadores de sistema


La actual interfaz de usuario de Ubuntu está compuesta por tres elementos: la barra superior para indicadores de sistema y menús, el lanzador de aplicaciones al costado izquierdo, y el tablero que despliega accesos a aplicaciones y medios.


Archivo:Screenshot Ubuntu 13.04 Apps Lens.png



Características y Ventajas de Ubuntu
 Características
  • Soporta dos arquitecturas de hardware en computadoras personales y servidores. 
  • Multitarea, Multiusuario y Multiplataforma. 
  • Facilidad de uso y las aplicaciones orientadas al usuario final. 
  • El sistema incluye funciones avanzadas de seguridad.
 Ventajas
  • Ahorro de dinero en licencias 
  • Es mucho más seguro 
  • Estabilidad en el entorno gráfico. 
  • Actualizaciones constantes 
  • Aumenta la velocidad de procesamiento y reduce el uso de memoria

lunes, 9 de abril de 2012

CONTENIDOS PROGRAMATICOS DE COMPUTACIÓN 2014

SISTEMA OPERATIVO
Bloque 1:        Sistema Operativo Linux (Ubuntu) y aplicaciones KDE        
Bloque 2:        Aplicaciones Libre Office 3.5 (Writer, Calc, Impress)


HTML 5
Bloque 3:       Codificación básica en HTML 5 (Fondos con imágenes y colores)
Bloque 4:       Estructura de una página Web. (Textos, listas, imágenes y enlaces)
Bloque 5:       Tablas, maquetación y propiedades básicas.
Bloque 6:       Animaciones con herramientas en línea. (www.flashvortex.com)
Bloque 7:       Formularios en HTML. (Etiquetas y propiedades)

DISEÑO WEB
Bloque 8:        Introducción a CSS (Cascading Style Sheets)
Bloque 9:       Formatos y estilos en CSS. (Etiquetas, clases e identificadores)