martes, 14 de septiembre de 2010
edicion css en dream weaver
edicion de propiedades css en dream weaber
En vista Diseño, el Diseñador HTML proporciona una gran variedad de herramientas para crear, editar, dar formato y mostrar elementos Web y componentes. Por ejemplo, se pueden agregar elementos a un documento HTML o a un formulario Web Form arrastrando iconos desde el Cuadro de herramientas o desde el Explorador de servidores a la superficie de edición de la vista Diseño. Cuando los estilos CSS están habilitados, se puede utilizar el cuadro de diálogo Generador de estilos para dar formato a los elementos agregados.
La propiedad targetSchema de un documento HTML o XML determina qué elementos y opciones de formato están disponibles en la vista Diseño. La propiedadpageLayout determina cómo se pueden colocar los elementos en la superficie de edición de la vista Diseño. Para obtener más información sobre cómo establecer estas propiedades para habilitar las características en el entorno de desarrollo integrado (IDE) de Visual Studio .NET, vea Establecer la propiedad targetSchema de un documento HTML, Establecer la propiedad pageLayout de un documento HTML y Colocar elementos HTML en la vista Diseño.
Para agregar un elemento o un componente a una página Web
- Abra un documento para editarlo en la vista Diseño, sitúe el punto de inserción en la ubicación deseada.
- A continuación, seleccione uno de los pasos siguientes:
- Seleccione un icono en el Cuadro de herramientas o en el Explorador de servidores y arrástrelo a la superficie de diseño de la vista Diseño. Se insertará una instancia del elemento o componente, del tamaño adecuado, en el documento en el lugar indicado.
O bien
- Haga doble clic en el icono deseado del Cuadro de herramientas, o haga clic con el botón secundario del mouse en el nodo deseado, en elExplorador de servidores, y seleccione Agregar al diseñador. Se insertará una instancia del elemento o componente en el documento en el lugar indicado o cerca de él.
Para obtener más información sobre cómo agregar elementos Web y componentes de datos, vea HTML (Ficha), Cuadro de herramientas, Web Forms (Ficha), Cuadro de herramientas, y Agregar elementos desde el Explorador de servidores.
Nota Cuando se coloca un elemento externo, como una imagen o un archivo, en una página, el Diseñador HTML crea una referencia al mismo en el proyecto principal.
- Seleccione un icono en el Cuadro de herramientas o en el Explorador de servidores y arrástrelo a la superficie de diseño de la vista Diseño. Se insertará una instancia del elemento o componente, del tamaño adecuado, en el documento en el lugar indicado.
Para dar formato a un elemento HTML
- Establecer la propiedad
targetSchema
de su documento en un explorador Web que admita HTML 4.0 o posterior y estilos CSS-P. - Seleccione el elemento deseado, bien en la superficie de edición de la vista Diseño o en la ventana Esquema del documento.
- Elija Generar estilo en el menú Formato para abrir el cuadro de diálogo Generador de estilos.
Para obtener más información sobre cómo aplicar estilos CSS, vea Generar estilos CSS, Trabajar con estilos CSS, Generador de estilos (Cuadro de diálogo), y Controles de servidor ASP.NET y estilos CSS.
Nota Los cambios de formato realizados en la vista Diseño modifican el formato de la página. También se pueden realizar ajustes precisos de formato mediante la edición de las propiedades del elemento seleccionado o mediante la edición directa del formato en la vista HTML. Para obtener más información, vea Vista HTML,Diseñador HTML y Editar HTML.
Para dar formato de bloque a un texto o elementos
- Coloque el cursor en el texto deseado o seleccione el elemento en cuestión, bien en la superficie de edición de la vista Diseño o en la ventana Esquema del documento.
- En la barra de herramientas Formato, seleccione una opción de la lista desplegable Formato del bloque.
De esta manera se inserta un nuevo elemento HTML sin formato a ambos lados del texto o del elemento seleccionado. Las opciones disponibles son:
- Normal - quita cualquier elemento insertado previamente a ambos lados del texto o cualquier elemento seleccionado, y lo sustituye por un elemento de párrafo nuevo
.
- Con formato - inserta un nuevo elemento
.
- Dirección - inserta un nuevo elemento .
- Encabezado N - inserta un nuevo elemento de encabezado
. - Lista numerada - inserta un nuevo elemento de lista
- dentro de una lista ordenada
Más adelante, se pueden utilizar los estilos CSS para definir la apariencia y la posición de los elementos que se han insertado. Por ejemplo, se puede asignar un tamaño de fuente font-size determinado a todos los encabezados
o especificar un tamaño de sangría predeterminado text-indent para elementos de lista
- Normal - quita cualquier elemento insertado previamente a ambos lados del texto o cualquier elemento seleccionado, y lo sustituye por un elemento de párrafo nuevo
- .
Para obtener más información sobre cómo usar los estilos CSS, vea la sección anterior "Para dar formato a un elemento HTML". Para obtener más información sobre definiciones de elementos HTML y sus atributos CSS, vea Referencias DHTML y Referencia de atributos CSS.
Para editar las propiedades de un elemento HTML
- Seleccione el elemento deseado en la superficie de edición de la vista Diseño.
- Siga uno de los procedimientos siguientes:
- En la ventana Propiedades, editar las propiedades disponibles para el elemento seleccionado.
O bien
- Seleccionar las Páginas de propiedades del menú Ver (si se encuentra disponible) y editar las propiedades mostradas en la página de propiedades para el elemento seleccionado.
- En la ventana Propiedades, editar las propiedades disponibles para el elemento seleccionado.
Para activar y desactivar los marcadores de elementos HTML no gráficos en la Vista Diseño
- En el menú Ver seleccione Detalles, o haga clic en el icono Mostrar detalles en la barra de herramientas Formato.
También se puede utilizar la ventana del Esquema del documento para seleccionar elementos que no se muestran en la vista Diseño. Para obtener orientación, vea Desplazarse por la ventana Esquema del documento
Para que estos marcadores aparezcan siempre que se abra una página Web en la Vista Diseño
- Seleccione Opciones en el menú Herramientas.
- En el nodo DiseñadorHTML, seleccione Mostrar.
- En Opciones de presentación, seleccione Mostrar detalles de elementos no visibles.
Sugerencia Active Detalles mientras edite en Vista Diseño. Esto evitará que borre sin darse cuenta elementos no gráficos (por ejemplo,
,,
miércoles, 1 de septiembre de 2010
retroalimentacion de paginas en arquitectura de la informacion
Preguntas:
1-cual fue la primera impresión del sitio ?
2- como usuarios cree usted que cumple su objetivo s en el sitio?
3-en q acertaron en el sitio ?
4- en que no acertaron ?
Análisis personal de las paginas
Soy mama:
Eficaz evolución del logo inspirado en la línea fitness de cereales q permiten identificar al publico para madres modernas y jóvenes . mostrar la maternidad como una extension de la femineidad contemporánea .
Enfocado al publico especifico integrando conceptos de ternura maternidad y mujer.
Diagramación del sitio con una buena navegación global distintiva para cada categoría
Navegación local integrada y coordinada con la navegación global
Buena profundidad y amplitud de pagina concerniente a la cantidad de temas referentes a la pagina
Layouts basados en la ubicación intuitiva del usuario de acuerdo a la información buscada en cada caso
Diseño moderado de acuerdo al publico objetivo integrando conceptos moderadores de emociones en los usuarios objetivos (padres)
Evolución de diseño grafico integral para dar dinamismo y estilo al sitio para que la madre se sienta identificada y comoda en la navegación como una madre moderna.
Innovación en cuanto a la realización de la pagina pues por primera ves integra el diseño con la información pertinente al ver q la competencia o era rica en información pero pobre en interaccion con el usuario o tenia demasiada cuidado visual mas no información pertinente
Información con imagenens abundantes para referenciar mejor al usuario acerca de lo que busca y no saturar visualmetne con información
ETAPA 1:
Investigación profunda del tema .
Asertividad en la búsqueda de los objetivos del usuario en ciuanto a la información que busca.
Diferenciación visual adecuada para darle al usuario de manera accequible y mui fácil hacia donde va y desde donde viene.
ETAPA 2:
Se busca interactividad constante y sistemas de retroalimentaciond e información activas para el transito de soluciones al usuario y permite soluciones para que el cliente postee y tenga una información o base de datos de esta fija para su rápida consulta.
Manejo de jerarquías para controlar efectivamente el tránsito de información y poder tener interacción constante con los usuarios
CHAT : ligado a la etapa dos
VENTAJAS: presentación amable y pertinente de información integrando conceptos de diagramación y presentar de manera interesante al usuario integrando imágenes y textos apoyados en conceptos de presentación gráfica.
Unión de fortalezas de diferentes paginas es decir integración de fortalezas dispersas en una sola para que el usuario encuentre todo en un solo lugar y se vuelva un visitante habitual.
El chat podría interactuar como un blog para mostrar las dudas y respuestas de los usuarios y los especialistas para su rápida referenciación mas adelante
Información verídica con confirmación de veracidad de las fuentes de información
DEBILIDAD: difícil etiquetación
El diseño de la página rompe los esquemas tradicionales por lo que puede generar perdida de ubicación del usuario al principio pero es de rápida asimilación.
La jerarquisación de la información puede generar trabajas en la navegación del usuario a nivel del chat.
Profundidad del tema integral pero puede generar perdida por la gran cantidad de la información
-Como usuario se cumple el objetivo en la página pues la navegación es fácil y coordenada con una información integral que se presenta de manera considerada al tener en cuenta las necesidades y consultas del usuario en cada una de las diferentes etapas del embarazo(antes durante y después)
DIO PAPAYA:
Concepto amarillista con público objetivo gente del común voyerista
Orientada al objetivo del cliente que es ganar audiencia y frecuencia de visitas
Se busca llamar la atención y usa un lenguaje coloquial
Se busca que el usuario entre regularmente y lo convierta en una de sus páginas de ocio regulares
Busca q el usuario reafirme su autoestima en base al mal ajeno
COMPETENCIA: investigación a fondo de la competencia para ver la rudeza del mercado
Se busca una navegación global orientada a la actualización constante de información con orden cronológico ascendente ( lo mas actual primero )
Orden alfabético de tópicos referentes a información buscada
LOGO : evolución del logo pertinente con un estilo popular referente al al amarillismo del tema se mantiene la conceptualización y relación directa del referente de la fruta en cuanto al tema principal buena relación de forma de estrella con la representación de la farandula como estrellas criiollas.
EVOLUCION LAYOUT: buscada para el fácil acceso a la información y las noticias recientes
El menú presenta tópicos familiarizados con el lenguaje respecto al tema pero presenta grandes dificultades a la hora de identificar las secciones de la página en la que nos encontramos, de las que venimos o a las que nos dirigimos
Diferenciación de tópicos entre amarillismo y noticia chismosa o actual no dañina (papaya dulce)lo que nos da un aire fresco y renovador en cuanto al tema y da variedad a la página haciéndola mas interesante.
Buen apoyo de información con integración de elementos audiovisuales.
Buena profundización en cuanto al tema de interés de actualización de información constante de voyerismo social con buena organización y diferenciación clara y puntual lo que permite buena espacialización mental en el sitio .
FORTALEZA: amplitud y profundización de la página acorde con el interés del usuario referente a la rápida accesibilidad de la información y poca cantidad de clics para llegar a ella además del diseño utilizado que sigue siendo popular pero más estilizado por lo que le da cierto nivel de exclusividad a la página y puede llamar más la atención de los usuarios al hacerlos pensar en ser un público “v.i.p” amoldable a dos rangos claros de usuarios de clase populista y alta habida de información amarillista para deleite morboso de lo que pasa en la sociedad.
Buscando la comodidad y permanencia del usuario
Buena opción de búsqueda de información buscador pertinente .
DEBILIDAD: al utilizar un lenguaje coloquial reduce el rango de usuarios al no tener un vocabulario mas global en cuanto a usuarios se refiere.
- El objetivo se cumple pues permite navegar de manera aleatoria para encontrar temas de interés y específicamente, integra herramientas visuales e informáticas de manera clara que nos permiten como usuario usar apropiadamente la pagina y sentirnos comodos con ella además de entretenernos con la gran imaginación puesta en la manera de llegarnos.
jueves, 12 de agosto de 2010
pequeñin.com: un sitio pensado para los bebes en la vision de sus padres.
domingo, 8 de agosto de 2010
experiencia interactiva positiva en internet
es por eso que no solamente las herramientas tiene q ir evolucionando junto con nosotros sino q su manera de interesarnos tambien debe acerlo, ya sea por medio de mejoras en su presentaicon o en su funcionalidad y es aqui donde entra a jugar un papel importante la palabra interactividad;muchas vecs pensamos en ella y generalmetne no le damos mucha importancia peor al a ora de la verdad esta actua como un factor importante en cuanto a q la persona q usa la herramietna se interese cada ves mas en usarla o en ella misma.
es un tema bastante sensible pues la opinion del usuario respecto al uso de las paginas web es bastante voluble a la hora de comodidad. si el usuario entra en un lugar donde la ubicacion y la realizacion de la tarea se le complica no vuelve a visitar la pagina y prefiere remitirse a otros lugares, como arquitectos de la informcaion nuestra tarea es garantizarle al nuestro cliente que sus usuarios volveran a usar la pagina para que su inversion se vea justificada.e spor esto que como arquitectos de la informacion debemos pensar siempre en que la experiencia del usuario en la pagina como nos gustaria que al momento de entrar en una pagina se nos facilitaran las tareas la experiencia interactia positiva del usuario se relaciona casi que directamente con la nocion de intuitivo , sabemos que hemos cumplido satisfactoriamente con una buena interactividad que genere en las personas el sentido de familiaridad de la pagina cunao navega libre y fluidamente a traves de esta sin complicaciones y es lo que debemos buscar siempre, no ver este factor como un obstaculo a la ora de presentar un producto sino como una oportunidad para innovar y generar un mercado acorde a nuestro estilo de trabajo y a la ves a las necesidades del cliente y el usuario integrando armoniosamente estos tres puntos de vista .
jueves, 5 de agosto de 2010
los padres del internet
Esta red de comunicaciones empezó en el año de 1957 donde los computadores no poseían las capacidades suficientes para ejecutar los trabajos q hoy en día efectúan , solo podían hacer una tarea a la vez ,así que los programadores de la época establecieron una conexión directa con el ordenador para trabajar directamente desde otros lugares , ya que estos eran muy grandes y necesitaban ventilación , de esta forma varios usuarios tenían acceso al ordenador para trabajar . Ese mismo año durante la guerra fría ,en Estados Unidos la rand desarrollo un sistema de comunicación llamado ARPANET que se estableció durante 1958, donde se hacían transferencias de datos entre la comunidad americana , mas adelante surge la necesidad de mantener cierto tipo de información en forma confidencial por lo que se instituyeron o establecieron protocolos de red , para poder transferir archivos entre las entidades correspondientes , con el tiempo se crearon mas redes para evitar un ataque de misiles provenientes de cuba a estados unidos y q se desencadenara una guerra nuclear , que dañara las redes, entonces se creó una red descentralizada en la cual si se dañaba un nodo esta seguiría funcionando , nos sirve tambn como referencia la red francesa cyclades , la cual como su presupuesto era limitado entoncs esta red distribuida se socializo con las demás redes creando de esta forma la internet y la tcp/ip ( conjunto de protocolos de red en los que se basa Internet y que permiten la transmisión de datos entre redes de computadoras )garantizo la compatibilidad de las redes estandarizadas y se unieron estas redes creando una sola.
Actualmente el uso que le damos a esta red es variado y esta no es un solo medio de comunicación son muchos ya que podemos hacer transferencias de datos, informarnos, interactuar, esta entrelazada con muchos sistemas que se integran en uno , donde grandes masas intercambian referencias culturales, sociales y económicas.
jueves, 29 de julio de 2010
internet:toda una experiencia
En el mundo globalizado en el que vivimos hoy en día, la necesidad de acceder a la información de manera rapida y eficaz se convierte en prioridad para las personas no solo en el hambito profesional sino de la cotidianidad social,es asi como el internet se convierte en herramienta prioritaria de uso diario para gran parte de la población mundial.
Es así como este nos brinda un sin fin de opciones de entretenimiento, actualización informacion y trabajo,como usuario de este medio de comunicacion interactiva que se actualiza a cada segundo , puedo hablar, con la poca propiedad del caso(pues aunque si lo aprovecho, no en su totalidad como muchos otros usuarios)de que es una herramienta que en efecto facilita y nos permite acceder a un sin fin de posibilidades,cada una de ellas tan interesantes y variadas como cada persona en este mundo;que quiero decir con esto?que el internet es un mundo de ventanas abiertas cada una de ellas a un paisaje diferente de acuerdo a donde se mire y como se mire,es de alguna manera la herramienta que facilita a las personas poner su manera de ver el mundo a disposición de este.
De una manera ágil y muchísimo más barata al masificar muchos de los recursos y resultados de trabajos al convertirlos en datos de rapida trasmision audiovisual y en las ultimas decadas interactivas integradoras de la experiencia humana y la necesidad del hombre por conseguir la satisfaccion inmediata.
Mi propia experiencia a sido totalmente evolutiva al respecto, pues como dato curioso era de esas personas que pensaba que era una pérdida de tiempo relacionarse con alguien a través de una pantalla o que no necesitaba de el servicio net para conseguir la información necesaria para las diferetnes academicas pues estaba acostrumbrado a buscar en libros o investigar de la manera tradicional para la época(preguntando,leyendo enciclopedias,llendo directamente a la fuente etc.) pero poco a poco fui conociendo y teniendo cada ves mas facilidades de acceso a los medios digitales,cada ves mas cerca de mi hogar gracias a personas cercanas y amigos que comenzaron a mostrarme poco a poco las propiedades y por decirlo asi los pequeños detalles que enamoran de una tecnologia que para mi no era imprescindible.
Luego fui viendo que no solo facilitaba increiblemente el proceso de informacion e investigación sino tambien brindaba un sin fin de maneras de entretenerse, ya fuera con juegos en web o con relacionaes sociales(cosa que tampoco entendia muy bien pues asta entonces para mi el realcionarse con las personas era eso, no por medio de un intermediario digital).finalmente el proceso de evolucion frente al Internet me ha llevado a pensar en el no solo como una herramienta de trabajo y entretenimiento sino mas bien a verlo como una manera de inspiración, apreciable de esta manera porque hoy en dia, mi manera de usarlo es tambien mi manera de abrir los ojos al resto del mundo y de buscar en estas diferentes visiones, enriquecer mi vision propia, ver las diferentes propuestas de ideas sean del campo que sean y tomar de cada una de ellas lo que me llama la atencion y creo que pueda servirme, para mi el internet se a convertido aunque sea increible verlo de esta manera una forma de crecimiento intelectual si se enfoca correctamente; pues es increible la infinidad de referencias que podemos encontrar con el para lo que sea que queramos.
Es por eso que personalmente recomiendo el uso de este como promotor del conocimiento aunque nunca faltan los disuadores de atención pero eso es otro tema. digo esto por que mi rutina de uso de este servicio es de entretenimiento pero al mismo tiempo de ocio lo utilizo para buscar información o cosas interesantes y raras que me permitan crecer tanto intelectual como moralmente al ver y analizar los diferentes resultados que arroja ,es así como mi experiencia con la web me a llevado a recomendar su uso pero teniendo en cuenta siempre el enfoque a seguir pues como todo sin una guía nos podemos desviar de nuestro verdadero objetivo es una experiencia que usada y vivida inteligentemente nos puede brindar un empujón para el paso que necesitamos y depende de nosotros aprovecharlo correctamente.
muchos de nosotros usamos las cosas pero a veces no sabemos ni como funcionan;bueno e encontrado un vídeo interesante que explica de alguna medida algunos términos y funcionamientos al respecto(por ahora presentare solo el link porque el tiempo de procesamiento es increiblemente largo, pondre el video funcional mas adelante),espero que se remitan al link y lo disfruten:
http://video.google.com/videoplay?docid=-7182332639467061730#
miércoles, 22 de abril de 2009
Psicologia del color: Azul!!
Sin embargo, en un sentido más amplio, el estudio de la percepción de los colores constituye una consideración habitual en el diseño gráfico, el diseño de interiores, la moda, la publicidad y en el arte.
AZUL
Esta es una película realmente ORGÁSMICA!!!
Amelie, es una película que despierta todos tus sentidos. Su música es mágica, los colores, las tomas, es una verdadera piesa de arte!
Eva Heller:
El estudio de Eva Heller, basado entre otras cosas en una encuesta realizada a 2000 personas, demuestra que los colores y los sentimientos no se combinan de manera accidental, que sus asociaciones no son cuestión de gusto, sino “experiencias universales profundamente enraizadas desde la infancia en nuestro lenguaje y nuestro pensamiento",que se transmiten y trasmutan a traves del tiempo junto con el desarrollo del hombre ,es decir que cambian de acuerdo a als condiciones comunales,ideologicas y economicas de la sociedad y del periodo de tiempo que reine en su ideologia lo cual puede explicarse, como hace a lo largo del libro, mediante el simbolismo psicológico y la tradición histórica.A pesar de las sensaciones individuales hay una comprensión universal, las impresiones y vivencias que producen los colores pueden considerarse de una manera perfectamente objetiva, aunque cada individuo vea, sienta y juzgue los colores de una manera personal.
Los efectos de los colores no son innatos, pero como se conocen en la infancia a la vez que el lenguaje, los significados quedan interiorizados en la edad adulta y parecen innatos.
"Quien nada sabe sobre los efectos universales y el simbolismo de los colores, jamás podrá emplearlos adecuadamente".
Efecto de los Colores
El mismo color tiene un efecto completamente distinto si se combina con otros colores, puesto que el efecto de cada color está determinado por su contexto: el acorde cromático determina el efecto del color principal.
Si un color se combina con el negro, su significado positivo se convierte en el significado contrario. El amor es rojo pero acompañado de negro es odio.
Los colores despiertan sentimientos negativos cuando su empleo no es funcional.
Las personas mayores prefieren los colores más luminosos que los jóvenes. Con la edad se van prefiriendo colores como el amarillo, el verde, colores juveniles.
El uso creativo del color siempre llama la atención, por ejemplo una forma típica como la pera combinada con un color atípico como el naranja.