5to bimestre
OFIMÁTICA
la ofimatica es una ciencia de reciente creacion y por lo tanto aun esta en proceso, nacio a finales de la decada de los 4os esto coincidentemente es el nacimiento de la primera computadora. la ofimatica es una ciencia que incluye a las computadoras y se genera debido a la demanda de las computadoras, la ofimatica es el conjunto de métodos aplicaciones y herramientas informáticas que se emplean en las labores de oficina con el fin de optimizar perfeccionar y  mejorar el trabajo y sus opercaciones que se llevan a cabo.Tiene que ver con la automatizacion. L a ofimatica son los principios de una herrrameineta que hoy se usa mucho el padre la informatica es GERMAN HOLLERITH al crearla informatica se propician herramientas para mejorar el trabajo de oficina .El padre de la ofimatica es HENRY MILL INVENTOR DE LA PRIMER MÁQUINA DE ESCRIBIR en 1714.

La ofimatica surge en 1948 y se debe a que las computadoras eran nuevas.El paso del tiempo permitio que se dieran cuenta que las computadora si funcionaban.Con la ofimatica surge OFFICE y podemos detectar que hay 4 vertientes que la sustenta que son :
el procesador de palabras-WORD
hojas de calculo-EXCEL
presentaciones electrónicas-POWERPOINT
manejadores de bases de datos-ACCES

Algunos incluyen manejadores de correo electrónico.Dentro de etas aplicaciones hay 2 opciones :

1.-Con licencia: donde pagas
2.-Open source:software gratuito y en cada copia que se descarga se encuentra el código fuente esta es la principal característica de open source(examen)
el código fuente es de donde sale el programa y permite modificar el programa de colores ,tipo de letra , y eso lo que hace es que sube  a internet y esos cambios se distribuyen en todo el mundo

SUITES

LA DE MICROSOFT ES OFFICE
LA DE MAC ES IWORK
Iwork esta conformado por :
1.-Pages-procesador de palabras
Keynote-presentaciones electronicas
Numbers-hoja de calculo

DEsde que Francia decidio dejar de quitar MICROSOFT trajo una aplicacion libre donde no gastabas dinero en licencias y tenian la misma usabilidad
1.-OPEN OFFICE: patrocinado por APACHE y es donde se montan las paginas y donde muchos programas open source se apoyan para poder trabajar usa lenguaje PHP.Es una suite
1.-writter-word
2.-Calc-excel
3.-Impress-powerpoint
4.-Bases-acces
5.-Draw-paint
6.-Math-complemento para write para formulas matematicas

2.-LIBRE OFFICE: es la versión mejorada de open office y permite conocer mejor cada elemento y el nombre es igual y la diferencia es que uno es APACHE y el otro lo genera ORACLE.

VENTAJAS Y DEVENTAJAS DE USAR MICROSOFT OFFICE EN WINDOWS Y EN MAC

En windows puedes pasar facilemte de un  documeto a otro y en mac tambien ero es mas complicado

En word y en excel no puedes organizar los elemetos en panatlla es mucjho mas compliacdo en mac que ne windows

Existe office para windows y mac porque cuando steve jobs contrato a bill gates y Bill gates renuncio y se fue.Al poco tiempo se encontraron aplicaciones windows con algo de mac y steve hobs lo demando porque se dio cuanta de que le había robado y la demanda de espionaje pero bill no podia pagar y le regalo offie MAC y así se creo office para MAC.Bill Gates cedió derechos DE OFFICE a MAC.EL programa vale 13,000 pesos.

NUMBERS
Numbers es una aplicacion espejo , se basaron en alla para poder hacer excel.En los primeros avisps acerca de esta aplicacin era una fascinacion ver como anunciaban a una Mac que era vista como una computadora muy productiva.
Excel en comparacion es mucho meor que numbers ya que tiene muchas mas opercaiones matemaicas pero en numbers podemos hacer cosas mas visuales

Formato CSS

Qué es CSS?

Hojas de Estilo en Cascada (Cascading Style Sheets), es un mecanismo simple que describe cómo se va a mostrar un documento en la pantalla, o cómo se va a imprimir, o incluso cómo va a ser pronunciada la información presente en ese documento a través de un dispositivo de lectura. Esta forma de descripción de estilos ofrece a los desarrolladores el control total sobre estilo y formato de sus documentos.

¿Para qué sirve?

CSS se utiliza para dar estilo a documentos HTML y XML, separando el contenido de la presentación. Los Estilos definen la forma de mostrar los elementos HTML y XML. CSS permite a los desarrolladores Web controlar el estilo y el formato de múltiples páginas Web al mismo tiempo. Cualquier cambio en el estilo marcado para un elemento en la CSS afectará a todas las páginas vinculadas a esa CSS en las que aparezca ese elemento.

¿Cómo funciona?

CSS funciona a base de reglas, es decir, declaraciones sobre el estilo de uno o más elementos. Las hojas de estilo están compuestas por una o más de esas reglas aplicadas a un documento HTML o XML. La regla tiene dos partes: un selector y la declaración. A su vez la declaración está compuesta por una propiedad y el valor que se le asigne.

h1 {color: red;}

h1 es el selector

{color: red;} es la declaración

El selector funciona como enlace entre el documento y el estilo, especificando los elementos que se van a ver afectados por esa declaración. La declaración es la parte de la regla que establece cuál será el efecto. En el ejemplo anterior, el selector h1 indica que todos los elementos h1 se verán afectados por la declaración donde se establece que la propiedad color va a tener el valor red (rojo) para todos los elementos h1 del documento o documentos que estén vinculados a esa hoja de estilos.

Imagen de susutitucion de dreamweaver 28/03/2017

Imagen de sustitución.  Rollover

Un rollover es una imagen que cambia por otra cuando el puntero se sitúa sobre ella. Este tipo de imagen suele utilizarse en los menús o en los botones para desplazarnos a través de distintas páginas. La imagen de Sustitución describe un comportamiento interactivo que se activa simplemente al pasar el cursor del mouse encima de la imagen en cuestión, es decir, cuando usted desliza por encima el cursor del mouse sobre la imagen ésta cambiará por otra imagen.  Para insertar un rollover hay que dirigirse al menú Insertar, Objetos de Imagen, a la opción Imagen de sustitución. En la nueva ventana hay que especificar la imagen original y la de sustitución. Es preferible que la opción Carga previa de imagen de sustitución esté activa. Si se activa, la imagen de sustitución se carga cuando se carga la página, de este modo se evitan las demoras debidas a la descarga de la imagen cuando llega el momento de que aparezca. El Texto alternativo es el texto que aparece al situar el puntero sobre una imagen, o el que aparecerá en lugar de la imagen en el caso de que por algún motivo ésta no pueda ser mostrada en el navegador. El texto alternativo puede asignarse a todas las imágenes, no sólo a los rollovers. Puede hacerse a través del campo Alt del inspector de propiedades de la imagen seleccionada.

Características de una pagina web efectiva 7/03/2017

Investigar cuales son las propiedades de las paginas web efectivas y que significa en las paginas web que sean coherentes.

CARACTERÍSTICAS DE UNA PÁGINA WEB EFECTIVA

1.- Diseño y estética: Una página web limpia y atractiva, adaptada a las nuevas tendencias de estilos y donde quede claro al usuario desde un comienzo de qué va la página web en la que acaba de entrar. La coherencia de colores, la sencillez y el equilibro aquí son factores importantes. Evita

2.- Usabilidad: Pónselo fácil a tus usuarios y haz que la navegación por tu página web sea sencilla y clara. Vamos, que encuentren lo que están buscando sin dar muchas vueltas. No intentes hacerles pensar con acertijos y metáforas o nunca conseguirás llevarles a donde tú quieres. Lo mejor es que seas lo más explícito posible, los menús estén a la vista y no escondas los apartados de importancia.

3.- Buen contenido:  Y para esto, lo más adecuado es que crear un blog para poder llevar una continuidad de creación de contenidos. Da lo que busca el usuario, no lo que buscas tú. Es importante que dejes el ego a un lado cuando estés creando un nuevo proyecto y te centres en lo que necesitan ellos, no tú.

4.- Optimización SEO: Para que lleguen a tu página web tienes la opción de ponérselo fácil a los buscadores para que muestren tus resultados de forma gratuita. Eso si, debes saber cómo hacerlo. Así que, o inviertes (tiempo y dinero) en tu formación o pagas a alguien para que se encargue de ello.

5.- Conexión con tus redes sociales: Es importante que tengas enlazadas las cuentas de redes sociales en tu página web, para que, a golpe de click tus usuarios puedan conectar contigo y decirte lo que deseen. 

6.- Suscriptores

7.- Analítica

¿QUE SIGNIFICA EN LAS PÁGINAS WEB QUE SEAN COHERENTES?

 Significa que a lo largo del sitio sea idéntico Que tenga sentido en lo que dicen.

Sitio Dreamweaver 28/02/2017

Sitio Dreamweaver
La habilidad de manejar ciertas paginas en conjunto radica esencialmente en que se ubiquen en un solo sitio tomando en cuenta que con DW podemos generar sitios web es importante reconocer la generación de un sitio especial para diseñar un sitio web, este sitio recibirá el nombre sitio DW y servirá para ordenar la info e impedir que la computadora se confunda, cuando generamos un sitio esta compuesta de : texto,imágenes ,videos , link ,esta info tiene que estar ordenada.

Como se hace un sitio dreamweaver
1.-Estar dentro de dreamweaver
Para colocar un fondo en una página web hay que contemplar el tamaño de la imagen ya que si es muy pequeña se presentara como mosaico, en términos generales se pueden colocar de dos formas un fondo_
1.-Mediante un formato HTML : va a ser una forma común y corriente en la que se presentara sin ningún formato,sin características especiales
2.-Un formato CSS:podremos adecuar la imagen con un formato en especial .

Para poner un fondo de una pagina web debes de tener en cuenta lo siguiente:
1.-La imagen debe ser grande para que abarque la mayor parte de la pagina
2.-No deberá contar con texto o de lo contrario nos se podrá leer lo que escribas en tu pagina
3.-No tiene que ser demasiado llamativo
4.-Buscar colores y fondos adecuados a la temática de la información
5.-Recordar que hay que tomar en cuanta la coherencia de la pagina
6.-El donde no puede ser mas importante que la información

EN las paginas web se pueden medir,cuando se trata de imagenes se trabaja con pixeles y porcentaje.El porcentaje se  refiere al espacio que ocupa el objeto de la pagina dentro de un navegador.

como hacer tablas 14/02/2017

COMO HACER TABLAS DW
14/02/2017

Las tablas 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. Utilice las tablas para presentar datos tabulares, diseñar columnas o disponer texto o gráficos en una página Web. Podrá agregar contenido; añadir, eliminar, dividir y combinar filas y columnas; modificar las propiedades de tablas, de filas o de celdas para añadir color y alineaciones, así como copiar y pegar celdas.

Las tablas constan de tres componentes básicos:

• Filas: Espacio horizontal.
• Columnas: Espacio vertical.
• Celdas: Los contenedores que se originan en las intersecciones de las filas y las columnas.
  

  

Insertar una tabla

Para insertar una tabla:

1. Lleve a cabo una de estas operaciones:

• Sitúe el punto de inserción en el lugar de la ventana de documento donde desea que aparezca la tabla y haga clic en el botón Tabla  de la categoría Común, en el panel Objetos, o elija Insertar > Tabla.
  
• Arrastre el botón Tabla desde el panel Objetos hasta la posición deseada de la página.
  En ambos casos aparecerá el cuadro de diálogo "Insertar tabla".

2. Acepte los valores actuales de este cuadro de diálogo o escriba otros nuevos.
   

• En el campo Filas, especifique el número de filas de la tabla.
  
• En el campo Columnas, especifique el número de columnas de la tabla.
  
• En el campo relleno de celda, especifique el número de píxeles que habrá entre el contenido de la celda y el límite de ésta. El valor predeterminado de relleno es 1 píxel. Introduzca 0 para especificar que no desea relleno. 
  
• En el campo espacio de celda, especifique el número de píxeles que debe haber entre las celdas de la tabla. El valor predeterminado es 2 píxeles. Introduzca 0 para especificar que no desea espaciado.
  
• En el campo ancho, especifique el ancho de la tabla como un número de píxeles o como porcentaje de la ventana del navegador.
  
• En el campo borde, especifique el ancho en píxeles del borde de la tabla. Introduzca cero (0) si no desea que la tabla tenga borde. 

3. Haga clic en Aceptar para crear la tabla.

DREAMWEAVER 28/02/2017

Pantalla Dreamweaver
Para abrir un nuevo documento se pone archivo>nuevo.Nos permite utilizar varios tipos de página como HTML, javascript,etc.DW tiene la habilidad de mostrar tanto la parte de diseño como la parte de código, se dice que Dw es un programa de auto edición  o sea que permite programar en código y automáticamente crea la pestaña de diseño o viceversaPara poder restaurar se da click en ventana y luego en diseño del espacio de trabajo y luego en restablecer clásico.

En las paginas web existen algo que se llama LINK que es una conexión que va a permitir enlazar un documento una pagina de 2 maneras ya sea interna o externa, interna cuando es del mismo sitio y externo cuando están fuera del sitio.Esos links se categorizan de 2 formas:

1.-A partir de las rutas que toman: existen 2 tipos de rutas ,rutas relativas o rutas absolutas.Las relativas por lo general siempre se hace relativa a un sitio y las absolutas son una ruta larga y completa.

Dreamweaver

DREAMWEAVER

Nace en 1997,en aquel entonces se empezaron a crear varias paginas web,sacando provecho al internet.Dado esto las personas empezaron a ir despacio con las inversiones en las paginas web;la gente seguía buscando algo que le permitiera crear paginas web decentes que llamaran la atención.

Quien presento la primera propuesta de esta aplicación fue una compañía llamada "macromedia",esta era una empresa que su principal objetivo era crear aplicaciones.ellos hacian ILEARNING
Macromedia con el tiempo noto que si se asociaba con empresas tendría mas exito,por esto se junto con W3C.Al juntarse con ellos notan que pueden hacer un programa HTML.Al darse cuenta que con esto genera mas clientes crea por fin "dream weaver" que trajo consigo:fireworks,flash,coldfusion.

La empresa que se empieza a interesar por macromedia es adobe.macromedia tenia una buena ganancia pero al darse cuenta que una empresa tan grande se intereso en ellos no lo dudo y se vendio macromedia a adobe.
BRIDGE es un puente que conecta diferentes programas.

El problema actual de adobe es flash ya que no se necesita demasiado para los usuarios.


DREAM WEAVER es capas de manipular varios tipos de archivos,esto se parece a la aplicación KOMODO.Dream es multi-plataforma y esto quiere decir que hay diferentes tipos de programas con los que se pueden trabajar.
PHP:es un lenguaje que permite obtener información de una base de datos.
CSS:es en donde algunos se basan en modificar los aspectos de una pagina web.


Para crear un nuevo archivo siempre es en "archivo" en la parte superior izquierda,tambien es ahi para guardar algún trabajo.
primera columna:
segunda columna:en esta se elige el diseño
despues de haber elegido alguna opción le das "crear"

Dream tiene la habilidad de mostrar tanto la parte de diseño como la parte de código,dado esto se dice que dream es un programa de auto edición,esto es aquel programa que permite programar en código y de manera automática va a diseñar la pestaña de código.Al tener 3 pestañas:codigo,dividir,diseño;se tiene que tener cuidado ya que cuando estas trabajando no se oculten las columnas o algo parecido.

editor komodo 17/enero/2017

EDITOR KOMODO

KOMODO es una aplicación multi-plataforma que nos va a permitir trabajar el  lenguaje HTLM java script,java y PHP.
Lo que hace komodo es revisar la sintaxis no revisa los errores de programación.
HTML se basa en el empleo de etiquetas estas etiquetas se reconocen porque se encuentran dentro de elementos que matemáticamente se llama picoparentesis. Estas etiquetas son etiquetas que abren y dependiendo de la etiqueta abra etiquetas que cierran la diferencia entre una que abre y una que cierra es que la que cierra tiene una diagonal invertida antes de la etiqueta.
De manera general los lenguajes de programación son no posicionales refiriéndose a que no requiere que ocupe una posición especifica dentro de la programación.Sin embargo para lograr una programación mas ordenada y entendible para el programador se utiliza un diseño sangrado .

En HTLM hay comandos que abren y que cierran etiquetas en especial hay algunos que solo abren y no es necesario cerrarlas y hay que identificar cuales son.
Los editores de HTLM NO son procesadores de texto.
<br> es una de las pocas etiquetas con  no necesitan que la cierren.
EN los comandos de HTLM no hay diferencia de mayusculas ni minúsculas(caso no sensitivo).
Una propiedad de una pagina web es que el texto se ajusta a el tamaño de pantalla.

Introducción a la programación 13/12/2016

13/12/2016

Introducción a la programación

EL HTLM es un lenguaje único de las computadoras.El internet es muy amplio y hay cosas que interactuan contigo y esta parte de interacción no se logra sin la programación.
La programación es un conjunto de instrucciones codificadas que van a llevar a cabo acciones específicas.Existen muchos tipos de programación:programación estructurada,etc.El HTLM es una programación lineal y es una que empieza en un punto y sigue de corrido y acaba en otro punto.Gracias a la programación HTLM puede haber una introducción a otros lenguajes y permitir la interactividad.La interactividad es una acción que se ejecuta entre una maquina y una persona (maquina-usuario).Los programas que generan interactividad son el complemento del HTLM como el ASP.ASP es un  programa que es viejito y este lenguaje se implemento en la época de los 90s y significa Active Server Pages y significa que la programación que se realizaba en este lenguaje se hacia con respecto a los servidores.Lo que hace ASP es poner a trabajar una máquina que contiene la información y mandarla a la maquina que lo requiera.

HTLM
Hay una cierta disputa entre software por licencia y libre.El de licencia cobrara todo y el libre era gratis.Tanto apple como firefox y opera propician que todo sea libre y que tenga una función mas académica que comercial.
HTLM 5 es un elemento muy fuerte cuya programación es muy distinta a HTLM 4.0 y la diferencia esta en que cada elemento que se hace presente en HTLM  tiene una estructura diferente y el 5 resume muchas cosas con la finalidad de poder genera mejor código.Los archivos que maneja el 5 son los mismos pero su operación es diferente.
 Youtube se planteo la idea de que  todos pudieran ver pero le costaba un poco de trabajo los Flash Player así que lo tenias que tener instalado para poder ver ciertos tipos de video.
Jail Break es un app que permite hackear tu ipad para poder usar adobe sin descargarlo y se salta iTunes pero tiene acceso a la biblioteca y todo es gratis.
Creando el grupo de WG da paso al HTLM5 y es el que actualmente se usa.El HTLM5 puede tener streaming de audio y de video de manera constante como spotify , netflix , claro video.Tambien esta la transferencia rápida de información.La información fluye directamente en la maquina del cliente no en el servidor.
HTLM5 ayudan a modernizar y podemos ver películas sin interrupciones.

Tarea Comandos HTLM 16-01-2017

Comandos HTLM

• < HTML > ... < /HTML > : Indica el comienzo y fin de un archivo HTML
• < HEAD > ... < /HEAD > : Indica el comienzo y fin de un encabezado (aquí se coloca generalmente el título).
• < TITLE > ... < /TITLE > : Indica el título.
• < BODY > ... < /BODY > : Indica el comienzo y fin del cuerpo de la página.
• < P > ... < /P > : Indica comienzo y fin de un párrafo.
• < BR > : Permite saltarse una línea (se llama quiebre de línea).
• < Hn > ... < Hn > : Para n entre 1 y 6, hacen que el texto encerrado aparezca como encabezado (un subtítulo). Se recomienda usar sólo 1,2 y 3.
• Tipos de letras:
  • < B > ... < /B > : Negrita.
  • < L > ... < /L > : Cursiva.
  • < BLINK > ... < /BLINK > : Parpadeante.
  • < STRONG > ... < /STRONG > : Enfatizada.
• < UL > ... < /UL > : Indica comienzo y fin de una lista no ordenada (puntos). Dentro de ellos, cada item empieza por < LI > y termina al terminar la línea.
• < OL > ... < /OL > : Indica comienzo y fin de una lista ordenada (números). Dentro de ellos, cada item empieza por < LI > y termina al terminar la línea.