{"id":96,"date":"2015-12-02T03:18:39","date_gmt":"2015-12-02T03:18:39","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/joyasarm\/?p=96"},"modified":"2015-12-02T11:56:05","modified_gmt":"2015-12-02T11:56:05","slug":"se-agrego-menu-desplegable","status":"publish","type":"post","link":"https:\/\/blog.espol.edu.ec\/joyasarm\/2015\/12\/02\/se-agrego-menu-desplegable\/","title":{"rendered":"Se agreg\u00f3 men\u00fa desplegable"},"content":{"rendered":"<p>(+) Se agreg\u00f3<\/p>\n<p>++++ bot\u00f3n que re-direcciona a la pagina de inicio.<\/p>\n<p>++++ un drop down men\u00fa para desplegar las opciones del usuario y el enlace para el cierre de sesi\u00f3n.<\/p>\n<p>(+)\u00a0Presentaci\u00f3n del dise\u00f1o final\u00a0de la pagina perfil.HTML<\/p>\n<p>Not\u00e9 que no hab\u00eda ninguna forma de volver a la pagina principal, desde la pagina que muestra el perfil del usuario, como tampoco permit\u00eda el cierre de sesi\u00f3n.<\/p>\n<p>Anteriormente se ten\u00eda un whats new que no dirig\u00eda a\u00a0ning\u00fan lugar,\u00a0por lo que se realizo un enlace directo a la pagina de inicio (index.HTML) a trav\u00e9s de la opci\u00f3n <strong>HOME . <\/strong><\/p>\n<p><a href=\"http:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/what.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-97\" src=\"http:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/what-300x168.png\" alt=\"what\" width=\"300\" height=\"168\" srcset=\"https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/what-300x168.png 300w, https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/what.png 301w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/home.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-98\" src=\"http:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/home.png\" alt=\"home\" width=\"302\" height=\"233\" \/><\/a><\/p>\n<p>En lo que respecta al men\u00fa desplegable, antes solo se presentaba el nombre del usuario, pero para poder\u00a0cerrar sesi\u00f3n se agrego un icono en forma de flecha, que indica la presencia de un men\u00fa desplegable, en el cual se mostraran las opciones a las cuales el usuario podr\u00e1 acceder, asi como tambi\u00e9n el cierre de su sesi\u00f3n, tal como se muestra en la figura:<\/p>\n<p><a href=\"http:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/menubar1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-102\" src=\"http:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/menubar1-300x25.png\" alt=\"menubar1\" width=\"444\" height=\"37\" srcset=\"https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/menubar1-300x25.png 300w, https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/menubar1-1024x85.png 1024w, https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/menubar1.png 1310w\" sizes=\"auto, (max-width: 444px) 100vw, 444px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/newmenu.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-103\" src=\"http:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/newmenu-300x48.png\" alt=\"newmenu\" width=\"450\" height=\"72\" srcset=\"https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/newmenu-300x48.png 300w, https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/newmenu-1024x163.png 1024w, https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/newmenu.png 1249w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/a><\/p>\n<p>Las l\u00edneas de c\u00f3digo correspondientes:<\/p>\n<p><a href=\"http:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/cod-menu.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-104\" src=\"http:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/cod-menu-300x162.png\" alt=\"cod menu\" width=\"448\" height=\"242\" srcset=\"https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/cod-menu-300x162.png 300w, https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/cod-menu-1024x553.png 1024w, https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/cod-menu.png 1366w\" sizes=\"auto, (max-width: 448px) 100vw, 448px\" \/><\/a><\/p>\n<p>Las cuales tuvieron como gu\u00eda un tutorial de la w3scholl:<\/p>\n<p><a href=\"http:\/\/www.w3schools.com\/bootstrap\/tryit.asp?filename=trybs_dropdown-disabled&amp;stacked=h\">[1] men\u00fa con opciones deshabilitadas<\/a><\/p>\n<p><a href=\"http:\/\/www.w3schools.com\/bootstrap\/tryit.asp?filename=trybs_navbar_dropdown&amp;stacked=h\">[2] drop down men\u00fa<\/a><\/p>\n<p>Con lo cual culminan las modificaciones en la pagina perfil.html y se realiza la respectiva presentaci\u00f3n final:<\/p>\n<p><a href=\"http:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/perfilFinal.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-105\" src=\"http:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/perfilFinal-300x134.png\" alt=\"perfilFinal\" width=\"457\" height=\"204\" srcset=\"https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/perfilFinal-300x134.png 300w, https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/perfilFinal-1024x458.png 1024w, https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/perfilFinal.png 1209w\" sizes=\"auto, (max-width: 457px) 100vw, 457px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>(+) Se agreg\u00f3 ++++ bot\u00f3n que re-direcciona a la pagina de inicio. ++++ un drop down men\u00fa para desplegar las opciones del usuario y el enlace para el cierre de sesi\u00f3n. (+)\u00a0Presentaci\u00f3n del dise\u00f1o final\u00a0de la pagina perfil.HTML Not\u00e9 que no hab\u00eda ninguna forma de volver a la pagina principal, desde la pagina que muestra [&hellip;]<\/p>\n","protected":false},"author":6283,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1301126],"tags":[],"class_list":["post-96","post","type-post","status-publish","format-standard","hentry","category-proyecto-de-daw"],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/posts\/96","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/users\/6283"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/comments?post=96"}],"version-history":[{"count":5,"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/posts\/96\/revisions"}],"predecessor-version":[{"id":108,"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/posts\/96\/revisions\/108"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/media?parent=96"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/categories?post=96"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/tags?post=96"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}