Aprendiendo Web

DONDE ESCRIBIR HTML Y CSS

Hay 2 opciones de escribir el HTML

La primera (y esta es la que NO recomendada) es usar un programa como Dreamweaver de Adobe, la segunda es utilizar un editor de texto. Se recomienda esta segunda opción, tanto para escribir HTML como CSS, porque un editor de texto da mucho más control sobre el código, además usar un programa como Dreamweaver no te dejará aprender la forma correcta de escribir HTML.

Todos los archivos HTML son sólo texto, así que necesitas una aplicación que te permita escribir texto plano (sin agregar un monton de formatos).

A continuación veremos cuales son los editores básicos que debes usar, ya sea que estés en Windows, Mac o Linux.

 

Creando archivos HTML

Creando un archivo HTML(Mac)

Si estas usando Mac puedes usar TextEdit – si estas usando Windows o Linux no es necesario que leas esta sección, avanza hasta que encuentres la sección de tu sistema operativo. Sólo recuerda que TextEdit está por defecto en Rich Text así que tienes que configurarlo para que guarde tu trabajo como archivos de texto plano.

Entra a las preferencias de TextEdit y sigue estos pasos :

 

Creando un archivo HTML (Windows)

En windows usaremos notepad, pero antes tienes que editar las preferencias de archivo así

W3C cursos 

http://www.w3c.es/

http://www.w3schools.com/

http://www.w3.org/

HTML con TEXT EDIT

TextEdit es tremendamente eficaz es en la gestión de ficheros HTML. En su configuración por defecto es enormemente práctica su capacidad de entenderse con el estándar web, y esto nos va a permitir que TextEdit sea nuestro compañero ideal de navegación por la WWW. 

Y con esto me refiero a que hay ocasiones en que nos gustaría guardar el contenido de una página web para consultarla cuando estemos desconectados. Y, en muchas ocasiones, nos planteamos recurrir a aplicaciones de terceras partes que nos permitan guardar webs completas con sus imágenes, texto, tablas, etc. Pero no nos hace falta. TextEdit es capaz por si mismo de hacer lo que necesitamos, y con unos resultados fantásticos. 

 

Solo tenemos que seleccionar el contenido de la ventana del navegador que deseemos guardar, copiarlo (Menú Edición>Copiar o ‘comando+c’) para pegarlo en un documento nuevo de TextEdit (Menú Edición>Pegar o ‘comando+v’) y tener  una copia EXACTA de la página o parte seleccionada. Y con EXACTA digo EXACTA. Copiará las imágenes, texto con el mismo formato, textos con enlaces, imágenes con enlaces, tablas con sus formatos, etc. Ya solo nos queda guardar nuestro documento o “imprimirlo como PDF” para tenerlo bien guardado y dispuesto para leerlo tal como es. Además de lo anterior, TextEdit también es un capaz editor HTML.

Para disponer de esta función debemos antes entrar en las Preferencias de la aplicación y marcar la casilla que evitará que los documentos HTML se carguen con comandos RTF. Esto, que parece tan críptico, es simplemente decirle a TextEdit que trate los archivos como “solo texto sin formato”. Esta configuración debemos hacerla antes de abrir o crear el archivo. 

Para ver como funciona creamos un archivo HTML.

 

 

 

 

 

 

 

 

 

 

Primero introducimos un texto cualquiera y le añadimos un enlace. Esto nos genera un texto que, 

al pulsar sobre el, nos llevaría a la página enlazada. Si guardamos el archivo en formato HTML tendremos un fichero que podemos visualizar con nuestro navegador favorito. Esto ya nos está mostrando que con TextEdit podemos crear páginas web como si de un editor visual se tratara.

 

 

Sin embargo, los amantes del código, o incluso los navegantes curiosos puede que prefieran revisar o crear los archivos HTML en su formato de texto plano. No hay problema. Si marcamos la opción de evitar comandos RTF en ficheros HTML, la próxima vez que abramos el documento con TextEdit lo veremos con los comandos HTML del mismo en vez de su versión “navegable”. También podemos conseguirlo al abrir el documento marcando la casilla al efecto. Pero no acaba todo ahí. Cuando en el documento tenemos elementos multimedia hablábamos que entonces el archivo había que guardarlo como RTFD ‘webarchive’. 

 

Los webarachive son archivos visualizables en cualquier navegador y podemos crearlos con TextEdit. 

Luego lo guardamos, si queremos, como HTML estándar desde el mismo navegador. Y, si queremos, lo abrimos con TextEdit de nuevo para editar el código o editarlo. 

Interesante ¿Eh?.

 

 

 

 

 

 

A.I Arquitectura de la información

Métodos de evaluación

Requerimientos del usuario

Diseño y usabilidad

Intro

Brief

Fuente: Wikipedia

            Se conoce como brief a la información que la empresa envía a la agencia de publicidad para que genere una comunicación.

Tiene que existir una relación estrecha y de confianza entre la empresa y la agencia de Publicidad. El brief no es algo estándar; cada empresa arma el brief que más le convenga.

 Un ejemplo puede ser:

Antecedentes históricos de la empresa

Mercado total. Como esta compuesto el mercado total y la competencia directa e indirecta.

Mercado específico. Competencia directa.

Situación actual y real de la empresa y la marca. Imagen de marca e imagen de marca ideal. Posicionamiento.

Producto. Información de ingredientes, precio, atributos del producto. Ventajas diferenciales.

Packaging. Colores, identificación, logo.

Distribución. Datos informativos. Porcentajes de ventas y mercado potencial por zonas.

 Consumidor. Identificación del consumidor por características personales. Es donde más se hace necesaria una investigación.

Competencia. Quien es, que hace, cuanto tiene, que posición en el mercado ocupa. Para saber cual es la ventaja diferencial del producto que se desea publicitar, se debe saber como es la competencia.

Datos operativos de Marketing.

Objetivos del Marketing. Los pone el área de Marketing de la empresa.

Política interna de la empresa.

Monto a invertir. Cuanto tiene disponible la empresa para invertir en una campaña publicitaria. Lo más caro es la Pauta (segundo en TV – centímetro en diario). La agencia gana cuando compra los medios.

Tiempos. Período de tiempo que la campaña va a salir al público, como publicitar helados en el verano.

 Los Posibles Problemas que puede tener la empresa respecto al producto a publicitar son:

Presupuesto: un bajo presupuesto para la comunicación.

Mala comunicación: debe transmitir la información de manera ordenada a la agencia de Publicidad

Información visual: la agencia va a la empresa para conocerla. Producción, directivos, etc.

Información directa: para promocionar el producto, la agencia debe probarlo (packaging, información en el envase, degustación y pruebas del producto o servicio).

Información del campo: todo lo que la empresa le puede dar a la agencia de Publicidad en papeles.

 

La información puede darse de cuatro maneras:

 

Pública: lo que de la empresa puede aparecer publicado. INDEC, periódicos, etc.

Privada: lo que la empresa posee. Ventas, por ejemplo.

Investigada: puede formar parte del brief. Investigaciones de mercado de larga data. Si no es muy actual, lo más probable es que no sirva de nada.

Especifica: es el brief específicamente, la información que la empresa le tiene que dar a la agencia para que ésta pueda armar una campaña.

Por eso el Brief es tan importante ya que con él podemos saber a quiénes estamos diseñando, para qué y por qué.