{"id":712,"date":"2005-06-08T09:05:00","date_gmt":"2005-06-08T09:05:00","guid":{"rendered":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-insertar-imgenes-en-dreamweaver"},"modified":"2016-03-02T08:36:26","modified_gmt":"2016-03-02T08:36:26","slug":"como-insertar-imgenes-en-dreamweaver","status":"publish","type":"post","link":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-insertar-imgenes-en-dreamweaver\/","title":{"rendered":"\u00bfComo insertar im\u00e1genes en Dreamweaver MX?"},"content":{"rendered":"<p>Insertar una imagen de fondo en la p\u00e1gina.<\/p>\n<p>Una imagen de fondo es un gr\u00e1fico que se repite a lo ancho y alto de toda la ventana del navegador. Podemos definir tanto un color de fondo como una imagen. <\/p>\n<p>Para insertar una imagen de fondo en Dreamweaver, primero creamos la imagen que queremos utilizar.(<a href=\"http:\/\/www.trinamita.com\/curso\/fondo\/fondos.htm\">Pincha aqu\u00ed para ver algunos ejemplos de fondo<\/a>). Despu\u00e9s vamos a Modificar| Propiedades de la p\u00e1gina| Aspecto | Imagen de fondo y pinchamos en el icono de la carpeta para seleccionar la imagen que vamos a utilizar. Le damos a aceptar y vemos como ha quedado.<\/p>\n<p>Los formatos de imagen que mejor se adaptan a la web son JPG para fotograf\u00edas y GIF para colores planos, iconos, fondos, texto, adem\u00e1s este formato admite transparencia y animaci\u00f3n.<\/p>\n<p>Para insertar una imagen en nuestro documento hay varias posibilidades, bien desde la ficha com\u00fan, pinchando en el icono que tiene un \u00e1rbol, o bien desde la opci\u00f3n Insertar| Imagen. <\/p>\n<p>Cuando insertamos una imagen en el documento el inspector de propiedades nos muestra todas sus caracter\u00edsticas (tenemos que tener la imagen seleccionada). <\/p>\n<p>Ancho y Alto: se refiere al tama\u00f1o de la imagen.<\/p>\n<p>Origen (carpeta donde est\u00e1 ubicada).<\/p>\n<p>Alt (el Alt es el texto que aparece enmarcado en un recuadro amarillo cuando nos situamos sobre la imagen al viasualizarla en el navegador). <\/p>\n<p>V\u00ednculo: si queremos ponerle un enlace.<\/p>\n<p>Edici\u00f3n: son herramientas para el tratamiento de la imagen sobre el documento, recorte, brillo, perfilar bordes.<\/p>\n<p>Borde: para poner un borde a la imagen, ponemos un n\u00famero, 1, 2.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Insertar una imagen de fondo en la p\u00e1gina. Una imagen de fondo es un gr\u00e1fico que se repite a lo ancho y alto de toda la ventana del navegador. Podemos definir tanto un color de fondo como una imagen. Para insertar una imagen de fondo en Dreamweaver, primero creamos la imagen que queremos utilizar.(Pincha aqu\u00ed para ver algunos ejemplos de fondo). Despu\u00e9s vamos a Modificar| Propiedades de la p\u00e1gina| Aspecto | Imagen de fondo y pinchamos en el icono de la carpeta para seleccionar la imagen que vamos a utilizar. Le damos a aceptar y vemos como ha quedado. Los <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22,1],"tags":[],"class_list":["post-712","post","type-post","status-publish","format-standard","hentry","category-curso-dreamweaver","category-sin-categoria"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u00bfComo insertar im\u00e1genes en Dreamweaver MX? - Trucos Dise\u00f1o Web<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-insertar-imgenes-en-dreamweaver\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfComo insertar im\u00e1genes en Dreamweaver MX? - Trucos Dise\u00f1o Web\" \/>\n<meta property=\"og:description\" content=\"Insertar una imagen de fondo en la p\u00e1gina. Una imagen de fondo es un gr\u00e1fico que se repite a lo ancho y alto de toda la ventana del navegador. Podemos definir tanto un color de fondo como una imagen. Para insertar una imagen de fondo en Dreamweaver, primero creamos la imagen que queremos utilizar.(Pincha aqu\u00ed para ver algunos ejemplos de fondo). Despu\u00e9s vamos a Modificar| Propiedades de la p\u00e1gina| Aspecto | Imagen de fondo y pinchamos en el icono de la carpeta para seleccionar la imagen que vamos a utilizar. Le damos a aceptar y vemos como ha quedado. Los\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-insertar-imgenes-en-dreamweaver\/\" \/>\n<meta property=\"og:site_name\" content=\"Trucos Dise\u00f1o Web\" \/>\n<meta property=\"article:published_time\" content=\"2005-06-08T09:05:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-03-02T08:36:26+00:00\" \/>\n<meta name=\"author\" content=\"Euroresidentes\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Euroresidentes\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-insertar-imgenes-en-dreamweaver\/\",\"url\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-insertar-imgenes-en-dreamweaver\/\",\"name\":\"\u00bfComo insertar im\u00e1genes en Dreamweaver MX? - Trucos Dise\u00f1o Web\",\"isPartOf\":{\"@id\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/#website\"},\"datePublished\":\"2005-06-08T09:05:00+00:00\",\"dateModified\":\"2016-03-02T08:36:26+00:00\",\"author\":{\"@id\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/#\/schema\/person\/8cb13da0909a9d75116f29d6910d0907\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-insertar-imgenes-en-dreamweaver\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-insertar-imgenes-en-dreamweaver\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-insertar-imgenes-en-dreamweaver\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00bfComo insertar im\u00e1genes en Dreamweaver MX?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/#website\",\"url\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/\",\"name\":\"Trucos Dise\u00f1o Web\",\"description\":\"Euroresidentes\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/#\/schema\/person\/8cb13da0909a9d75116f29d6910d0907\",\"name\":\"Euroresidentes\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2016\/03\/logo-euroresidentes-300x300-150x150.jpg\",\"contentUrl\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2016\/03\/logo-euroresidentes-300x300-150x150.jpg\",\"caption\":\"Euroresidentes\"},\"description\":\"EuroresidentesContenidos \u00fatiles que ayudan a resolver las necesidades grandes y peque\u00f1as de la vida cotidiana.\",\"sameAs\":[\"https:\/\/www.euroresidentes.com\/info.htm\"],\"url\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/author\/euroresidentes\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00bfComo insertar im\u00e1genes en Dreamweaver MX? - Trucos Dise\u00f1o Web","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-insertar-imgenes-en-dreamweaver\/","og_locale":"es_ES","og_type":"article","og_title":"\u00bfComo insertar im\u00e1genes en Dreamweaver MX? - Trucos Dise\u00f1o Web","og_description":"Insertar una imagen de fondo en la p\u00e1gina. Una imagen de fondo es un gr\u00e1fico que se repite a lo ancho y alto de toda la ventana del navegador. Podemos definir tanto un color de fondo como una imagen. Para insertar una imagen de fondo en Dreamweaver, primero creamos la imagen que queremos utilizar.(Pincha aqu\u00ed para ver algunos ejemplos de fondo). Despu\u00e9s vamos a Modificar| Propiedades de la p\u00e1gina| Aspecto | Imagen de fondo y pinchamos en el icono de la carpeta para seleccionar la imagen que vamos a utilizar. Le damos a aceptar y vemos como ha quedado. Los","og_url":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-insertar-imgenes-en-dreamweaver\/","og_site_name":"Trucos Dise\u00f1o Web","article_published_time":"2005-06-08T09:05:00+00:00","article_modified_time":"2016-03-02T08:36:26+00:00","author":"Euroresidentes","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Euroresidentes","Est. reading time":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-insertar-imgenes-en-dreamweaver\/","url":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-insertar-imgenes-en-dreamweaver\/","name":"\u00bfComo insertar im\u00e1genes en Dreamweaver MX? - Trucos Dise\u00f1o Web","isPartOf":{"@id":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/#website"},"datePublished":"2005-06-08T09:05:00+00:00","dateModified":"2016-03-02T08:36:26+00:00","author":{"@id":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/#\/schema\/person\/8cb13da0909a9d75116f29d6910d0907"},"breadcrumb":{"@id":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-insertar-imgenes-en-dreamweaver\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-insertar-imgenes-en-dreamweaver\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-insertar-imgenes-en-dreamweaver\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/"},{"@type":"ListItem","position":2,"name":"\u00bfComo insertar im\u00e1genes en Dreamweaver MX?"}]},{"@type":"WebSite","@id":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/#website","url":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/","name":"Trucos Dise\u00f1o Web","description":"Euroresidentes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/#\/schema\/person\/8cb13da0909a9d75116f29d6910d0907","name":"Euroresidentes","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/#\/schema\/person\/image\/","url":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2016\/03\/logo-euroresidentes-300x300-150x150.jpg","contentUrl":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2016\/03\/logo-euroresidentes-300x300-150x150.jpg","caption":"Euroresidentes"},"description":"EuroresidentesContenidos \u00fatiles que ayudan a resolver las necesidades grandes y peque\u00f1as de la vida cotidiana.","sameAs":["https:\/\/www.euroresidentes.com\/info.htm"],"url":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/author\/euroresidentes\/"}]}},"_links":{"self":[{"href":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-json\/wp\/v2\/posts\/712","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-json\/wp\/v2\/comments?post=712"}],"version-history":[{"count":0,"href":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-json\/wp\/v2\/posts\/712\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-json\/wp\/v2\/media?parent=712"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-json\/wp\/v2\/categories?post=712"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-json\/wp\/v2\/tags?post=712"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}