{"id":1153,"date":"2018-04-12T11:20:30","date_gmt":"2018-04-12T17:20:30","guid":{"rendered":"https:\/\/disenoweb.facmed.unam.mx\/?page_id=1153"},"modified":"2018-09-17T13:08:29","modified_gmt":"2018-09-17T19:08:29","slug":"como-empezar-una-pagina","status":"publish","type":"page","link":"https:\/\/disenoweb.facmed.unam.mx\/index.php\/como-empezar-una-pagina\/","title":{"rendered":"\u00bfC\u00f3mo empezar una p\u00e1gina?"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00bb1&#8243; background_color=\u00bb#f4f4f4&#8243; _builder_version=\u00bb3.0.94&#8243;][et_pb_row custom_padding=\u00bb0px|0px|17px|0px\u00bb _builder_version=\u00bb3.0.47&#8243; background_size=\u00bbinitial\u00bb background_position=\u00bbtop_left\u00bb background_repeat=\u00bbrepeat\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb3.0.94&#8243; parallax=\u00bboff\u00bb parallax_method=\u00bbon\u00bb][et_pb_text _builder_version=\u00bb3.0.94&#8243; text_font=\u00bb||||||||\u00bb text_font_size=\u00bb81px\u00bb text_text_color=\u00bb#0cbbce\u00bb header_font=\u00bb||||||||\u00bb header_text_align=\u00bbcenter\u00bb text_orientation=\u00bbcenter\u00bb]<span class=\"fa fa-laptop\"> <\/span><\/p>\n<h1><strong>\u00bfC\u00f3mo empezar una p\u00e1gina?<\/strong><\/h1>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00bb1&#8243; _builder_version=\u00bb3.0.94&#8243; custom_padding=\u00bb32px|0px|54px|0px\u00bb][et_pb_row _builder_version=\u00bb3.0.94&#8243;][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb3.0.94&#8243; parallax=\u00bboff\u00bb parallax_method=\u00bbon\u00bb][et_pb_accordion icon_color=\u00bb#0db0d8&#8243; _builder_version=\u00bb3.0.94&#8243; toggle_font=\u00bb|600|||||||\u00bb toggle_text_color=\u00bb#0cadd6&#8243; border_radii=\u00bbon|5px|5px|5px|5px\u00bb border_width_all=\u00bb0px\u00bb box_shadow_style=\u00bbpreset2&#8243; box_shadow_color=\u00bbrgba(0,0,0,0)\u00bb][et_pb_accordion_item title=\u00bbINTRODUCCI\u00d3N\u00bb _builder_version=\u00bb3.0.94&#8243; title_text_shadow_horizontal_length=\u00bb0em\u00bb title_text_shadow_vertical_length=\u00bb0em\u00bb title_text_shadow_blur_strength=\u00bb0em\u00bb body_text_shadow_horizontal_length=\u00bb0em\u00bb body_text_shadow_vertical_length=\u00bb0em\u00bb body_text_shadow_blur_strength=\u00bb0em\u00bb open=\u00bbon\u00bb]<\/p>\n<p>Antes de realizar una pa\u0301gina web es importante plantear, correctamente, su contenido. Esto hara\u0301 que el proceso de elaboracio\u0301n sea sencillo y ordenado, para que el resultado cumpla con los objetivos y\u00a0 genere una buena experiencia para el usuario.<\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bbOBJETIVO PRINCIPAL DE LA P\u00c1GINA\u00bb _builder_version=\u00bb3.0.94&#8243; title_text_shadow_horizontal_length=\u00bb0em\u00bb title_text_shadow_vertical_length=\u00bb0em\u00bb title_text_shadow_blur_strength=\u00bb0em\u00bb body_text_shadow_horizontal_length=\u00bb0em\u00bb body_text_shadow_vertical_length=\u00bb0em\u00bb body_text_shadow_blur_strength=\u00bb0em\u00bb open=\u00bboff\u00bb]<\/p>\n<p>Es importante establecer las bases para la construccio\u0301n del sitio; para ello, hay que responder las siguientes preguntas: \u00bfque\u0301 desea comunicar?, \u00bfcua\u0301l es el problema que hay que resolver?, \u00bfla intensio\u0301n es educativa o informativa?, \u00bfpromueve algu\u0301n tipo de servicio?, \u00bfrecopila datos? y \u00bfa quie\u0301n va dirigida?<br \/> Comprender estas funciones nos ayudara\u0301 a realizar, de mejor manera, el disen\u0303o.<\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bbMAPA DE FLUJO\u00bb _builder_version=\u00bb3.0.94&#8243; title_text_shadow_horizontal_length=\u00bb0em\u00bb title_text_shadow_vertical_length=\u00bb0em\u00bb title_text_shadow_blur_strength=\u00bb0em\u00bb body_text_shadow_horizontal_length=\u00bb0em\u00bb body_text_shadow_vertical_length=\u00bb0em\u00bb body_text_shadow_blur_strength=\u00bb0em\u00bb open=\u00bboff\u00bb]<\/p>\n<p>La buena arquitectura del sitio garantiza su correcto funcionamiento y que el usuario navegue con facilidad. Por ello, para determinar las jerarqui\u0301as, se elaborara\u0301 un diagrama de flujo con la lista de las pa\u0301ginas planificadas, los enlaces, las anclas y las subpa\u0301ginas de cada seccio\u0301n. Es importante pensar en la interaccio\u0301n entre el usuario y la pa\u0301gina, y los elementos de mayor consulta deben ser de fa\u0301cil acceso.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"..\/..\/wp-content\/uploads\/2018\/04\/Captura-de-pantalla-2018-04-12-a-las-12.45.01-p.m..png\" alt=\"\" class=\"wp-image-1184 alignnone size-full\" width=\"3340\" height=\"1456\" srcset=\"https:\/\/disenoweb.facmed.unam.mx\/wp-content\/uploads\/2018\/04\/Captura-de-pantalla-2018-04-12-a-las-12.45.01-p.m..png 3340w, https:\/\/disenoweb.facmed.unam.mx\/wp-content\/uploads\/2018\/04\/Captura-de-pantalla-2018-04-12-a-las-12.45.01-p.m.-300x131.png 300w, https:\/\/disenoweb.facmed.unam.mx\/wp-content\/uploads\/2018\/04\/Captura-de-pantalla-2018-04-12-a-las-12.45.01-p.m.-768x335.png 768w, https:\/\/disenoweb.facmed.unam.mx\/wp-content\/uploads\/2018\/04\/Captura-de-pantalla-2018-04-12-a-las-12.45.01-p.m.-1024x446.png 1024w, https:\/\/disenoweb.facmed.unam.mx\/wp-content\/uploads\/2018\/04\/Captura-de-pantalla-2018-04-12-a-las-12.45.01-p.m.-1080x471.png 1080w\" sizes=\"(max-width: 3340px) 100vw, 3340px\" \/><\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bbNOMBRE DE LA DIRECCI\u00d3N DEL SITIO\u00bb _builder_version=\u00bb3.0.94&#8243; title_text_shadow_horizontal_length=\u00bb0em\u00bb title_text_shadow_vertical_length=\u00bb0em\u00bb title_text_shadow_blur_strength=\u00bb0em\u00bb body_text_shadow_horizontal_length=\u00bb0em\u00bb body_text_shadow_vertical_length=\u00bb0em\u00bb body_text_shadow_blur_strength=\u00bb0em\u00bb open=\u00bboff\u00bb]<\/p>\n<p>Mediante oficio, se debe solicitar, a la Secretari\u0301a General, el nombre y alojamiento de la pa\u0301gina. La direccio\u0301n propuesta no debe exceder los 16 caracteres, y se sugiere que sea corta y fa\u0301cil de escribir.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"..\/..\/wp-content\/uploads\/2018\/04\/Captura-de-pantalla-2018-04-12-a-las-12.47.09-p.m..png\" alt=\"\" class=\"wp-image-1170 alignnone size-full\" width=\"2164\" height=\"502\" srcset=\"https:\/\/disenoweb.facmed.unam.mx\/wp-content\/uploads\/2018\/04\/Captura-de-pantalla-2018-04-12-a-las-12.47.09-p.m..png 2164w, https:\/\/disenoweb.facmed.unam.mx\/wp-content\/uploads\/2018\/04\/Captura-de-pantalla-2018-04-12-a-las-12.47.09-p.m.-300x70.png 300w, https:\/\/disenoweb.facmed.unam.mx\/wp-content\/uploads\/2018\/04\/Captura-de-pantalla-2018-04-12-a-las-12.47.09-p.m.-768x178.png 768w, https:\/\/disenoweb.facmed.unam.mx\/wp-content\/uploads\/2018\/04\/Captura-de-pantalla-2018-04-12-a-las-12.47.09-p.m.-1024x238.png 1024w, https:\/\/disenoweb.facmed.unam.mx\/wp-content\/uploads\/2018\/04\/Captura-de-pantalla-2018-04-12-a-las-12.47.09-p.m.-1080x251.png 1080w\" sizes=\"(max-width: 2164px) 100vw, 2164px\" \/><\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bbP\u00daBLICO META\u00bb _builder_version=\u00bb3.0.94&#8243; title_text_shadow_horizontal_length=\u00bb0em\u00bb title_text_shadow_vertical_length=\u00bb0em\u00bb title_text_shadow_blur_strength=\u00bb0em\u00bb body_text_shadow_horizontal_length=\u00bb0em\u00bb body_text_shadow_vertical_length=\u00bb0em\u00bb body_text_shadow_blur_strength=\u00bb0em\u00bb open=\u00bboff\u00bb]<\/p>\n<p>Es importante determinar a que\u0301 pu\u0301blico se dirige el contenido, esto ayudara\u0301 a establecer el lenguaje y la estrategia visual.<\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bbESQUEMA GENERAL DE P\u00c1GINAS\u00bb open=\u00bboff\u00bb _builder_version=\u00bb3.0.94&#8243; title_text_shadow_horizontal_length=\u00bb0em\u00bb title_text_shadow_vertical_length=\u00bb0em\u00bb title_text_shadow_blur_strength=\u00bb0em\u00bb body_text_shadow_horizontal_length=\u00bb0em\u00bb body_text_shadow_vertical_length=\u00bb0em\u00bb body_text_shadow_blur_strength=\u00bb0em\u00bb]<\/p>\n<p>Los esquemas ba\u0301sicos por seccio\u0301n ayudara\u0301n a determinar co\u0301mo se presentara\u0301 la informacio\u0301n. Aqui\u0301 debemos preguntarnos que\u0301 aspectos son los ma\u0301s relevantes para nuestros usuarios y colocarlos en lugares estrate\u0301gicos. \u00a0<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"..\/..\/wp-content\/uploads\/2018\/04\/Captura-de-pantalla-2018-04-12-a-las-12.47.25-p.m..png\" alt=\"\" class=\"wp-image-1173 alignnone size-full\" width=\"1864\" height=\"1838\" srcset=\"https:\/\/disenoweb.facmed.unam.mx\/wp-content\/uploads\/2018\/04\/Captura-de-pantalla-2018-04-12-a-las-12.47.25-p.m..png 1864w, https:\/\/disenoweb.facmed.unam.mx\/wp-content\/uploads\/2018\/04\/Captura-de-pantalla-2018-04-12-a-las-12.47.25-p.m.-300x296.png 300w, https:\/\/disenoweb.facmed.unam.mx\/wp-content\/uploads\/2018\/04\/Captura-de-pantalla-2018-04-12-a-las-12.47.25-p.m.-768x757.png 768w, https:\/\/disenoweb.facmed.unam.mx\/wp-content\/uploads\/2018\/04\/Captura-de-pantalla-2018-04-12-a-las-12.47.25-p.m.-1024x1010.png 1024w, https:\/\/disenoweb.facmed.unam.mx\/wp-content\/uploads\/2018\/04\/Captura-de-pantalla-2018-04-12-a-las-12.47.25-p.m.-1080x1065.png 1080w\" sizes=\"(max-width: 1864px) 100vw, 1864px\" \/><\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bbCONTENIDO\u00bb _builder_version=\u00bb3.0.94&#8243; title_text_shadow_horizontal_length=\u00bb0em\u00bb title_text_shadow_vertical_length=\u00bb0em\u00bb title_text_shadow_blur_strength=\u00bb0em\u00bb body_text_shadow_horizontal_length=\u00bb0em\u00bb body_text_shadow_vertical_length=\u00bb0em\u00bb body_text_shadow_blur_strength=\u00bb0em\u00bb open=\u00bboff\u00bb]<\/p>\n<p>El contenido debe de ser claro y consiso, los textos deben de estar adecuadamente redactados y sintetizados.<\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bbIM\u00c1GENES\u00bb _builder_version=\u00bb3.0.94&#8243; title_text_shadow_horizontal_length=\u00bb0em\u00bb title_text_shadow_vertical_length=\u00bb0em\u00bb title_text_shadow_blur_strength=\u00bb0em\u00bb body_text_shadow_horizontal_length=\u00bb0em\u00bb body_text_shadow_vertical_length=\u00bb0em\u00bb body_text_shadow_blur_strength=\u00bb0em\u00bb open=\u00bboff\u00bb]<\/p>\n<p>Las im\u00e1genes deben de ser adecuadas y de excelente calidad. Si quieres saber m\u00e1s sobre el correcto uso de im\u00e1genes visita :<a href=\"https:\/\/disenoweb.facmed.unam.mx\/index.php\/imagenes\/\"> Tutorial de Im\u00e1genes <\/a><\/p>\n<p>[\/et_pb_accordion_item][\/et_pb_accordion][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfC\u00f3mo empezar una p\u00e1gina?Antes de realizar una pa\u0301gina web es importante plantear, correctamente, su contenido. Esto hara\u0301 que el proceso de elaboracio\u0301n sea sencillo y ordenado, para que el resultado cumpla con los objetivos y\u00a0 genere una buena experiencia para el usuario.Es importante establecer las bases para la construccio\u0301n del sitio; para ello, hay que [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","jetpack_post_was_ever_published":false,"footnotes":""},"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PaVGAT-iB","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/disenoweb.facmed.unam.mx\/index.php\/wp-json\/wp\/v2\/pages\/1153"}],"collection":[{"href":"https:\/\/disenoweb.facmed.unam.mx\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/disenoweb.facmed.unam.mx\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/disenoweb.facmed.unam.mx\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/disenoweb.facmed.unam.mx\/index.php\/wp-json\/wp\/v2\/comments?post=1153"}],"version-history":[{"count":29,"href":"https:\/\/disenoweb.facmed.unam.mx\/index.php\/wp-json\/wp\/v2\/pages\/1153\/revisions"}],"predecessor-version":[{"id":1502,"href":"https:\/\/disenoweb.facmed.unam.mx\/index.php\/wp-json\/wp\/v2\/pages\/1153\/revisions\/1502"}],"wp:attachment":[{"href":"https:\/\/disenoweb.facmed.unam.mx\/index.php\/wp-json\/wp\/v2\/media?parent=1153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}