martes, 8 de junio de 2010
lunes, 7 de junio de 2010
Nuevas etiquetas html
objetivo: conocer los nuevos comandos que se dan a partir de la version 3.0 de html para el diseño de paginas web
actua de forma muy parecida a pero con
la particularidad de que añade un sangrado en parrafos
mas pequeños
es para añadir sangrados en parrafos largos
apunta que hay un acronimo en el texto.
un acronimo es un pequeño texto que
ayuda a explicar la estructura el texto
se utiliza para marcar las partes de un
documento que se han agregado desde la
version pasada el documento
marca de manera espiral un texto que se a
suprimido desde la version contenida
se utiliza para tener un mejor control en
el formato de las tablas especificando las
caracteristicas que comparten como son:
alto, ancho y alineacion, cada tabla debe tener
por lo menos un coulgroup
Nos permite agrupar visualmente varios controles
mostrandose un rectangulo alrrededpr de los mismos
ademas podemos indicar un titulo por medio de la etiqueta
actua de forma muy parecida a
la particularidad de que añade un sangrado en parrafos
mas pequeños
apunta que hay un acronimo en el texto.
un acronimo es un pequeño texto que
ayuda a explicar la estructura el texto
se utiliza para marcar las partes de un
documento que se han agregado desde la
version pasada el documento
caracteristicas que comparten como son:
alto, ancho y alineacion, cada tabla debe tener
por lo menos un coulgroup
ademas podemos indicar un titulo por medio de la etiqueta
Frames
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>
<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>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/search?updated-max=2010-06-07T14:43:00-07:00&max-results=7' id='Blog1_blog-pager-older-link' title='Entradas antiguas'>Entradas antiguas</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 collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/07/'>
julio
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<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/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>
</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>
</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>
</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/1867168604-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY4P1dY-Ksi6YuDJVwkjXAba9JVU0A:1715903616237';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7042077348902612769','//miriamgonzalezdisenodepaginasweb.blogspot.com/2010/06/','7042077348902612769');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '7042077348902612769', 'title': 'Miriam Gonzalez Garcia Programacion de Paginas web', 'url': 'http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/06/', 'canonicalUrl': 'http://miriamgonzalezdisenodepaginasweb.blogspot.com/2010/06/', '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': 'junio 2010', 'pageTitle': 'Miriam Gonzalez Garcia Programacion de Paginas web: junio 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/06/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': true, 'isLabelSearch': false, 'archive': {'year': 2010, 'month': 6, 'rangeMessage': 'Mostrando entradas de junio, 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>
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