lunes, 3 de julio de 2017

5º Bimestre

Seguridad
Es digital. En la actualidad mandamos información. Lo que cae en la red no se borra, siempre va a quedar ahí. La seguridad va más allá del dispositivo, ya que trasciende es decir se va a otros dispositivos o aplicaciones. Un virus se activa únicamente si le dice un usuario que se active.

martes, 27 de junio de 2017

BASES DE DATOS

Es un conjunto de información ordenada con la finalidad de obtener información. Las bases de datos han estado presentes desde hace mucho tiempo, y podemos dar un vista breve en la época de las cavernas. El líder de la tribu designaba a alguien para llevar a cabo un conteo de com y con qué alimentar a toda la tribu con todo tipo de beneficios (Ropa, comida, etc.).

Herman Hollerith se le conoce como el padre de la informática, ya que en 1880 le encargan un conjunto de información recopilada, así que junto con Alan Turing inventa una máquina para facilitar la contabilidad, a través de las tarjetas perforadas. Hollerith fue el que inició a hacer las bases de datos .

Resultado de imagen para alan turing

Los primeros lenguajes de informática fue gracias a ellos. El primero llamado CODASYL (Conference on Datas System Language), igual está COBOL que era específicamente para las bases de datos, actualmente todavía se usa en algunos bancos. 

Structure Query Language.  



lunes, 19 de junio de 2017

5º Bimestre

Ofimática
A finales de los 40´s se hizo presente la ofimática, justo iniciando la primera generación de las computadoras. 
La ofimática es el conjunto de técnicas, aplicaciones y herramientas informativas que se utilizan para optimizar y mejorar tareas y procedimientos relacionados con trabajos de oficina.
Se relaciona fuertemente con la informática. Herman Hollerith fue su creador. Henry Mill patentó en 1914 la primera máquina de escribir, la que dio inicio a la informática para facilitar los trabajos de oficina, bases de datos, como las hojas de cálculo, igual está ligado con el correo electrónico.

OPEN SOURCE: Son aplicaciones gratuitas, cuya ventaja es que la persona que los descargue, igual puede descargar el código fuente y poder modificarlo, desde cambiar el tipo de letra hasta modificar toda la página.

WORD -PAGES
EXCEL-NUMBERS
POWER POINT-KEYNOTE

Aplicaciones libres: se reconocen 2
Libre office(Creado por una compañía norteamericana vinculada con los sistemas ORACLE ) y open office(Manejado por APACHE(aplicación libre) es el servidor web por excelencia, publica páginas de internet gratis, servidores.PHP es basado en APACHE). (GRATUITAS)

Microsoft le dio cierto acceso a Office para Mac. 






lunes, 5 de junio de 2017

5º Bimestre

Numbers
Es un espejo de Excel, pero muy malo. Fue la propuesta inicial al tratamiento de datos y gráficas. Los anuncios de Mac decían que era de diseños gráfico, pero también cálculos gráficos.
 En numbers hay muchas cosas que no se pueden hacer como en Excel. Ambos se dividen en columnas y renglones. 
Columnas son de letras y renglones números.
Nomenclatura. COLUMNA-RENGLÓN 

Proyecto Realizar operaciones básicas, promedio,sumas,contar celdas. Gráficas e investigación de pages. Presentación de Keynote.


martes, 23 de mayo de 2017

5º Bimestre

Keynote

Competencia de PowerPoint. Cada 3 años cambia PowerPoint. 
Las plantillas son vistosas aunque Keynote les gana. Pp gana en la generación de plantillas. 
Multimedia Pages y Keynote(más eficiencia que un pdf)

lunes, 27 de marzo de 2017

27-03-17
Dirección de mi página web en URL"EXAMEN "

Texto sencillo 1
Es una práctica con fondo 2*
Es una liga 3
Tablas y diagonal 4
Imagen de sustitución 5
Formato de texto 6
Biomas 7
Mapa sensitivo 8

Le da una mejor vista a la página web: FORMATO DE TEXTO
CSS: Son elementos de programación que permiten dar formato a una página.

Ventaja de CSS es que puedes usarlo en un documento completo general o de manera independiente a partir de un archivo externo. 
 Los fonos en web pueden tener 2 opciones, que se presente en modo de mosaico.




martes, 7 de marzo de 2017

Sitios Web

7-03-17
13-03-17


Tips de páginas web
Cuando diseñamos un sitio web procuramos tener aquellos puntos para que la página .

Coherencia es un factor imprescindible de una página web.
Confiable y Verificable.

Las páginas web se pueden medir en PIXELES o PORCENTAJE referente al tamaño de la ventana que los contiene.

Los enlaces en web son vitales.

Rutas absolutas. Cuando se usan rutas relativas no se usa el (HTTP) se ocupa otra metodología.

Páginas Web

COHERENCIA, FUNCIONALIDAD Y ÉXITO

Consejos que se pueden aplicar a un sitio, para que este sea más exitoso.

Diseño

Entre más simple, mejor, un sitio web tiene que ser ligero, sencillo y fácil de leer, es decir intuitivo; no debe estar saturado de contenido multimedia (animaciones en flash, videos, fotos, etc.) ya que estos harán que la página tarde en cargar y por ende acabar con la paciencia de un cliente.

Contenido

La información que se proporcione y publique deber ser acorde al giro de la empresa, esta tiene que ser una fiel representación de la imagen de la organización; los contenidos deben ser coherentes y deben de brindar un valor añadido para quien los lee, estos deben ser una herramienta de uso para tus clientes. Crear categorías es fundamental, así como también lo es una sección de contacto.

Movilidad

El uso de los dispositivos móviles es una tendencia que se está convirtiendo en costumbre, si una página web no tiene un formato adecuado que pueda ser leído de forma correcta lo más seguro es que se pierda la oportunidad de acercarse a un cliente potencial.

Innovación

Los cambios son uno de los elementos claves para que cualquier empresa destaque, una vez que se tenga una página web no se debe dejar en el olvido, el mercado es cambiante y las formas de comunicación también lo son, por lo que debes continuamente buscar nuevas oportunidades para mejorar tu sitio.
Dominio Propio
Tenerlo es sinónimo de credibilidad y seriedad, dos aspectos claves para cualquier industria, una vez que lo tenga podrás incluirlo a Google para que aparezca en las búsquedas que se hagan a través de sus motores, si bien esto se hace de forma automatizada nunca está de más hacerlo manualmente.

Retroalimentación

Escucha a los clientes, se pueden formular pequeños cuestionarios que brindarán información demasiado útil sobre tus servicios, un mar de información de tu público objetivo que si se utiliza de manera correcta, tendrá beneficios sumamente importantes para la empresa.

Funcionalidad
Por un lado tenemos las empresas que optan por webs estéticas y muy visuales con un gran diseño profesional. Por otro lado existen las empresas (las que menos) que optan por diseños funcionales que en muchos casos son minimalistas.
Ninguna de las dos es mejor que la otra, ¿o sí?.
  1. Diseño estético

Muchas agencias de publicidad cobran a sus clientes una gran cantidad de dinero por hacer sitios webs complejos en los que se necesitan varios diseñadores y una costosa organización.
  1. Diseño funcional

Los diseños funcionales que son los diseños posiblemente más difíciles de lograr, pues son aquellos en los que hay que entender quién es el cliente ideal y su comportamiento. Se necesita un gran estudio previo a la programación del sitio.
Por un lado tenemos las empresas que optan por webs estéticas y muy visuales con un gran diseño profesional. Por otro lado existen las empresas (las que menos) que optan por diseños funcionales que en muchos casos son minimalistas.

¿Por qué no hacer diseños estéticos y funcionales a la vez?

Una web puede ser funcional y estética al mismo tiempo, es complicado que esté optimizada para ser funcional y que así sea pero puede darse el caso.
Aún si tus clientes están encantados con el diseño de tu sitio y el ratio de conversión es alto existe un problema que es de difícil solución. Las webs estéticas son más complicadas de programas y modificar que una que sea únicamente funcional.
Para darte un ejemplo piensa en lo que una persona tarda en modificar una página de la Wikipedia y piensa cuanto tardas tú en modificar la de tu negocio. Seguro que la respuesta es que tu tardas muchísimo más y esto es en parte por esas complicaciones estéticas, como pueden ser las imágenes decorativas, el formato de tu tipografía, la maquetación de tu sitio, etc.
Por eso las grandes empresas que están en continua expansión de sus negocios y por lo tanto deben aplicar rápidamente los cambios en sus sitios tienen este formato de simplicidad.

Coherencia 

Coherencia en el diseño


A grandes rasgos, se trata de evitar que el usuario tenga que pensar en cada momento cómo hacer lo que quiere, y para evitarlo lo mejor es que las cosas siempre se hagan de la misma manera, así, aprendido una vez, aprendido para siempre.

Coherencia con otras webs

Es una de las bases de la usabilidad, si las webs de tu misma temática colocan un botón con forma de triángulo en donde pone “Ir a caja”, y tu decides que ese botón sea cuadrado y ponga “Realizar pedido”, es posible que el usuario pierda un par de segundos buscando el botón triangular al que está acostumbrado. Si los usuarios se han acostumbrado a algo a través de otras webs de tu misma temática, copia esos “estándares” y facilitarás la vida al usuario. Ejemplo: El icono de RSS en los blogs o el de Compartir.

Coherencia del color

Los colores nos dan información sobre relevancia, tipo de mensaje, opciones añadidas, etc. Para evitar confundir al usuario lo más importante es que toda la web siga la misma línea cromática, pero además, a esto suele ayudar mucho que nuestra web no parezca el arco iris: escojamos 1 o 2 colores y diseñemos en base a eso, un color en distintas tonalidades puede dar mucho juego, por lo que normalmente con 2 colores, además del blanco y el negro, basta.

Coherencia de los botones o enlaces

Si decides que los botones normales sean azules y los importantes (eliminar, nuevo, comprar) de color naranja, asegúrate de cumplir siempre este esquema y no demasiados colores o formas. Siguiendo la coherencia con la World Wide Web, los enlaces deberían ser azules y subrayados para ser más fácilmente identificables.

Coherencia de la tipografía

Sencillo, si usas Arial, usas Arial, y no 7 tipos de letra distinto según el bloque de texto o la página en que me encuentro. Salvo casos como títulos o secciones muy especiales, un mismo tipo de letra debe predominar en todo el site, de lo contrario puede dar la sensación de que no hay orden o coordinación entre los distintos autores o departamentos.

Coherencia en la estructura

Puede que cada sección de tu site tenga unas necesidades distintas, pero intenta mantener una línea: cabecera y pie, logotipo, sidebar, bloque de contactar, botón de guardar,… son cosas que deben permanecer inalteradas a lo largo de la web aunque el contenido sea completamente diferente. Por ejemplo: un listado de productos o una descripción de producto con foto y características son bastante distintos, pero ambos deben llevar la misma cabecera, logotipo, sidebar y pie de página.
Otro apunte: si el botón de “guardar” normalmente está abajo a la derecha, asegúrate de que siempre se cumpla ese esquema, y no hagas como Microsoft, que te lo cambia de sitio para que te diviertas en su juego “la búsqueda del botón guardar“, muy divertido según creen ellos, una putada según opinamos algunos.

Coherencia en las nuevas versiones

Ya sé que pido un imposible, pero si a tu empresa llega un nuevo diseñador con nuevas ideas y pretende cambiar el diseño, debería tener en cuenta todo lo anterior, que si te fijas, es contrario a la innovación. La coherencia dice: monotonía. La innovación dice: se rompedor. El usuario pide monotonía.
Si en tu site tenéis que cambiar el diseño de arriba a abajo, podéis hacerlo por fases, primero cambiando los colores, para que el usuario se acostumbre a la nueva información cromática, luego la estructura, manteniendo la posición de las funcionalidades más importantes (guardar, comprar, …) y finalmente estas últimas, de forma que el usuario no se pierda y no tenga que volver a aprender lo ya aprendido (las personas mayores os lo agradecerán).


lunes, 27 de febrero de 2017

4º Bimestre

20-02-17
27-02-17
28-02-17
6-03-17
7-03-17

DREAMWEAVER

 Resultado de imagen para dream weaver


las personas estaban desconcertadas con internet por que no sabían que camino tomar y había gente que no sabia a donde iba a llegar ya que algunas se suicidaron o perdieron su dinero por invertir en una red web, esto fue en 1996-1997.

está destinada a la construcción, diseño y edición de sitios, vídeos y aplicaciones Web basados en estándares.



MACROMEDIA


Resultado de imagen para macromedia

su principal uso permitía que el usuario pudiera interactuar con el usuario. Macromedia decide acercarse a w3c.





Macromedia fue una empresa de software de gráficos y desarrollo web con centrales en San Francisco, California. Macromedia fue formada en 1992 por la fusión de Authorware, Inc. y MacroMind-Paracomp. Sus centrales están en San Francisco, California.





Adobe ofrece a Macromedia comprarla y al poco tiempo Macromedia acepta vendiendo todo. Adobe se vio beneficiado al comprar a los programadores y diseñadores que lo impulsaron a expandirse a nuevos campos.





FIREWORKS




Resultado de imagen para fireworks macromediaAdobe Fireworks (anteriormente llamado Macromedia Fireworkses un editor de gráficos vectoriales y mapas de bits. Fue originalmente desarrollado usando partes deMacromedia xRes, la cual había sido adquirida por Adobe en 2005.

FUCIÓN



Adobe y macromedia se fucionan, haciendo que todos o sí quiera la mayoria de los programadores y diseñadores dejen de usar flash. 


27/febrero/2017


DREAMWEAVER


Permite la elaboración de programas basados en lenguajes tales como HTML, HTTP, JAVA.
también trabaja con css, el cual servia para darle formato al documento HTML.
la modificación se llevaba en "bebido" lo cual significa:"dentro de ".Sirve para solo modificar el formato.
también trabaja con css, el cual servia para darle formato al documento HTML.la modificación se llevaba en "bebido" lo cual significa:"dentro de ".Sirve para solo modificar el formato.



DreamWeaver 
Es un programa multiplataforma ya que permite la de programas basados en lenguajes tales como: html, php,java, etc.
Trabaja con otro lenguaje que permite hacer ciertos movimientos dentro de la programación CSS (Cascade style sheets) Programación intrinseca o junta con permite modificar con html.
Embebido o separado en un documento externo para su mayor comprensión. Modificar el formato. 
Es un programa de auto edición , que lo que escribo en una parte, se escribe en el otro lado automáticamente.
28 de febrero de 2017
El párrafo es una parte importante dentro del código html <p> </p>. Define espacios de trabajo que permitirán manejar los formatos de manera adecuada.
En común encontraremos los elementos más comunes para el uso.
Hiper vínculo: Es un enlace electrónico que nos va a llevar a un documento interno o externo a la página web. Debido a que los podemos hacer en documentos que se hicieron en internet.
Hay enlaces externos también, requieres un destinatario o dirección , hay algunos que se refieren como rutas. hay rutas que podemos categorizar como rutas completas o absolutas en donde se hace referencia desde donde partes hasta el documento. Van paso a paso a un lugar.
 Rutas relativas,las relativas se denominan relativas a un sitio.Van a un lugar pero sin tantos pasos.
6-03-17
Un sitio normalmente consta de 2 partes, una carpeta local y una carpeta remota.
Colocar imagenes de fondo en las páginas web, requiere de ciertas características o consideraciones dado que las páginas pueden desplegar las imagenes de 2 formas:
IMAGEN POR REPETICIÓN(hay que hacrlo muy bien, se aconseja no usar puntos con texto porque impediría la correcta lectura de la info, se recomienda emplear un fondo adecuado con el tema, tambien que no se tan obscuro ni  brilloso para permitir la lectura adecuada.
Podemos poner fondo por 2 maneras: CSS o HTML(hay que configurar uno a uno
QUE SE ESTIREN(se pueden pixelear)
7-03-16

Komodo es para programadores expertos y Dreamweaver es más sencillo.



martes, 17 de enero de 2017

Komodo

Komodo

Sirve para programar en varios lenguajes viene desde HTML, THP, Java, y en general programas que van dirigidos hacia el internet.
De manera interna va a revisar la escritura y la sintaxis. 
La programación no la revisa.

+ El HTML se basa en etiquetas. 
+ Se conocen como picoparéntesis.
 + Es un lenguaje no posicional. 
Sangria
Se utiliza una técnica de sangrado con el texto a programar que consiste en dejar un espacio para hacer una división simbólica entre instrucciones.
 + Hay etiquetas que abren y cierran, hay algunas que no necesitan ser cerradas.
+ El HTML es un lenguaje no sensitivo. No siente la diferencia entre las mayúsculas y minúsculas.
+ Si no haces el sangrado puedes confundirte, así que es necesario hacerlo siempre.
 +  <br> =Enter
+  <p> = Párrafo
El texto que se escriba en las páginas web , tiene la característica de ser auto ajustable, que depende del tamaño de la página que
contenga el texto.





lunes, 16 de enero de 2017

Principales comandos de HTML - Tarea

Comandos HTML
  • < 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.