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.

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.

2. 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).

4º Bimestre

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

DREAMWEAVER

 

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

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

Adobe Fireworks (anteriormente llamado Macromedia Fireworks) es 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.

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.

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. 

3º Bimestre- Introducción a la programación de HTML

12-12-16
13-12-16
09-01-17
10-01-17
16-01-17

Introducción a la programación de HTML

El HTML viene desde hace mucho tiempo, y ha ido evolucionando gradualmente. Hay otro tipo de lenguaje como navegadores tales como: mozilla, opera. 

Windows y Microsoft usan otro tipo de lenguajes no HTML. 

El HTML 5 permite que los contenidos sean más ligeros para el servidor y que sean más pesados para el usuario. Hay una industria interna que hace que los servidores, ligas, enlaces,etc. que sean más eficientes.

INTERACTIVIDAD: Es la capacidad que tiene un sistema de entablar una comunicación a travez de un programa con el usuario.

Hace que el sistema te responda a lo que quieres hacer. 

El HTML no puede interactuar solo, requiere de otros lenguajes como: ASP(Active Server Pages) (Creado por Microsoft) este fue muy promovido por los programadores ya que permitía la interactividad con páginas webs.

El problema con este era que cuando los usuarios lo usaban el desempeño de la computadora caía y se sobre saturaba. Eran obsoletas las páginas ya que no cubrían las necesidades al 100%.

.NET Forma parte de una de programación de Microsoft de Visual estudio Cchat y Jchat, permiten la interactividad con mayor desempeño, pero sobre una plataforma Microsoft.

JAVA y JAVASCRIPT: J permite trabajar con base de datos(transacciones bancarias) pertenece a ORACLE el problema es que no era muy compatible con algunos programas. JS es más difícil de entender. 

PHP: ( Pre Hiper Text)Es un acrónimo recursivo. Es complicado pero cubre las fallas de CChat, JChat,etc.

Se podía programar HTML (Hiper Text Markup Language)con aplicaciones de texto, es un estilo de programación lineal. Así la hizo Tim Berners Lee. 

CSS: (Cascade Style Sheets) como una cascada, es muy importante porque en el pasado las páginas web se tenían que crear muchas veces, tenían el mismo diseño. Este permitía cambiar elementos determinados como el estilo y la estructura general seguía igual, no se modificaba. Solo se cambiaban los estilos más no los formatos.

SQL:(Structure Qwerty Language) maneja las bases de datos, fundamenta la interactividad.

BBS: (Bulletin Board System) Forma de mostrar boletines. Era una consulta a artículos de investigación. Con más interés científico por que abarcaba temas de investigaciones.

Un sistema operativo es un programa que controla en su totalidad a la computadora. Lo informa.

Bill Gates generó un programa que simulaba a un sistema operativo (WINDOWS 95).

Explorer- Edge: Es un buscador de internet, lo hizo Bill Gates.

Explorer abrió la posibilidad a que la gente pudiera acceder a este mundo(internet).

ISP:( Internet Service Provider).

Había problemas de compatibilidad de HTML, en Netscape y Explorer.

 W3C:(World Wide Web Consortium) Estandarizó el uso y el empleo del HTML. 

IETF: Internet Engineering Task ForceEn conjunto con la W3C sacan adelante la estandarización.

 Nace el HTML 2, HTML 3 y HTML 4 (Más amplio, mayores recursos para la programación,más cuidado, estructura, elementos,) (1995) Microsoft lo perfeccionaba.

XHTML es creado por Microsoft, eXtensible HyperText Markup Language. incluía que algunos programas podían ser compatibles con internet.

 Se crea otro organismo WHATWG (Web Hypertext Application)

En 1998 surgen grupos "hipsters" que piensan que todo lo que hay en internet debe ser gratis. 

OPEN SOURCE: Ponerlo en la red y especificar como está hecho. 

YouTube tiene mucha información y es una biblioteca enorme. 

HTML5 es casi igual solo que lo modifican y permite que el trabajo lo haga el usuario y no el servidor. Porque debido a la nueva forma de trabajar con el lenguaje(el trabajo que hacía el servidor ) lo hace la máquina de trabajo. La información fluye más rápido. 

Propicia:

Que el servidor se descargue de trabajo, pero que el usuario necesite máquinas más potentes(internet, procedimiento)

El usuario puede hacer mejores cosas mientras tenga un mejor equipo.

 Ventajas de no tener CD´s:

Es más ligero el archivo.

Es más rápida la transferencia.

No hay tanta piratería.