objetivo: conocer la forma en la cual se incorporan los frames en el diseño de la pag web asi como su importancia dentro de estas.
1.-¿que son los frames? son marcos que permiten dividir la pantalla en varias areas independientes unas de otras
2.-¿Que etiquetas destinan a los frames?=
3.-¿Cuales son los atributos que se utilizan en los frames'
cols
rows
frame src
Definan un ejemplo
frames
<br /></head>
<br /> <frameset rows="40%,60%">
<br /> <frame src="pagina1.html">
<br /> <frame src="pagina2.html">
<br />
<br /></frameset>
<br /></html>
<br />
<br />5.-¿Como se establecen los enlaces dentro de los frames?
<br />
<br /> <target="mainFrame">
<br />6.- Para que sirven los atributos:
<br />
<br /> target= nombre del frame, se coloca dentro de un enlace
<br /> blank= abre el documento en uno nuevo
<br /> self= abre el documento en el mismo marco
<br /> parent= abre el documento en la ventana que contiene vinculos
<br /> top= abre el documento en la ventana completa del navegador
<br />
<br />
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
Publicado por
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta content='https://www.blogger.com/profile/12032228980334506363' itemprop='url'/>
<a class='g-profile' href='https://www.blogger.com/profile/12032228980334506363' rel='author' title='author profile'>
<span itemprop='name'>miriam</span>
</a>
</span>
</span>
<span class='post-timestamp'>
en
<meta content='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/06/frames.html' itemprop='url'/>
<a class='timestamp-link' href='https://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/06/frames.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2010-06-07T14:43:00-07:00'>14:43</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/06/frames.html#comment-form' onclick=''>
No hay comentarios:
</a>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-922963270'>
<a href='https://www.blogger.com/post-edit.g?blogID=7042077348902612769&postID=3252079828446045695&from=pencil' title='Editar entrada'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
<div class='post-share-buttons goog-inline-block'>
</div>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
</div>
</div></div>
<div class="date-outer">
<h2 class='date-header'><span>lunes, 24 de mayo de 2010</span></h2>
<div class="date-posts">
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<meta content='7042077348902612769' itemprop='blogId'/>
<meta content='2144064141713861247' itemprop='postId'/>
<a name='2144064141713861247'></a>
<h3 class='post-title entry-title' itemprop='name'>
<a href='https://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/05/formularios.html'>FORMULARIOS</a>
</h3>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content' id='post-body-2144064141713861247' itemprop='description articleBody'>
Objetivo: conocer para que sirven los formularios en el diseño de paginas web.
<br />
<br />1.-¿Que es un formulario? es un modo de control hacia una empresa o lugar de trabajo
<br />2.-¿para que sirven los atributos
<br />
<br />*action: llevar la informacion hacia e-mail o archivo
<br />*method: Especifica el lugar a donde se va enviar
<br />*enctype: Indica la forma en la que viajara la informacion por la que se mande el formulario. En el caso mas comun se envia el formulario por correo electronico. El valor de este atributo es: <"text/plain">
<br />
<br />Si queremos qu el formulario se procese automaticamente por un programa, no utilizaremos este atributo, ya que se toma un valor por default.
<br />
<br />1.-¿Que es un campo de texto en un formulario y como se especifica? es un cuadro de texto que se da para dar una respuesta
<br />2.-¿Que es un texto corto y como se especifica? es para respuestas cortas
<br />3.- para que sirven los atributos:
<br />
<br />*size= tamaño de la caja
<br />*maxlength= define la cantidad maxima de letras que se pone en la caja
<br />*value= define si queremos que en la ventama
<br />
<br />4.-¿Como se especifica un texto oculto? con contraseña
<br /> <input type="password" name="contraseña">
<br />5.-¿Como se especifica un texto largo?
<br /> <text>
<br />rows= renglones
<br />cols=columnas
<br /> <textarea name="comentario" rows="10" cols="40"> escribe tu comentario </textarea>
<br />6.-¿Como se definen las listas de opciones y sus atributos? son listas desplegables que dan una respuesta
<br /> <select> <option>
<br /> <select name="planteles" size="2">
<br /> <option> Tlahuac </option>
<br />
<br />
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
Publicado por
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta content='https://www.blogger.com/profile/12032228980334506363' itemprop='url'/>
<a class='g-profile' href='https://www.blogger.com/profile/12032228980334506363' rel='author' title='author profile'>
<span itemprop='name'>miriam</span>
</a>
</span>
</span>
<span class='post-timestamp'>
en
<meta content='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/05/formularios.html' itemprop='url'/>
<a class='timestamp-link' href='https://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/05/formularios.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2010-05-24T20:41:00-07:00'>20:41</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/05/formularios.html#comment-form' onclick=''>
No hay comentarios:
</a>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-922963270'>
<a href='https://www.blogger.com/post-edit.g?blogID=7042077348902612769&postID=2144064141713861247&from=pencil' title='Editar entrada'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
<div class='post-share-buttons goog-inline-block'>
</div>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
</div>
</div></div>
<div class="date-outer">
<h2 class='date-header'><span>jueves, 29 de abril de 2010</span></h2>
<div class="date-posts">
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<meta content='file:///G:\Animales\leon.jpg' itemprop='image_url'/>
<meta content='7042077348902612769' itemprop='blogId'/>
<meta content='8937926320398856857' itemprop='postId'/>
<a name='8937926320398856857'></a>
<h3 class='post-title entry-title' itemprop='name'>
<a href='https://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/04/pagina-web-mapa.html'>Pagina web tabla</a>
</h3>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content' id='post-body-8937926320398856857' itemprop='description articleBody'>
<html>
<br /><body bgcolor="silver">
<br />
<br /><table border>
<br /> <tr>
<br /><td colspan="2"><th><font color="fiushca"> ANIMALES </th>
<br /><tr>
<br /><colspan>
<br /><td border > CLASIFACION <td> NOMBRE <td> IMAGEN <td> SONIDO <td> CARACTERISTICAS
<br /><tr>
<br /><rowspan>
<br /><td>Mamifero <td >Leòn<td><center> <img height="80" src="file:///G:\Animales\leon.jpg" width="80"> <td> <a href="G:\Animales\LEON.MP3">ESCUCHAR</a> <td> <a href="E:\Animales\LEON.docx"> DESCARGAR </a><p><a href="G:\Animales\leon.html"> VISUALIZAR </a>
<br /><tr>
<br /><rowspan>
<br /><td>Mamifero <td> Cebra <td> <center> <img height="80" src="file:///G:\Animales\cebra.jpg" width="80"> <td><a href="G:\Animales\LEON.MP3">ESCUCHAR</a> <td> <a href="E:\Animales\CEBRA.docx"> DESCARGAR </a><p><a href="G:\Animales\cebra.html"> VISUALIZAR </a>
<br /><tr>
<br /><rowspan>
<br /><td>Mamifero <td> Hipopotamo <td> <center> <img height="80" src="file:///G:\Animales\hipopotamo1.jpg" width="80"> <td> <a href="G:\Animales\LEON.MP3">ESCUCHAR</a> <td> <a href="G:\Animales\HIPOPOTAMO.docx"> DESCARGAR </a><p><a href="G:\Animales\hipopotamo.html"> VISUALIZAR </a>
<br /><tr>
<br /><rowspan>
<br /><td>Mamifero <td> Burro <td> <center> <img height="80" src="file:///G:\Animales\burro.jpg" width="80"> <td> <a href="E:\Animales\LEON.MP3">ESCUCHAR</a> <td> <a href="G:\Animales\BURRO.docx"> DESCARGAR </a><p><a href="G:\Animales\burro.html"> VISUALIZAR </a>
<br /><tr>
<br /><td>Mamifero <td> Ñu <td> <center> <img height="80" src="file:///G:\Animales\nu.jpg" width="80"> <td> <a href="G:\Animales\LEON.MP3">ESCUCHAR</a> <td> <a href="E:\Animales\ÑU.docx"> DESCARGAR </a><p><a href="G:\Animales\ñu.html"> VISUALIZAR </a>
<br /><tr>
<br /><td>Mamifero <td> Foca <td> <center> <img height="80" src="file:///G:\Animales\bebe.jpg" width="80"> <td> <a href="G:\Animales\LEON.MP3">ESCUCHAR</a> <td> <a href="E:\Animales\FOCA.docx"> DESCARGAR </a><p><a href="G:\Animales\foca.html"> VISUALIZAR </a>
<br /><tr>
<br /><td>Mamifero <td> Ornitorrinco <td> <center> <img height="80" src="file:///E:\Animales\orni.jpg" width="80"> <td> <a href="G:\Animales\LEON.MP3">ESCUCHAR</a> <td> <a href="G:\Animales\ORNITORRINCO.docx"> DESCARGAR </a><p><a href="G:\Animales\ornitorrinco.html"> VISUALIZAR </a>
<br /><tr>
<br /><td>Reptil <td> Cocodrilo <td> <center> <img height="80" src="file:///G:\Animales\cocodrilo.jpg" width="80"> <td> <a href="G:\Animales\LEON.MP3">ESCUCHAR</a> <td> <a href="G:\Animales\COCODRILO.docx"> DESCARGAR </a><p><a href="G:\Animales\cocodrilo.html"> VISUALIZAR </a>
<br /><tr>
<br /><td>Reptil <td> Pitòn <td> <center> <img height="80" src="file:///G:\Animales\piton.jpg" width="80"> <td> <a href="G:\Animales\LEON.MP3">ESCUCHAR</a> <td> <a href="G:\Animales\PITON.docx"> DESCARGAR </a><p><a href="G:\Animales\piton.html"> VISUALIZAR </a>
<br /><tr>
<br /><td>Reptil <td> Anaconda <td> <center> <img height="80" src="file:///G:\Animales\anaconda.jpg" width="80"> <td> <a href="G:\Animales\LEON.MP3">ESCUCHAR</a> <td> <a href="E:\Animales\ANACONDA.docx"> DESCARGAR </a><p><a href="G:\Animales\anaconda.html"> VISUALIZAR </a>
<br /><tr>
<br /><td>Reptil <td> Mamba Negra <td> <center> <img height="80" src="file:///G:\Animales\mamba.jpg" width="80"> <td> <a href="G:\Animales\LEON.MP3">ESCUCHAR</a> <td> <a href="G:\Animales\mamba.docx"> DESCARGAR </a><p><a href="G:\Animales\mamba.html"> VISUALIZAR </a>
<br /><tr>
<br /><td> Viviparo <td> Piraña <td> <center> <img height="80" src="file:///G:\Animales\piranas.jpg" width="80"> <td> <a href="G:\Animales\LEON.MP3">ESCUCHAR</a> <td> <a href="G:\Animales\PIRAÑA.docx"> DESCARGAR </a><p><a href="G:\Animales\piraña.html"> VISUALIZAR </a>
<br /><tr>
<br /><td> Roedor <td> Perro de indias <td> <center> <img height="80" src="file:///G:\Animales\conejillo.gif" width="80"> <td> <a href="G:\Animales\LEON.MP3">ESCUCHAR</a> <td> <a href="G:\Animales\PERRO DE INDIAS.docx"> DESCARGAR </a><p><a href="G:\Animales\CONEJILLO.html"> VISUALIZAR </a>
<br /><tr>
<br />
<br /></table border>
<br /></colspan>
<br /></rowspan>
<br /></font color>
<br /></img src>
<br />
<br />
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
Publicado por
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta content='https://www.blogger.com/profile/12032228980334506363' itemprop='url'/>
<a class='g-profile' href='https://www.blogger.com/profile/12032228980334506363' rel='author' title='author profile'>
<span itemprop='name'>miriam</span>
</a>
</span>
</span>
<span class='post-timestamp'>
en
<meta content='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/04/pagina-web-mapa.html' itemprop='url'/>
<a class='timestamp-link' href='https://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/04/pagina-web-mapa.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2010-04-29T18:38:00-07:00'>18:38</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/04/pagina-web-mapa.html#comment-form' onclick=''>
No hay comentarios:
</a>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-922963270'>
<a href='https://www.blogger.com/post-edit.g?blogID=7042077348902612769&postID=8937926320398856857&from=pencil' title='Editar entrada'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
<div class='post-share-buttons goog-inline-block'>
</div>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
</div>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<meta content='7042077348902612769' itemprop='blogId'/>
<meta content='4093683951604554094' itemprop='postId'/>
<a name='4093683951604554094'></a>
<h3 class='post-title entry-title' itemprop='name'>
<a href='https://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/04/tablas.html'>Tablas</a>
</h3>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content' id='post-body-4093683951604554094' itemprop='description articleBody'>
Objetivo: conocer la forma en la cual se generan las tablas, sus filas, columnas y formato de la misma, atravez de html para el diseño de paginas web.<br /><br /><table>y <tbody></tbody></table><br />filas <tr>y </tr><br />columnas <td>y </td><br /><br />Formato de la tabla<br /><br />ATRIBUTO SIGNIFICADO POSIBLES VALORES<br />Width Ancho de la tabla un numero acompañado de %<br />cuandose desee en este<br />formato.<br />Height Altura de la tabla Un numero acompañado de %<br />cellpadling Espacio entre el<br />contenido de<br />la celda y el borde Un numero<br />cellpacing Espacio entre celdas Un numero<br />border Grosor del borde Un numero<br />align Alineación de la pag.<br />Dentro de la tabla Left,right,center<br />bgcolor Color de fondo Un numero hexadecimal<br />background Imagen de fondo Un numero hexadecimal<br />bordercolor Color del borde Un numero hexadecimal<br /><br />Formato de la celda<br /><br /><br />ATRIBUTO SIGNIFICADO POSIBLES VALORES<br />Width Ancho de la celda<br /><br /><br />Height Altura de la celda<br /><br />align Alineación horizontal left,rigth,center<br />del contenido<br />valign alineacion vertical baseline,botton,middel,top<br />de la celda<br /><br />bgcolor Color de fondo Un numero hexadecimal<br /><br />background Imagen de fondo Un numero hexadecimal<br /><br />bordercolor Color del borde Un numero hexadecimal<br /><br />Bseline(linea de base)<br />Btton(inferior)<br />Mddle(medio)<br />Top(superior)<br /><br />Encabezados de columna<br /><th></th>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
Publicado por
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta content='https://www.blogger.com/profile/12032228980334506363' itemprop='url'/>
<a class='g-profile' href='https://www.blogger.com/profile/12032228980334506363' rel='author' title='author profile'>
<span itemprop='name'>miriam</span>
</a>
</span>
</span>
<span class='post-timestamp'>
en
<meta content='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/04/tablas.html' itemprop='url'/>
<a class='timestamp-link' href='https://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/04/tablas.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2010-04-29T18:00:00-07:00'>18:00</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/04/tablas.html#comment-form' onclick=''>
No hay comentarios:
</a>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-922963270'>
<a href='https://www.blogger.com/post-edit.g?blogID=7042077348902612769&postID=4093683951604554094&from=pencil' title='Editar entrada'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
<div class='post-share-buttons goog-inline-block'>
</div>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
</div>
</div></div>
</div>
<div class='blog-pager' id='blog-pager'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='https://miriamgonzalezdisenodepaginasweb.blogspot.com/search?updated-max=2010-04-29T18:00:00-07:00&max-results=7' id='Blog1_blog-pager-older-link' title='Entradas antiguas'>Entradas antiguas</a>
</span>
<a class='home-link' href='https://miriamgonzalezdisenodepaginasweb.blogspot.com/'>Inicio</a>
</div>
<div class='clear'></div>
<div class='blog-feeds'>
<div class='feed-links'>
Suscribirse a:
<a class='feed-link' href='https://miriamgonzalezdisenodepaginasweb.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>Entradas (Atom)</a>
</div>
</div>
</div></div>
</div>
<div id='sidebar-wrapper'>
<div class='sidebar section' id='sidebar'><div class='widget Followers' data-version='1' id='Followers1'>
<h2 class='title'>Seguidores</h2>
<div class='widget-content'>
<div id='Followers1-wrapper'>
<div style='margin-right:2px;'>
<div><script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
<div id="followers-iframe-container"></div>
<script type="text/javascript">
window.followersIframe = null;
function followersIframeOpen(url) {
gapi.load("gapi.iframes", function() {
if (gapi.iframes && gapi.iframes.getContext) {
window.followersIframe = gapi.iframes.getContext().openChild({
url: url,
where: document.getElementById("followers-iframe-container"),
messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER,
messageHandlers: {
'_ready': function(obj) {
window.followersIframe.getIframeEl().height = obj.height;
},
'reset': function() {
window.followersIframe.close();
followersIframeOpen("https://www.blogger.com/followers/frame/7042077348902612769?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByM2MzIwMzUiByNlMjU5ODQqByNGRkZGRkYyByMwMDAwMDA6ByM2MzIwMzVCByNlMjU5ODRKByMwMDAwMDBSByNlMjU5ODRaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3des\x26origin\x3dhttps://miriamgonzalezdisenodepaginasweb.blogspot.com");
},
'open': function(url) {
window.followersIframe.close();
followersIframeOpen(url);
},
'blogger-ping': function() {
}
}
});
}
});
}
followersIframeOpen("https://www.blogger.com/followers/frame/7042077348902612769?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByM2MzIwMzUiByNlMjU5ODQqByNGRkZGRkYyByMwMDAwMDA6ByM2MzIwMzVCByNlMjU5ODRKByMwMDAwMDBSByNlMjU5ODRaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3des\x26origin\x3dhttps://miriamgonzalezdisenodepaginasweb.blogspot.com");
</script></div>
</div>
</div>
<div class='clear'></div>
</div>
</div><div class='widget BlogArchive' data-version='1' id='BlogArchive1'>
<h2>Archivo del blog</h2>
<div class='widget-content'>
<div id='ArchiveList'>
<div id='BlogArchive1_ArchiveList'>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>
▼
</span>
</a>
<a class='post-count-link' href='https://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/'>
2010
</a>
<span class='post-count' dir='ltr'>(12)</span>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>
▼
</span>
</a>
<a class='post-count-link' href='https://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/07/'>
julio
</a>
<span class='post-count' dir='ltr'>(1)</span>
<ul class='posts'>
<li><a href='https://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/07/pagina-kinder-miriam.html'>pagina kinder miriam</a></li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/06/'>
junio
</a>
<span class='post-count' dir='ltr'>(3)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/05/'>
mayo
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/04/'>
abril
</a>
<span class='post-count' dir='ltr'>(5)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/03/'>
marzo
</a>
<span class='post-count' dir='ltr'>(2)</span>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class='clear'></div>
</div>
</div><div class='widget Profile' data-version='1' id='Profile1'>
<h2>Datos personales</h2>
<div class='widget-content'>
<a href='https://www.blogger.com/profile/12032228980334506363'><img alt='Mi foto' class='profile-img' height='60' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTs_h3ARalTsQ7b_MWtqyQnTrEXWnNZ8MEwXrOYccOH3Q1_GSI9XA1zAbXm5sKgCFA686BDd6OMKxEcjzD4y4RZul9cnRUa2YjfVSsx_DwJyJ9WnE2hmuIsY9qy-7ZrA/s220/DSC00982.jpg' width='80'/></a>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' href='https://www.blogger.com/profile/12032228980334506363' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'>
miriam
</a>
</dt>
</dl>
<a class='profile-link' href='https://www.blogger.com/profile/12032228980334506363' rel='author'>Ver todo mi perfil</a>
<div class='clear'></div>
</div>
</div></div>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div>
<!-- end content-wrapper -->
<div id='footer-wrapper'>
<div class='footer no-items section' id='footer'></div>
</div>
</div></div>
<!-- end outer-wrapper -->
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/91768132-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY5jbqJdjQhKfw8o35ANOFnEbZMu6g:1736557319525';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7042077348902612769','//miriamgonzalezdisenodepaginasweb.blogspot.com/','7042077348902612769');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '7042077348902612769', 'title': 'Miriam Gonzalez Garcia Programacion de Paginas web', 'url': 'https://miriamgonzalezdisenodepaginasweb.blogspot.com/', 'canonicalUrl': 'http://miriamgonzalezdisenodepaginasweb.blogspot.com/', 'homepageUrl': 'https://miriamgonzalezdisenodepaginasweb.blogspot.com/', 'searchUrl': 'https://miriamgonzalezdisenodepaginasweb.blogspot.com/search', 'canonicalHomepageUrl': 'http://miriamgonzalezdisenodepaginasweb.blogspot.com/', 'blogspotFaviconUrl': 'https://miriamgonzalezdisenodepaginasweb.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'es', 'localeUnderscoreDelimited': 'es', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Miriam Gonzalez Garcia Programacion de Paginas web - Atom\x22 href\x3d\x22https://miriamgonzalezdisenodepaginasweb.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Miriam Gonzalez Garcia Programacion de Paginas web - RSS\x22 href\x3d\x22https://miriamgonzalezdisenodepaginasweb.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Miriam Gonzalez Garcia Programacion de Paginas web - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/7042077348902612769/posts/default\x22 /\x3e\n', 'meTag': '\x3clink rel\x3d\x22me\x22 href\x3d\x22https://www.blogger.com/profile/12032228980334506363\x22 /\x3e\n', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/d2c988fc3a56b1b1', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Obtener enlace', 'key': 'link', 'shareMessage': 'Obtener enlace', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Compartir en Facebook', 'target': 'facebook'}, {'name': 'Escribe un blog', 'key': 'blogThis', 'shareMessage': 'Escribe un blog', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Compartir en X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Compartir en Pinterest', 'target': 'pinterest'}, {'name': 'Correo electr\xf3nico', 'key': 'email', 'shareMessage': 'Correo electr\xf3nico', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27es\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Leer m\xe1s', 'pageType': 'index', 'pageName': '', 'pageTitle': 'Miriam Gonzalez Garcia Programacion de Paginas web'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Editar', 'linkCopiedToClipboard': 'El enlace se ha copiado en el Portapapeles.', 'ok': 'Aceptar', 'postLink': 'Enlace de la entrada'}}, {'name': 'template', 'data': {'isResponsive': false, 'isAlternateRendering': false, 'isCustom': false}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Miriam Gonzalez Garcia Programacion de Paginas web', 'description': '', 'url': 'https://miriamgonzalezdisenodepaginasweb.blogspot.com/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': true, 'isArchive': false, 'isLabelSearch': false}}]);
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text1', 'crosscol', document.getElementById('Text1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2956189928-lbx__es.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers1', 'sidebar', document.getElementById('Followers1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Cargando\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar', document.getElementById('Profile1'), {}, 'displayModeFull'));
</script>
</body>
</html> 
