Miriam Gonzalez Garcia Programacion de Paginas web: 2010

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='http://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='http://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='http://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='http://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='http://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='http://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='http://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='http://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='http://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='http://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='http://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 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='2210706566623595745' itemprop='postId'/> <a name='2210706566623595745'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/04/destinos-de-enlace.html'>Destinos de enlace</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-2210706566623595745' itemprop='description articleBody'> Enlace<br /><a> </a><br />name-atributo<br /><br />El destino del enlace determina en que ventana va a ser abierta la pagina vinculada, se especifica atravez del atributo "target", al que se le pueden designar los siguientes valores:<br /><br />1)_blank:abre el documento en una ventana nueva<br />2)_parent:abre el documento en la ventana que contiene el vinculo<br />3)_self:abre abre el documento en el mismo marco o ventana que el vinculo<br />4)_top: abre el documento en la ventana completa del navegador<br /><br /> Ejemplo:<a href="http://www.yahoo.com.mx"target="blank">yahoo</a><br /><br />Formatos de los enlaces<br /><br />link<br />alink <br />vlink<br /><br />Puntos de fijacion o anclas<br /><br />Cuando se tienen documentos extensos es preferible ir al apartado deseado en el lugar de desplazarse.<br /> Ejemplo:<br />Para instalar un punto de fijacion dentro del mismo documento<br /> <a href="#ondaname">comentario</a><br />Archivo dentro de la misma carpeta.<br /><br /> <a href="filename.html">contenido</a><br /> <a href="nombrecarpeta/filename.html">contenido</a><br /> <a href="datos/filename.html">cont </a><br /> <a href="[D: [iphat filename.html">cont</a><br /> <a href="f:/prueba/datos/norte.html">cont</a> <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/destinos-de-enlace.html' itemprop='url'/> <a class='timestamp-link' href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/04/destinos-de-enlace.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2010-04-29T17:34:00-07:00'>17:34</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/04/destinos-de-enlace.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=2210706566623595745&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='1328194494733310919' itemprop='postId'/> <a name='1328194494733310919'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/04/caracteres-especiales.html'>Caracteres especiales</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-1328194494733310919' itemprop='description articleBody'> Objetivo: conocer los caracteres especiales que se utilizan en el diseño de paginas web con html.<br /><br />Una pagina web, se a de ver en distintos paises que usan conjunto de caracteres diferentes. El lenguaje html nos ofrece un mecanismo por el que podemos estar seguros, que una serie de caracteres raros, se va a ver bien en todos los ordenadores, independientemente de su juego de caracteres especiales, cuando queremos colocar uno de estos caracteres en una pagina debemos sustituirlos por el codigo.<br /><br />Ejemplo:<br /><br />á->"á"<br />é->"é"<br />ú->"ú"<br /><br />ú->"ù"<br /><br />û->"ü"<br />â->"ä"<br />ê->"ë"<br />î->"ï"<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/caracteres-especiales.html' itemprop='url'/> <a class='timestamp-link' href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/04/caracteres-especiales.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2010-04-29T17:20:00-07:00'>17:20</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/04/caracteres-especiales.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=1328194494733310919&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, 12 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='7042077348902612769' itemprop='blogId'/> <meta content='374999721671806455' itemprop='postId'/> <a name='374999721671806455'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/04/enlaces-hypervinculos.html'>Enlaces (hypervinculos)</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-374999721671806455' itemprop='description articleBody'> objetivo: Conocer las formas en la cuales se generan un hypervinculo en html <br /> <br />Un enlace puede ser facilmente detectado en una pagina. basta con deslizar el puntero del mause sobre las imagenes o el texto y ver como cambia su forma original transformándose por regla general, en una mano con un dedo señalador. <br />Para colocar un enlace nos serviremos de la etiqueta <a> </a>, dentro de la etiqueta de apertura deberemos especificar el destino del enlace, este destino sera introducido bajo la forma del atributo, el cual lleva por nombre href <br /><a href="destino"> </a> <br />Destino: sera una pagina, un e-mail o un archivo. <br />la función del destino en los enlaces son agrupados el siguiente modo: <br /> <br />*Enlaces internos: los que se encuentran dentro de la misma pagina <br />*Enlaces locales: se dirigen a otra pagina del mismo sitio <br />*Enlaces remotos: dirigidos hacia paginas de otros sitios <br />*enlaces con dirección de correos: para crear un mensaje de correo, dirigido a una direccion. <br />*Enlaces con archivos: para que los usuarios puedan hacer descargas de ficheros. <br /> <br />Enlaces internos <br />Para crear un enlace de este tipo es necesario, aparte del enlace de origen propiamente dicho un segundo enlace que sera colocado en el destino. <br /> <br />Queremos crear un enlace que apunte al final de la pagina <br /><a href="#abajo"> ir abajo </a> <br />El contenido el enlace es el texto ir abajo, el destino: abajo, # el simbolo que especifica al navegador que el enlace apunta a un destino. <br />En segundo lugar hay que generar un enlace en el destino <br /><a name="abajo"> </a> <br /> <br />Enlaces locales <br /> <br /><a href="archivo".html>contenido<a/> <br />ay que tener cuidado en usar la barra en lugar de la contrabarra. <br /> <br />El lugar de los enlaces pueden a su vez apuntar, ya no a la pagina en general, si no mas precisamente a una secion concreta. Este tipo de enlaces resultan ser un hibrido de interno y local, la sintaxis es de tipo: <br /><a href="archivo.html#seccion">contenido</a> <br /> <br />Enlaces remotos <br />simplemente colocamos en el atributo href e nuestra etiqueta a la url o la direccion de la pagina con la que queremos enlazar. <br /><a href="http://www.yahoo.com.mx">yahoo</a> <br /> <br />Enlaces de direccion de correo <br />En el atributo href del enlace, antes de la direccion de correo escribimos "mailto" <br /><a href="mailto:amadofc@yahoo.com">amadofc@yahoo.com</a> <br /> <br />Enlaces con archivos <br />Si queremos enlazar con un archivo mi_fichero.zip que se encuentra en el mismo directorio que la pagina, escribimos el enlace <br /><a href="mi_fichero.zip">Descargar</a> <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/enlaces-hypervinculos.html' itemprop='url'/> <a class='timestamp-link' href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/04/enlaces-hypervinculos.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2010-04-12T20:18:00-07:00'>20:18</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/04/enlaces-hypervinculos.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=374999721671806455&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>martes, 9 de marzo 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='5445061249157101749' itemprop='postId'/> <a name='5445061249157101749'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/03/blog-post.html'>DIFERENTES COLORES DE HTML</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-5445061249157101749' itemprop='description articleBody'> colores de letras <br /> <br /><html> <br /><head> <br /><B><H1><td colspan="35"><center> = DIFERENTES COLORES = </CENTER> </B></H1> <br /><P> <br /></head> <br /><body bgcolor="SYLVER"> <br /><p> </p> <br /><p> </p> <br /><P> </P> <br /><P> </P> <br /><b><font color="blue"></fon><font size="5"> MIRIAM</font size></b> <br /><p> <br /><b><font color="red"></fon><font size="5"> GONZALEZ</font size></b> <br /><p> <br /><b><font color="a040ff"></fon><font size="5"> GARCIA</font size></b> <br /><p> <br /><b><font color="purple"></fon><font size="5"> CONALEP</font size></b> <br /><p> <br /><b><font color="ff20ff"></fon><font size="5"> TLALPAN:</font size></b> <br /><p> <br /><b><font color="a0a020"></fon><font size="5"> MATRICULA</font size></b> <br /><p> <br /><b><font color="yellow"></fon><font size="5"> GrUpO:</font size></b> <br /><p> <br /><B><font color="green"> </fon></fon><font size="5"> 615</font size></b> <br /><P> <br /><B><font color="orange"></fon></fon></fon><font size="5">MATERIA:</font size></b> <br /><P> <br /><B><font color="402060"> </fon></fon></fon><font size="5"> PROGRAMACION Y DISEÑO DE PAGINAS WEB</font size></b> <br /><P> <br /><B><font color="maroon"> </fon><font size="5">POFESOR:</font size></b> <br /><P> <br /><b><font color="aqua"></fon><font size="5">AMADO</font size></b> <br /><P> <br /><B><font color="a00080"> </fon><font size="5">FABIAN</font size></b> <br /><P> <br /><B><font color="a00040"></fon><font size="5"> CONTRERAS</font size></b> <br /></p> <br /></body> <br /></html> <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/03/blog-post.html' itemprop='url'/> <a class='timestamp-link' href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/03/blog-post.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2010-03-09T20:05:00-08:00'>20:05</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/03/blog-post.html#comment-form' onclick=''> 1 comentario: </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=5445061249157101749&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>martes, 2 de marzo 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='4432625082109174194' itemprop='postId'/> <a name='4432625082109174194'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/03/definiciones.html'>DEFINICIONES</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-4432625082109174194' itemprop='description articleBody'> 1-¿QUE ES PAGINA WEB?<br />R= una pagina web es una fuente de informacion adoptada para la world wide web (www) y accesible mediante un navegador de internet. Son solicitadas y transferidas de los servidores usando el protocolo de transferencia de hypertexto (http), pueden consistir en archivos de texto estatico o se pueden leer una serie de archivos con codigo que instruya al servidor.<br /><br />2-¿QUE ES HIPERVINCULO, LINK O LIGA?<br />R= es una conexion de una pagina a otro destino como a otra pagina o una ubicacion diferente en la misma pagina, pero tambien puede ser una imagen, direccion de correo electronico, un artchivo (multimedia o de office), o un programa.<br />un hipervinculo puede ser texto o una imagen.<br /><br />3-¿QUE ES HTTP?<br />R= protocolo de transferencia de hypertexto, es el protocolo usado en cada transiccion de la web (www). http define la sintaxis y la semantica que utilizan los elementos software de la arquitectura web, para comunicarse. es un protocolo orientado a transacciones y sigue el esquema peticion, respuesta entre un cliente y un servidor. Http es un protocolo sin estado, es decir, que no guarda ninguna informacion sobre conexiones anteriores.<br /><br />4-¿CUALES SON LAS CARACTERISTICAS DE UNA PAGINA WEB?<br />R= Diseño basico. un sitio web debe tener una homepage de presentacion a partir de la cual se pueda recorrer la informacion existente. El numero de paginas depende del tipo de empresa y de materias que se quiera presentar en la red.<br />Ademas existen que prestan mucha utilidad como lo son: un contador de visitantes o counter que se encuentra en la pagina inicial, grafica que indique al navegate como ir a todos los puntos de la pagina y por supuesto, fotos, dibujos que muestren los productos, proyectos, etc.<br /><br />5-ELEMENTOS DE UNA PAGINA WEB:<br />R= * Diseño Basico<br /> * uso de frames<br /> * Graficas<br /> * Paginas web interactivas<br /> * Animaciones<br /> * Sonidos<br /> * fotos<br /> * Imagenes<br /> * Videos<br /> * Hipervinculos<br /> <br />6- OBJETIVOS DE UNA PAGINA WEB<br />R= El principal objetivo es informar a las personas sobre diferentes tipos de temas, segun sea su nesecidad, pero tambien tiene otros que pueden ser: ganar dinero, hacer negocios, atraer clienes, etc.<br /><br /><br />RESUMEN<br />Bueno lo que yo entendi de las paginas web es que son una fuente de informacion adoptada para la web, en forma de texto y pueden contener imagenes, fotos, videos, sonidos, grabaciones, frames, hipervinculos, animaciones, etc.<br />Y su protocolo de transferencia es el de hypertexto que se abrevia(http) este sirve como comunicador que sigue el esquema peticion-respuesta. <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/03/definiciones.html' itemprop='url'/> <a class='timestamp-link' href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/03/definiciones.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2010-03-02T20:28:00-08:00'>20:28</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/03/definiciones.html#comment-form' onclick=''> 1 comentario: </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=4432625082109174194&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-newer-link'> <a class='blog-pager-newer-link' href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/' id='Blog1_blog-pager-newer-link' title='Entradas más recientes'>Entradas más recientes</a> </span> <a class='home-link' href='http://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='http://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.g?blogID\x3d7042077348902612769\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByM2MzIwMzUiByNlMjU5ODQqByNGRkZGRkYyByMwMDAwMDA6ByM2MzIwMzVCByNlMjU5ODRKByMwMDAwMDBSByNlMjU5ODRaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26origin\x3dhttp://miriamgonzalezdisenodepaginasweb.blogspot.com/"); }, 'open': function(url) { window.followersIframe.close(); followersIframeOpen(url); }, 'blogger-ping': function() { } } }); } }); } followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d7042077348902612769\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByM2MzIwMzUiByNlMjU5ODQqByNGRkZGRkYyByMwMDAwMDA6ByM2MzIwMzVCByNlMjU5ODRKByMwMDAwMDBSByNlMjU5ODRaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26origin\x3dhttp://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='http://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='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/07/'> julio </a> <span class='post-count' dir='ltr'>(1)</span> <ul class='posts'> <li><a href='http://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='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/06/'> junio </a> <span class='post-count' dir='ltr'>(3)</span> <ul class='posts'> <li><a href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/06/formulario.html'>Formulario</a></li> <li><a href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/06/nuevas-etiquetas-html.html'>Nuevas etiquetas html</a></li> <li><a href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/06/frames.html'>Frames</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='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/05/'> mayo </a> <span class='post-count' dir='ltr'>(1)</span> <ul class='posts'> <li><a href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/05/formularios.html'>FORMULARIOS</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='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/04/'> abril </a> <span class='post-count' dir='ltr'>(5)</span> <ul class='posts'> <li><a href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/04/pagina-web-mapa.html'>Pagina web tabla</a></li> <li><a href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/04/tablas.html'>Tablas</a></li> <li><a href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/04/destinos-de-enlace.html'>Destinos de enlace</a></li> <li><a href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/04/caracteres-especiales.html'>Caracteres especiales</a></li> <li><a href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/04/enlaces-hypervinculos.html'>Enlaces (hypervinculos)</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='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/03/'> marzo </a> <span class='post-count' dir='ltr'>(2)</span> <ul class='posts'> <li><a href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/03/blog-post.html'>DIFERENTES COLORES DE HTML</a></li> <li><a href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/03/definiciones.html'>DEFINICIONES</a></li> </ul> </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>  <div class='clear'> </div> </div>  <div id='footer-wrapper'> <div class='footer no-items section' id='footer'></div> </div> </div></div>  <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/1867168604-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY6DH2OC60eMtK1IqAQwwM6OI0vivA:1715853658830';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7042077348902612769','//miriamgonzalezdisenodepaginasweb.blogspot.com/2010/','7042077348902612769'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '7042077348902612769', 'title': 'Miriam Gonzalez Garcia Programacion de Paginas web', 'url': 'http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/', 'canonicalUrl': 'http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/', 'homepageUrl': 'http://miriamgonzalezdisenodepaginasweb.blogspot.com/', 'searchUrl': 'http://miriamgonzalezdisenodepaginasweb.blogspot.com/search', 'canonicalHomepageUrl': 'http://miriamgonzalezdisenodepaginasweb.blogspot.com/', 'blogspotFaviconUrl': 'http://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\x22http://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\x22http://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': '', '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/0591fc9b282fe0d4', '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': 'Twitter', 'key': 'twitter', 'shareMessage': 'Compartir en Twitter', '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': 'archive', 'pageName': '2010', 'pageTitle': 'Miriam Gonzalez Garcia Programacion de Paginas web: 2010'}}, {'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': 'http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': true, 'isLabelSearch': false, 'archive': {'year': 2010, 'rangeMessage': 'Mostrando entradas de 2010'}}}]); _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/478064583-lbx__es.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-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>

Miriam Gonzalez Garcia Programacion de Paginas web

Objetivo:

jueves, 15 de julio de 2010

pagina kinder miriam

martes, 8 de junio de 2010

Formulario

lunes, 7 de junio de 2010

Nuevas etiquetas html

Frames