edicion css en dream weaver

estas son algunas paginas de referencias para la edicion css de styling en dreamweaber que ademas de interesantes resultan bastante utiles que las disfruten :

http://es.tz8.de/style-css-learning.html

http://www.lawebera.es/manuales/macromedia-dreamweaver/editar-crear-propiedades-css-adobe-dreamweaver.php

http://msdn.microsoft.com/es-es/library/aa301716(VS.71).aspx

http://www.slideshare.net/autodidactas/10-edicion-html-estilos-edicion-html-fondos-bordes-margenes-y-rellenos-0001

edicion de propiedades css en dream weaber

este tema nos interesa por la facilidad de creacion de estilos para looks en layouts de paginas web ( estilo visual de lo q vemos en la pagina ), nos referenciaremos en maneras sencillas de explicar los pasos a seguir, estos son algunos tips:

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

1. Abra un documento para editarlo en la vista Diseño, sitúe el punto de inserción en la ubicación deseada.
2. 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.

Para dar formato a un elemento HTML

1. Establecer la propiedad targetSchema de su documento en un explorador Web que admita HTML 4.0 o posterior y estilos CSS-P.
2. Seleccione el elemento deseado, bien en la superficie de edición de la vista Diseño o en la ventana Esquema del documento.
3. 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

1. 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.
2. 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 
     .
     Lista con viñetas - inserta un nuevo elemento de lista 
      dentro de una lista no ordenada 
     .
     Directorio - inserta un nuevo elemento de lista 
      dentro de una lista de directorio  .
     Lista de menú - inserta un nuevo elemento de lista 
      dentro de una lista no ordenada 
     Término de definición - inserta un término nuevo 
      dentro de una lista de definiciones 
     .
     Definición - inserta una nueva definición 
      dentro de una lista de definiciones 
     .
     Párrafo - inserta un nuevo elemento de párrafo 
     .
     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 
     .
     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.
     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,
     , , 
     , 

www.encasa.com (ejercicio de diseño)

referente par ala retroalimentacion del trabajo de pagina web de arquitectura de la informacion

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.