Microsoft Expression Web. Manual de usuario v1.0
Contents
1. Controles de ASP NET Button rr Hipervinculo Crri Alt E Checkbox odo ona LH Marcador Cert Alt 6 Checkbox List Dropdown List pal Imagen b II Archivo Image Button E E Bot n interactivo Label simbolo ES Listbox EF 5 Radio Button Radio Button List abl Textbox M s controles amp 45P MET 4 4 1 Hiperv nculos Siguiendo con las opciones del men Insertar se encuentra Hiperv nculo Como su propio nombre indica esta opci n sirve para a adir un enlace a otra p gina de nuestro proyecto o de una web alojada en Internet Adem s mediante el bot n Marcador se podr crear un enlace al punto donde se quiera hacer referencia dentro del propio documento La siguiente figura muestra la ventana de inserci n de hiperv nculos Modificar hipervinculo vincular a o Info en pantalla Archivo o p gina Web i existente Capeta Marcador actual Marco de destino Lugar de este documenta P ginas Par metros consultadas ja Crear nuevo Archivos documento recientes o O Direcci n hipo wikipedia esi Quitar vincula Direcci n de correo electr nico Aceptar Cancelar En el ejemplo se puede apreciar que se va a a adir el texto http www wikipedia es con la direcci n http www wikipedia es Una vez se acepten2. a re Pg Capa Lal n me a Imager 9 background l Imagen 44 bgcolor El L nea horizontal Af dass HE Marco flotante 3 dir T P rrafo EE Sis En a Salto 2 lang aE link E Controles de formulario A style za Area de texto A text pad Bot n Avanzadas z ne e Cuadro de grupo s ylin a K 28 xml lang Aplicar estilos Eventos us 7 Aplicar estilos s ondick E z A F ondblclick AA Nuevo estilo Opciones ES i onkeydown A Adjuntar hoja de estilos onkeypress i onkeyup Seleccione el estilo C55 que va onload 4 onmouse Borrar estilos 5 ONMODUSE 2 ONMOUsE 2 onmouse onmouseup onunload NEdbise o E Dividir El C digo Para ver Ayuda presione Fl Ayudas visuales Activado Aplicaci n de estilo Autom tico 319 bytes Est ndar 591x566 XHTML1 0T 35521 Desde la barra de men se acceder a todas las opciones que nos ofrece esta herramienta Archivo Edici n wer Insertar Formato Herramientas Tabla Sitio vista de datos Paneles de tareas ventana 7 Debajo de sta se encuentra la barra de formato donde aparecer n las opciones m s utilizadas por los usuarios Con ello se crea un acceso r pido a las opciones m s comunes de la aplicaci n HE ES 5 dl bi Ninguno Fuente predeterm Tama o predet 8 O N A S 150 E FED Y A 411 39 3 2 Creando una Web Vamos a comenzar
3. Estilo predeterminado Tama o predet Fuente predeterm Estilo redetefminado Wi Tama o predet Arial Helvetica sans serif o Cursiva ocsmall 8 pt Times Mew Roman Times serif Negrita small 10 pr Courier Mew Courier espacio sencillo Negrita Cursiva small 12 pt LAcadEref S medium 14 pt Color Efectos subrayado Yersales Muestra Tachado May sculas Definici n suprarravado PJ Iniciales en may s F cita Intermitente oculto variable Superindice Texto enmegrita Teclado subindice l JEnfasis FP c digo vista previa AaBbYyGgLIT Se podr cambiar la fuente el estilo y el tama o Tambi n se podr seleccionar el color de la letra para que no contraste con el fondo por ejemplo Incluso se podr n elegir diferentes efectos para la fuente que conseguir n que las letras tengan otro formato Pasando a la siguiente pesta a aparece Espaciado entre caracteres que como su propio nombre indica servir para elegir el espacio entre cada letra Se podr seleccionar mediante la lista desplegable o tambi n se podr optar por escribir la distancia Con el desplegable Ubicaci n podremos colocar las letras en la posici n preferida pudiendo elegir las opciones mostradas en la imagen Ubicaci rr l nea de base inea de base texto superior centra abajo texko infe
4. Marco de destino predeterminada l Sonido de Fondo Ubicaci n Examinar Bucle f Siempre Ubicaci n muestra la direcci n donde est guardado el archivo creado Si a n no se ha guardado el trabajo la direcci n determinada ser unsaved Sin_t tulo_1 htm T tulo muestra el nombre asignado a la p gina Descripci n de la p gina es una breve descripci n de la p gina web Palabras clave tambi n conocidas como keywords ser n las palabras m s significativas de la web La adecuada selecci n de estas palabras propiciar un mejor posicionamiento en los buscadores cuando los usuarios realicen sus b squedas Ubicaci n de base mostrar la p gina principal de nuestra Web Se podr a adir la direcci n deseada Marco de destino predeterminado da la opci n de predeterminar el marco donde se abrir n las paginas como se aprecia en la siguiente imagen se podr n elegir varias opciones Marco de destino P gina de marcos actual Destinos comunes El mismo marco Toda la p gina Mueva ventana Marco primario ninguna Destina E a a redetermifaldo de 611 39 Sonido de fondo como su propio nombre indica da la opci n de a adir un sonido alojado en nuestro disco local de manera que se reproduzca durante al visita a la p gina Se puede a adir un bucle para que se repita el sonido las veces deseadas 3 2 1 2 F
5. Ctrl B Reemplazar CerHL de a ad e B squeda incremental Ctri Alt F gt Ir a la l nea Cr alt 6 Desproteger Er Proteger Colimlars Ems Deshacer desprotecci n Editor r pido de etiquetas Ctrl Wista C digo Intellisense Este men contiene las herramientas m s comunes de la aplicaci n pudiendo copiar pegar eliminar reemplazar y buscar entre otros En este mismo men en la parte inferior encontramos Vista C digo esta opci n ayudar a organizar los comandos HTML para una mejor comprensi n del c digo Incluso podremos buscar comandos que coincidan e insertar etiquetas y comentarios 250 39 Desproteger Cen E Aumentar sangria Tab PEE E n ES Disminuir sangria Mav s Tab P pcl 5 ES Seleccionar etiqueta Ctrh gt RS FUE Buscar la etiqueta que coincida Ctrl Intellisense E 11 Seleccionar bloque Ctrl 4 Buscar llave que coincida Chri i lt gt Insertar etiqueta inicial Ctrl lt j gt Insertar etiqueta Final Cri e Insertar comentario Ctrl g A Insertar o suprimir el marcador Ctrl F Ta Marcador siguiente F2 Ss Marcador anterior Mayls F2 de Borrar marcadores gt Seguir hiperv nculo de c digo Erit Hipervinculo de c digo anterior Alt Flecha jequierda sl EE Hipervintcalo de c digo siguiente Qlt Plecha derecha 4 3 Men Ver El siguiente punto del men es Ver TE Formato erramiente P gina E h
6. Ayudas visuales P Marcas de Formato b kega y cuadricola b Imagen maqueta b Tama o d p gina b Lista de carpetas Alt F 1 Selector r pido de etiquetas Barras de herramientas k Actualizar Como primera opci n aparece P gina con la que podremos elegir los diferentes tipos de vista para ver nuestro trabajo dise o mostrar la p gina como si estuviera publicada y c digo mostrar el c digo HTML correspondiente La vista de c digo HTML aparecer por defecto al empezar a crear una p gina como se ve en la siguiente imagen En el caso de que hubiera algo escrito en la vista dise o aparecer a reflejado en la vista c digo Microsoft Expression Web Manual r pido de usuario 2611 39 T e iDOCTYPE html PUBLIC W3C DTD XHTML 1 0 Transitional ENT http uwm w3 Oro a lt html xmlns http 9007 3 0r9 1299 lt html gt gt lt html gt La tercera opci n es la divisi n aparecer n la vista de dise o y la de c digo y a medida que se realicen cambios se reflejar n en ambas vistas Siguiendo con el men Ver otra opci n es Ayudas visuales En la imagen se muestran los diferentes objetos sobre los que el usuario puede obtener ayuda a la hora de crear la p gina Insertar Formato Herramientas Tabla Sitio ista de datos Paneles P gina Tama o predet J Mostrar Marcas de Formato o Selecci n de bloques Regla y cuadricula Bordes visibles Imagen
7. E Pa tight E X l tight bokkcar E Al bottom E left E E left E Referencia del modelo de cuadro CS5 Right Otra de las pesta as que se encuentran en esta secci n es Ubicaci n con ella se elegir la posici n concreta en la que aparecer n las im genes insertadas z position se width z index height O top tight a r bottom EEES TE Ek 05 EF 4 EF left li F Continuando con las pesta as aparece Dise o que nos permitir a adir opciones de dise o como cambiar la forma del cursor y funciones del mismo estilo visibility s overflow va display e clip recti float Y top A p dear v right w se cursor Y bottom A si left A s Cuando se crea una lista se puede modificar y configurar a gusto del usuario Pero la opci n Lista permite predefinir los elementos que se mostrar n y con ello todas ellas aparecer n con el mismo formato mientras sean del mismo estilo Se puede apreciar en la imagen las alternativas que nos ofrece esta pesta a 210 39 list style Eype e list stvle image o w list style positiom Lo mismo ocurre con la opci n Tabla Con esta se podr definir el estilo de una tabla antes de crearla Adem s todas las tablas creadas posteriormente tendr n el mismo formato a no ser que se altere esta secci n table layout v border collapse
8. border spacing ha emply cells caption side a 4 Barra de men 4 1 Men Archivo Observando el men Archivo se podr n apreciar las opciones t picas de nuevo apertura guardar imprimir cerrar Pero hay opciones propias de la herramienta para previsualizar en el explorador publicar el sitio desarrollado importar archivos e incluso p ginas completas 2211 39 Archivo Edici n wer Insertar qe Muewo P E Abrir Cr A lus Abrir sitio Cerrar Cerrar sitig Guardar Cher Guardar como AL Guardar todo Publicar sitio Importar a Expurlar p vista previa en el explorador Imprimir b Propiedades Archivos recientes b Sitios recientes X Salir La opci n Importar mostrar un cuadro como el que se ve en la imagen Permitir importar p ginas generadas con otras aplicaciones y o que se encuentran publicadas en otros sitios FrontPage WebDAV FTP HTTP e incluso se podr importar una p gina alojada en el propio disco local para mas adelante publicarla en el dominio creado Asistente para importar sitio Web Puede importar archivos de un sitio Web o de una carpeta del equipo o de la ted C mo desea obtener los archivos 0 Extensiones de servidor de FrontPage Transferir archivos mediante las Extensiones de servidor de FrontPage O webDay Transferir los archivos mediante WebDAV Distributed Authoring and Versioning Creaci n y control de versiones
9. F fx Tihe ESEA un MEA eea i C i General Formato Avanzadas Personalizadas Idioma variables del sistema HTTP EQUIV Mombre Modificar Guitar variables de usuario Mombre Modificar Quitar 39 3 2 1 5 Idioma Dentro de Idioma se encuentran varias opciones para guardar el documento en otro idioma y codificar el c digo HTML Propiedades de pagina PUERTO PA TA E E General Formato Avanzadas Personalizadas Idioma Idioma de p gina Codificaci n HTML Guardar el documento como Multiling e UTF 8 y oler a cargar el documento actual como Codificaci n autom tica gt 3 2 2 Propiedades de fuente El siguiente paso ser elegir la fuente adecuada para la p gina Mediante el uso del bot n derecho del rat n aparecer el siguiente desplegable Abrir p gina en ventana nueva A Administrar reas modificables 3 Administrar reas de contenido de Microsoft ASP NET Propiedades de p gina Fuente Hiperwinculo 911 39 Seleccionando la opci n Fuente se accede a la siguiente ventana que da la opci n de cambiar todas las propiedades de la fuente pudi ndola modificar cuando sea necesario PR ee Fuente Espaciado entre caracteres Fuente Estilo de Fuente Tama o Fuente predeterm
10. distribuidas en Web CETP Transferir los archivos mediante FTP Protocolo de transferencia de archivos 0 sistema de archivos Importar archivos de un directorio del equipo o de la red HTTP Importar archivos de um sitio web en Internet Ubicaci n del sitio Web Por ejemplo ftp fexample com Examinar Trelles DC ISS SE AR il A rl A bsarconexi rnciada toak 2311 39 4 1 1 Vista previa en el Explorador La opci n Vista previa en el explorador permitir al desarrollador ver el progreso de la web en cualquier momento y casi en cualquier explorador ya que permite a adir navegadores a la lista que la aplicaci n trae por defecto En la imagen se pueden apreciar las configuraciones de navegador que incluye la herramienta C vista previa en el explorador Imprimir H Propiedades Archivos recientes p Sitios recientes F x Salir onkevydon onkeypress onkeyup onload ONMOLSE OnMOoLsE OnMOLUSsE ONMOoLuUsE A o A BA OnTAICUSELp 1 Microsoft Internet Explorer 6 0 Fiz z Microsoft Internet Explorer 6 0 1640 x 480 3 Microsoft Internet Explorer 6 0 800 x 6001 d Microsoft Internet Explorer 6 0 1024 x 768 5 Mozilla Firefox 2 0 0 6 6 Mozilla Firefox 2 0 0 6 640 480 z Mozilla Firefox 2 0 0 6 800 x 600 a Mozilla Firefox 2 0 0 6 1024 x 768 ista previa en varios exploradores ista previa en varios exploradores 640 x 480 ista previa en varios
11. ka A Pasando a la siguiente pesta a aparecer n las opciones para el Bloque Se podr n configurar opciones del texto pudiendo elegir el alineado horizontal y vertical del texto incluso se podr a adir la separaci n entre las letras y las palabras 190 39 line height e E vertical align 4 text align w text indent J R white space sl word spacing Aj E i letter spacing v BA La elecci n Fondo permitir cambiar las caracter sticas del fondo Se podr colocar en las coordenadas deseadas a adirle un color o directamente una imagen de fondo backgrounid color wi IE i background image E o a background repeat M background attachment s Lo background position i y E Y 0 background positior m B BA La siguiente pesta a muestra las caracter sticas de los Bordes Se podr modificar la anchura el estilo y el color del borde seleccionar que la opci n elegida se aplique a todos los bordes o solo a uno en concreto border style border width border color Igual para todos Igual para todos Igual para todos a EEA F Dae gia z PA al A right i i bottom i left La opci n Cuadro permite definir los m rgenes entre celdas pudiendo asignar un espacio entre los caracteres y el borde de la celda 200 39 padding Igual para todos margin Igual para todos f m 1 fi la IT Eop w 5 pa top H ka
12. maqueta Contenedores vacios Tama o de p gina M rgenes y relleno Lista de carpetas Alt Fi Elementos 55 Display none 1E Y Selector r pido de etiquetas Elementos T55 WMisibility hidden Controles no visuales de A5P MET v Errores de control de ASP MNET Barras de herramientas F kI Actualizar F5 Etiquetas de rea de plantilla El siguiente men Marcas de formato por defecto aparece desactivado pero puede activarse pulsando sobre la opci n Mostrar Una vez activado ayudar en las tareas de mantener todo el documento bien organizado haciendo marcas en el documento para poder utilizarlas de gu a Microsoft Expression Web Manual r pido de usuario 2711 39 Insertar Formato Herramientas Tabla Sitio ista de datos Paneles de E Regla y cuadricula Marcas de etiguetas Imagen maqueta k Marcas de p rrafo Tama o de p gina Saltos de l nea Lista de carpetas Alt P1 Espaci s Eomentarios selector r pido de etiquetas Barras de herramientas b Blogues de secuencias de comandos Posici n absoluta kI Actualizar FS Elementos alineados E55 Display none Campos de Formulario ocultos La siguiente opci n llamada Regla y Cuadricula permite a adir opciones de alineamiento y ajustes visuales de los objetos que incluye la p gina en desarrollo Insertar Formato Herramientas Tabla Sitio Vista de datos Paneles de P gina ke
13. Control de documentaci n C digo Versi n 1 0 Fecha 18 09 2007 Resumen de cambios Primera versi n Responsable Aprobado por Firma Fecha Distribuci n Autor Consultor a de reas de conocimiento Nombre archivo Microsoft Expression Web Manual R pido De Usuario doc Localizaci n Microsoft Expression Web Manual r pido de usuario 10 39 Cap tulo secci n 4 3 1 3 2 3 2 1 Introducci n Conceptos b sicos Funciones elementales Operativa b sica Creando una Web Propiedades de p gina sica General 32 2 Formato 3213 Avanzadas 3 2 1 4 Personalizadas 3215 Idioma 3 2 2 O Propiedades de fuente Numeraci n y Vi etas 32 o Propiedades de lista 3 2 4 Crear una tabla 3 2 4 1 Propiedades de Celda 3 3 4 1 4 1 1 4 2 4 3 4 4 4 4 1 Crear nuevo estilo Barra de men Men Archivo Vista previa en el Explorador Men Edici n Men Ver Men Insertar Hiperv nculos Formato Anexo 1 Publicar sitio en carpeta remota P gina O O N N O 01 Ol 11 11 13 15 18 22 22 24 25 26 30 31 32 32 39 1 Introducci n El presente documento describe cu les son las tareas b sicas que se pueden ejecutar en la explotaci n de la herramienta Microsoft Expression Web 2 Conceptos b sicos Microsoft Expression Web es una herramienta de dise o basada en est nda
14. blicar el sitio eb Elija S para guardar todas las p ginas y publicar Elija Mo para publicar sin las modificaciones actuales Tras aceptar dar a elegir la ubicaci n donde guardar el trabajo Guardar como Guardar en Sitios Web 6 Sitio actual Ca Documentos as recientes ln Escritorio Mis documentos i MIPE y Mis sitios de ted Mombre de archivo Guardar como tipa Titulo de la p gina Herramientas Y M C Documents and Settings amartinMis documentos Mis sitios Web Pagina Para Publicar P ginas Web e Pagina de prueba Jo ax Cambiar titulo Guardar Cancelar Una vez guardado aparecer la siguiente pantalla donde se seleccionar Sistema de Archivos para posteriormente a adirle la direcci n donde se va a guardar la publicaci n 34 39 Propiedades de sitio Web remoto Sitio Web remoto Optimizar HTML Publicaci n Tipo de servidor Web remoto Extensiones de servidor de FrontPage El servidor Web remoto admite las Extensiones de servidor de FrontPage O WebDAY El servidor Web remoto admite la creaci n y control de versiones distribuidas en Web MWebDAwi O ETP El servidor remoto admite el protocolo de transferencia de archivos FTP sistema de archivos Use una carpeta del equipo o de la ted como sitio del servidor Web remoto Ubicaci n de sitio Web remato Co Docoments and Settings arartir Mis documentos Mis sitios We
15. blmisitio pae Cr Corea Aceptado lo anterior la pantalla principal de la aplicaci n dar las opciones para sincronizar los cambios entre el directorio local de desarrollo y el sitio de publicaci n de las p ginas 350 39 Sitio Web local C Documents and Settings Sitio Web remoto C Documents and Setti EM a a A Hombre Estado ModiFic Estado MadiFic B misitio Ep 9 Pagina Para Sin coinci ZOP3f20 Estado Publicar todas las p ginas modificadas ltimo estado de publicaci n desconocido Local a remoto Finalizado a las a Remoto alocal Wer el sitio Web remoto E Sincronizar Abrir el sitio Web remoto en Expression web B Sitio Web remoto El Informes Es Hiper inculos Tras pulsar el bot n Publicar el sitio Web el programa comienza el proceso de publicaci n Terminado ste todo archivo publicado aparecer en el lado derecho de la aplicaci n como se puede observar en esta ltima imagen y se podr acceder a l mediante un navegador 36 39 Sitio Web local C Documents and Settings mu K Mombre Estado Modific E misitio 18 Pagina Para Sin modifi 20 3 20 ltimo estado de publicaci n con xito Finalizado a las 20 9 2007 17 50 27 Wer el archivo de registro de publicaciones ver el sitio Web remoto Abrir el sitio Web remoto en Expression Web Xpression W
16. do Aplicar Formatos especiales a Filas de titulos Primera columna vista previa Fuente Color E Autoajuste _ ltima fila J ltima columna El panel de vista previa permite ver c mo queda la tabla seg n el formato seleccionado el que aparece en la imagen corresponde al formato est ndar 170 39 Siguiendo con el men Tabla aparece otra opci n llamada Tablas de dise o al hacer clic sobre esta opci n se desplegar un men a la izquierda de la aplicaci n con tablas completas ya dise adas y con varias opciones de tabla Se puede apreciar en la siguiente imagen los dise os que podremos utilizar Insertar tabla de dise o Insertar celda de dise o 5 Mostrar herramienta de dise o a i Establecer m rgenes de p gina iiil Por ltimo en este men se podr transformar una tabla anteriormente creada en texto plano Para ello se acceder al men Convertir y elegiremos la opci n deseada Las opciones de esta secci n nos muestran que se podr convertir f cilmente un texto en tabla o viceversa 3 3 Crear nuevo estilo Una de las opciones de las que dispone es crear un Nuevo estilo Aparecer una nueva ventana con multitud de opciones como la que aparecen en la imagen Microsoft Expression Web Manual r pido de usuario 180 39 Huevo estilo Selector nuevoEstila1 e Definir e
17. dr guardar la parametrizaci n de la tabla creada para que las siguientes tablas que se generen tengan las mismas caracter sticas En cualquier caso todas estas opciones podr n ser modificadas mas adelante presionando en el men Tabla y despu s Propiedades de la tabla 3 2 4 1 Propiedades de Celda Vistas las posibilidades en la creaci n y configuraci n de tablas lo mismo se podr hacer con cada una de las celdas modificando sus Propiedades de Celda Una vez seleccionada esta opci n aparecer la siguiente ventana 150 39 Propiedades de celda Dise o JEspecificar ancho E JEspecificar alto I Alineaci n horizontal L Alineaci n vertical Predeterminado M mero de Filas M mero de columnas 7 En portcentaje Zelda de encabezado Plo ajustar Bordes Tama o Color Fondo Color _ Autom tico he f Jutilizar imagen de fondo Examinar Propiedades Aceptar Cancelar Aplicar Las elecciones que dispone esta herramienta son muy parecidas a las propiedades de la tabla con la diferencia de que los cambios realizados aqu solo tendr n efecto en las celdas seleccionadas Una vez creada la tabla tambi n podr modificarse mediante el men desplegable Tabla La elecci n Insertar permitir a adir filas columnas celdas y un titulo para la tabla creada Insertar Filas o columnas Eliminar HH Columna ala izquierda Ctrl Alt F
18. eb Manual r pido de Sitio Web remoto C Documents and Setti a mx Nombre Estado Modific 1 Pagina Para Sin modifi 20 9 20 uu Publicar tadas las p ginas modificadas ep Local a remoto da C Remoto a local p d 0 sincronizar 37 39
19. explicando como crear una Web El primer paso ser ir al men Archivo y seleccionar Nuevo y despu s Pagina aparecer una ventana como la siguiente P gina Sitio Web l HTML Descripci n Er TE E ases Crea una p gina Web HTML en blanco ASP NET Aj css P gina principal Dise os de C55 gt Plantilla Web din mica 3 JavaScript vista previa Hojas de estilos c AL E Archivo de texto P ginas de marcos Opciones Opciones del editor de p ginas Por defecto viene seleccionada la opci n HTML pero se podr n elegir diferentes tipos de lenguaje Haciendo un clic encima de cada opci n aparecer una breve descripci n en la esquina superior derecha para saber que se va crear en cada momento Desde aqu se podr n crear estilos y webs con lenguajes diferentes 3 2 1 Propiedades de p gina Una vez creada la p gina en blanco se pasar a administrar sus propiedades para ello se deber entrar en el men Archivo y despu s en Propiedades Todas las propiedades aparecer n en una nueva ventana y separadas por pesta as 90 39 3 2 1 1 General Dentro de General se encuentran las siguientes opciones Propiedades de pagina General Formato Avanzadas Personalizadas Idioma Ubicaci n unsawed Sin_t tulo_1 htm Titulo Sin t tulo 1 Descripci n de la p gina Ubicaci n de base 1 Palabras clave Li F
20. exploradores 800 x 600 ista previa en varios exploradores 1024 x 768 Editar lista de exploradores Escogiendo la opci n Editar lista de exploradores Expression Web mostrar la lista de navegadores en los que el usuario podr previsualizar la p gina Haciendo clic sobre el bot n Agregar podremos a adir uno nuevo a la lista buscando en el equipo local el ejecutable del navegador Despu s se podr seleccionar los tama os de ventana en los que se realizar la vista previa de la p gina desarrollada Editar lista de exploradores Exploradores Use las casillas de verificaci n de la lista para seleccionar el grupo de exploradores que se iniciar n cuando se use Wista previa en varios exploradores ME M Mozilla Firefox 2 0 0 6 crosort Internet Ex lorer 6 amp 0 Tama os de ventana adicionales 640 x480 S00 x 600 1024 x 768 _ Guardar p gina autom ticamente antes de la vista previa 2411 39 En esta misma ventana tambi n podremos marcar la ltima opci n que nos guardara autom ticamente el trabajo realizado antes de que hagamos una vista previa del mismo 4 2 Men Edici n Siguiendo con la barra de men aparece el desplegable Edici n Edici n Wer Insertar Formato Herrar J a ede deshace Ctrl A Py E yA Pa HCE kE 3 ga Cortar Erit 3 Copia Etele Ja Pegar Pegar texta KO Eliminar H Seleccionar todo Ctrl E Buscar
21. lecha izquierda Seleccionar H columna a la derecha Ctri lt Flecha derecha Modificar efa Pilas en la parte superior Crri al Plecha arriba A Tablas de dise o El Filas en la parte inferior Ctrl Alt Flecha abajo Convertir 3 Celda a la izquierda Rellenar g Celda a la derecha Propiedades de tabla Titulo La siguiente elecci n ser Modificar que se encuentra en el mismo men Tabla 160 39 Table sitio vista de datos C Insertar tabla Insertar Eliminar seleccionar Modificar Im Ll cd lolo al Tablas de dise o e e Convertir Tell T Rellena IT Propiedades de tabla AF HH A Ip o L cg Distribuircolumnas uniformemente Paneles de tareas Fey G a e z ventana NAS Z combinar celdas Dividir celdas Dividir tabla AutoFormato de tablas Distribuir Filas uniformemente Autoajustar al contenido Ema E Se podr n combinar y dividir las celdas de una tabla e incluso dividir la propia tabla previa selecci n de las celdas o la tabla a modificar Autoformato de tablas mostrar una nueva ventana con muchos dise os de diferentes tablas pudiendo elegir el que m s se adecue a la presentaci n que se quiera dar Autoformato de tablas Formatos B sico 1 B sico 2 B sico 3 Cl sico 1 Cl sico 2 Cl sico 3 Cl sico 4 vistoso 1 vistoso z vistoso 3 E Formatos para aplicar Bordes Sombrea
22. legir la opci n propiedades de lista Una vez dentro se podr modificar la configuraci n de la lista mediante una ventana como la de la imagen 110 39 Propiedades de lista vi etas de imagen Yi etas Mumeraci n Otros O Especificar imagen Examinar ETA En esta ventana Expression Web da la opci n de elegir una imagen alojada en nuestro disco local para ponerla como vi eta Para ello se elige la opci n Especificar imagen y seguido examinar para localizar la imagen La siguiente pesta a mostrar las diferentes alternativas de vi etas predise adas de las que se dispone Propiedades de lista vi etas de imagen vi etas Numeraci n i Otros La elecci n en la siguiente pesta a es la misma que en la anterior pero con n meros o incluso letras La nica diferencia es que tenemos la opci n de elegir el n mero con el que empezar la numeraci n 120 39 Propiedades de lista vi etas de imagen vi etas Numeraci n Otros 1 Aceptar 3 2 4 Crear una tabla Comenzar en EE Cancelar La siguiente opci n que dispone esta aplicaci n es para la creaci n de Tablas para ello se har clic en el men desplegable Tabla y a continuaci n clic sobre Insertar Tabla 13 39 Insertar tabla Tama o Filas E Coluranas 2 Dise o Alineaci n Predeterminado R Es
23. los cambios en la p gina que se est creando aparecer el texto 310 39 con el enlace a la direcci n indicada en este caso http www wikipedia es El resto de las opciones del men desplegable Insertar nos dar n opci n a a adir im genes archivos botones interactivos y s mbolos de una manera muy parecida a la anterior 4 5 Formato El siguiente men desplegable llamado Formato est relacionado con los estilos de la p gina ya que una de las opciones que tiene es crear y administrar los estilos CSS Se encontrar n otras opciones ya vistas anteriormente Eormato 154 l d M 3 J b a G H Tabla Sitio Muewo estilo Estilos 255 b Propiedades de C55 Propiedades de etiqueta Puente P rrabo Mumeraci n y vi etas Bordes y sombreado Ubicaci n Comportamientos Capas Plantilla Web din mica b P gina principal b Marcos H Fondo Transici n de p gina Quitar formato Ctri May s 2 Alt Entrar Propiedades 5 Anexo 1 Publicar sitio en carpeta remota Se va a proceder a publicar un sitio Web pero sin subirlo a Internet Es decir se guardar en una carpeta de nuestro ordenador public ndolo de forma local Lo primero es crear una P gina en blanco escribiendo cualquier cosa para hacer la prueba 3211 39 Wi Sin titulo 1 Sin_titulo_1 htm Microsoft Ex
24. n P gina actual i d Categor a Fuente Bloque Fondo Borde Cuadro Ubicaci n Dise o Lista Tabla font family i Font size font weight font style Font wariant text transform P x LJ Aplicar nuevo estilo a la selecci n del documento me Direcci n URL textbdecoration Junderline C loverline lline through C blink nmone color vista previa AaBbYyGgLi Descripci n Selector Sirve para darle un nombre al estilo Definir En Con esta opci n se definir en qu documento o parte del documento se va a aplicar el estilo Se podr hacer en una hoja nueva en la actual o podremos abrir una p gina existente para aplicar el estilo elegido Seleccionando la opci n de abrir una p gina existente el cuadro de di logo de la derecha se activar para que el usuario pueda buscar el documento adecuado Seguiremos definiendo las opciones de cada pesta a comenzando por la Fuente en ella aparecen opciones de todo tipo para modificar la fuente en todos sus aspectos estilo color tama o de letra Se podr n cambiar todas las letras a may sculas y al rev s Font Family w E v a font size aa g EA text decoration Font weight underline Tej overline font style ka L E gt _ line through font variant k 88 C blink text transform capitalize til _ none color
25. ormato Dentro de Formato encontramos las siguientes opciones Propiedades de pagina General Formato Ayanzadas Personalizadas Idioma AE at CEE ica ge agda Examinar Propiedades Colores Fondo Autom tico Hiperwinculo E Autom tico Texto M autom tico el Hipervinculo visitada W Autom tico Hipervinculo activo M Autom tico hd Hiperwinculo activado MM Autom tico Imagen de fondo permite a adir una imagen para establecerla de fondo en la Web Convertir en marca de agua mostrar la imagen de fondo menos marcada para que no contraste con el contenido de la p gina Colores permite elegir los colores para el fondo texto e hiperv nculos 3 2 1 3 Avanzadas Dentro de Avanzadas aparecer n las opciones para establecer los m rgenes de la p gina 710 39 Propiedades de p gina General Formato Avanzadas Personalizadas Idioma M rgenes Margen superior a Margen izquierdo E Margen inferior de E Margen derecho s 3 2 1 4 Personalizadas Dentro de Personalizadas podremos encontrar las siguientes opciones que nos permitir n a adir variables a la Web Se trata de marcas avanzadas que para nuestros prototipos no ser n interesantes Propiedades de p gina
26. pecificar ancho E En pixeles 3 En porcentaje Flotante Predeterminado ES 100 Margen de celdas 1 _ Especificar alto Espaciado entre celdas Bordes Tama o Color Contraer borde de tabla Fondo Color Autom tico E utilizar imagen de Fondo L j Propiedades Herramientas de dise o LP Habilitar herramientas de dise o Establecer LJ Establecer como predeterminado para tablas nuevas Primero se seleccionar el n mero de columnas y filas que se van a a adir a la tabla Despu s se elegir la alineaci n de la tabla ajust ndola a la izquierda derecha o el centro Incluso se podr a adir el porcentaje de separaci n que tendr con respecto a los bordes de la p gina Seguido aparece la opci n del margen de celdas En funci n del valor seleccionado para el margen interno de las celdas variar n las dimensiones de la tabla como se puede apreciar en la siguiente imagen Margen de Celda 1 Margen de Celda 4 La siguiente opci n es el Espaciado Entre Celdas mediante la que se dar un margen de separaci n a las celdas de la tabla Se puede apreciar en la imagen la diferencia de espacios 140 39 Margen de Celda 2 AIR El siguiente grupo de opciones permitir n configurar los bordes de la tabla en cuanto a grosor tama o y color incluso se podr a seleccionar una imagen de fondo Por ultimo se po
27. pression Web Yista de datos Paneles de tareas Ventana Y N OS Archivo Edici n Wer Insertar Formato Herramientas Tabla Sitio PES proa Fuente predeterm Tama o predet sal Sitio web sin_t tulo 1 htm P rrafo Lista de carpetas t Reglas aplicadas no hay reglas aplicadas Propiedades de ES5 Para wer Ayuda presio Ayudas visuales Una vez creada se pulsar en el men Archivo y despu s Publicar Archivo h Edici n Wer Insertar Pueyo H Abrir Ctrl A Abrir sitio Cerrar Cerrar sitio Guardar CE Guardar como Guardar todo Importar H Exportar Activado Aplicaci n de estilo Autom tico 399 bytes Est ndar HEr z Escriba una pregunta gt i Biblioteca de origenes d Biblioteca de origenes de datos Seleccione un origen de datos para crear una vista de datos E J Sitio actual 3 Archivos XML locales 0 Agregar un archivo XML H Conexiones ASP NET 0 Aeris estilos A Opciones T Ai Adjuntar hoja de estilos Aan Nuevo estilo Estilos C55 424x 335 XHTML 1 07 055214 Aparecer la siguiente pantalla para avisar que hay que guardar el trabajo realizado antes de publicarlo 39 Microsoft Expression Web Se han modificado algunas p ginas abiertas en el sitio Web o en sus subsitios Desea guardar las p ginas modificadas antes de pu
28. res XHTML para la creaci n de sitios web y aplicaciones que utilicen ASP NET 2 0 Expression Web proporciona a los usuarios todo lo necesario para crear sitios web de calidad para ello utiliza lenguajes diferentes como pueden ser HTML DHTML CSS y XHTML Esta herramienta nos permitir desarrollar dise ar y mantener nuestra Web de forma muy r pida y eficaz integrando f cilmente c digo de ASP NET 2 0 y Visual Studio 2005 Expression Web combina lo mejor de FrontPage y Visual Studio en una interfaz totalmente renovada con la que podremos crear XHTML CSS XML XSLT y ASP NET 2 0 Para obtener informaci n adicional sobre el producto acceder a su sitio Web http www microsoft com expression products overview aspx key web 3 Funciones elementales 3 1 Operativa b sica 30 39 Dada su sencillez de uso no resultar en ning n momento complicada su utilizaci n ya que posee una interfaz con botones de acceso r pido a las diferentes funcionalidades que se ofrecen Su ventana principal presenta el siguiente aspecto in titulo 1 5in_t tulo_1 htm Microsoft Expression Web i Archivo Edici n Wer Insertar Formato Herramientas Tabla Sitio Vistadedatos Paneles de tareas Ventana 0 5 H 24 gt Ninguno Fuente predeterm Tama o predet gt MN 85 Propiedades de etiqueta X Sin_titulo_1 htm Propiedades de etiqueta a 3 HTHIL Mes e 18 E Etiquetas ESA ad Eos lt body gt
29. rior Todas estas opciones se podr n ver en una vista previa situada en la parte baja de la ventana que tendr este aspecto 100 39 ista prevja a AaBbYyGgLll pE Esto es un ejemplo de la opci n subrayado A medida que se van cambiando las opciones la vista previa se modifica para que el usuario pueda ver c mo quedar el documento 3 2 3 Numeraci n y Vi etas El siguiente punto es numeraci n y vi etas Se podr acceder a estas opciones mediante el men Formato o mediante los iconos de acceso directo en la barra de formato ES EA AS El primero hace referencia a la numeraci n y el segundo icono corresponde a las vi etas Aqu se muestra un ejemplo de cada uno de ellos para poder ver la diferencia 1 Word Word 2 Excel e Excel 3 Access ACCESS 4 Powerpoint Powerpomt 5 outlook outlook NUMERACION VI ETAS Con el primero de ellos conseguimos ordenar la lista con n meros y en el orden que elijamos Por defecto empezar desde el uno pero se podr a poner que se iniciara la cuenta desde cualquier otro n mero La segunda opci n son las vi etas con las que se presentar la lista con iconos en lugar de la numeraci n de la anterior opci n Con las dos alternativas se podr cambiar la numeraci n e iconos respectivamente para darle otra imagen al proyecto 3 2 3 1 Propiedades de lista Una vez creada la lista se puede seleccionar con el bot n encima de la misma y e
30. rm Tama o predet S Ayudas visuales E Marcas de Formato b Mostrar la regla Imagen maqueta EJ Mostrar cuadricula Tama o de p gina d Ajustar a la cuadricula Lista de carpetas Alt F1 Establecer origen desde la selecci n Selector r pido de etiquetas Restablecer origen Barras de herramientas gt Configurar 2 Actualizar FS La opci n Mostrar la regla a ade una regla a los bordes de la hoja para calcular las medidas deseadas de los objetos que se colocan en la p gina Tambi n se pueden mostrar la cuadr cula para que el trabajo sea m s sencillo de alinear As quedar a una muestra de la cuadricula y la regla a adidas en la hoja de trabajo Microsoft Expression Web Manual r pido de usuario 2811 39 0 50 100 150 200 250 00 350 al A ada Lii Tuala O OA OA O N N N Li LLLI lari LLLI Fa i als O OA OA A D AN N ly LLLI tilii i o h t T Eo E ih E E TA ad as ijji ihi aaa a A LaDise o A Dividir E C digo La siguiente opci n es Imagen maqueta Con esta opci n aparecer una imagen de fondo que podremos usar como plantilla para un proyecto nuevo Se podr esconder la imagen a petici n del usuario y volver a mostrarla con un solo clic Aparecer un men como el de la figura siguiente para a adir la plantilla seleccionada y darle la opacidad y coordenadas deseadas Imagen maqueta Nombre del archivo file C Documents and Set
31. tings amartin Mis docu Examinar Borrar imagen Establecer a partir de selecci n Opacidad Transparente En la opci n Barra de herramientas Expression Web da la posibilidad de a adir barras de herramientas al men para un acceso m s r pido a las utilidades que facilita por ejemplo Formato permite acceder a la modificaci n del tipo tama o y color de la tipograf a En la imagen se aprecian las diferentes barras que se pueden seleccionar 290 39 reen Barras de herramientas al Est ndar g Actualizar Formato Aplicaci n de estilo Com n Estilo Im genes P gina principal Plantilla Web din mica Tablas Ubicaci n vista C digo Personalizar 4 4 Men Insertar Pasando al siguiente men desplegable se encuentra Insertar Aqu la primera opci n que encontramos es HTML Formato Herramientas Insertar HTML E Controles de 45P MET b a Hiperwincolo Crri Alt E Marcador Crit lt 6 Imagen b Archivo i Bot n interactivo simbolo Esta opci n permite a adir etiquetas HTML al documento de una manera m s sencilla incluso puede ayudar con algunas etiquetas que el usuario no conozca Lo mismo pasa con Controles de ASP NET que permitir al usuario agregar multitud de iconos o botones oft Expression Web Manual r pido de usuario 300 39
Download Pdf Manuals
Related Search