{"id":1440,"date":"2020-02-16T15:15:32","date_gmt":"2020-02-16T14:15:32","guid":{"rendered":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/?p=1440"},"modified":"2020-03-28T11:32:46","modified_gmt":"2020-03-28T10:32:46","slug":"secciones-de-una-pagina-web","status":"publish","type":"post","link":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/","title":{"rendered":"Secciones de una p\u00e1gina web"},"content":{"rendered":"\n

En el art\u00edculo anterior<\/a> de esta secci\u00f3n ya hemos explicado el modelo de p\u00e1gina web sobre el que hemos de basar nuestro trabajo de dise\u00f1o, organizado sobre el concepto imaginario de una cuadr\u00edcula formada por la intersecci\u00f3n de filas y columnas. A esos conceptos vamos a a\u00f1adir el de \u201csecci\u00f3n\u201d, que explicaremos a continuaci\u00f3n.<\/p>\n\n\n\n\n\n\n\n

Concepto visual de las secciones<\/h2>\n\n\n\n

Desde un punto de vista puramente visual o de dise\u00f1o, y de acuerdo con nuestro modelo conceptual de cuadr\u00edcula, una secci\u00f3n equivale, grosso modo<\/em>, a una fila. La secci\u00f3n puede tener cualquier altura, puede estar formada por una o varias columnas, y puede ocupar todo el ancho de la p\u00e1gina o solo un determinado porcentaje de esta.<\/p>\n\n\n\n

Una p\u00e1gina web puede estar formada solo por una secci\u00f3n, pero lo m\u00e1s habitual es que est\u00e9 formada por varias secciones. A su vez, las diferentes secciones de una p\u00e1gina web pueden tener o no el mismo n\u00famero de columnas. Por \u00faltimo, los bordes de las columnas de las diferentes secciones de una p\u00e1gina web no tienen por qu\u00e9 coincidir verticalmente entre s\u00ed:<\/p>\n\n\n\n

Concepto organizativo de las secciones<\/h2>\n\n\n\n

Una secci\u00f3n no es solo una fila o franja horizontal, sino un elemento dotado de una dimensi\u00f3n estructural y organizativa. Para hablar en sentido estricto de una \u201csecci\u00f3n\u201d, es necesario que este elemento desempe\u00f1e una clara funci\u00f3n en el sitio web, tanto a nivel de dise\u00f1o como de contenido. <\/p>\n\n\n\n

Un ejemplo de este concepto puede verse en la p\u00e1gina de inicio<\/a> de este sitio web: dejando aparte el men\u00fa de cabecera, y el pie de p\u00e1gina, que son elementos estructurales b\u00e1sicos equivalentes a secciones, el contenido de la p\u00e1gina est\u00e1 organizado en seis \u00e1reas horizontales consecutivas (seis secciones): presentaci\u00f3n, contenido, metodolog\u00eda, localizaci\u00f3n, calendario de las sesiones y profesor del curso. Las ultimas cinco secciones est\u00e1n enlazadas entre s\u00ed mediante un men\u00fa de anclaje<\/a> vertical.<\/p>\n","protected":false},"excerpt":{"rendered":"

Concepto visual y organizativo de las secciones de una p\u00e1gina web: definici\u00f3n, caracter\u00edsticas y ejemplo de la p\u00e1gina de inicio del curso.<\/p>\n","protected":false},"author":1,"featured_media":1446,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","footnotes":""},"categories":[1],"tags":[48,49],"yoast_head":"\nSecciones de una p\u00e1gina web - Curso de WordPress 2020<\/title>\n<meta name=\"description\" content=\"Concepto visual y organizativo de las secciones de una p\u00e1gina web: definici\u00f3n, caracter\u00edsticas y ejemplo de la p\u00e1gina de inicio del curso.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Secciones de una p\u00e1gina web - Curso de WordPress 2020\" \/>\n<meta property=\"og:description\" content=\"Concepto visual y organizativo de las secciones de una p\u00e1gina web: definici\u00f3n, caracter\u00edsticas y ejemplo de la p\u00e1gina de inicio del curso.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Curso de WordPress 2020\" \/>\n<meta property=\"article:published_time\" content=\"2020-02-16T14:15:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-03-28T10:32:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-content\/uploads\/2020\/02\/secciones.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1067\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Administrador\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Administrador\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/\"},\"author\":{\"name\":\"Administrador\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#\/schema\/person\/066ad5d4ca2974ba3ee57bd6f41ef735\"},\"headline\":\"Secciones de una p\u00e1gina web\",\"datePublished\":\"2020-02-16T14:15:32+00:00\",\"dateModified\":\"2020-03-28T10:32:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/\"},\"wordCount\":348,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#organization\"},\"image\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-content\/uploads\/2020\/02\/secciones.jpg\",\"keywords\":[\"secciones\",\"secciones de p\u00e1gina web\"],\"articleSection\":[\"Sesi\u00f3n 1\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/\",\"url\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/\",\"name\":\"Secciones de una p\u00e1gina web - Curso de WordPress 2020\",\"isPartOf\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-content\/uploads\/2020\/02\/secciones.jpg\",\"datePublished\":\"2020-02-16T14:15:32+00:00\",\"dateModified\":\"2020-03-28T10:32:46+00:00\",\"description\":\"Concepto visual y organizativo de las secciones de una p\u00e1gina web: definici\u00f3n, caracter\u00edsticas y ejemplo de la p\u00e1gina de inicio del curso.\",\"breadcrumb\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/#primaryimage\",\"url\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-content\/uploads\/2020\/02\/secciones.jpg\",\"contentUrl\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-content\/uploads\/2020\/02\/secciones.jpg\",\"width\":1600,\"height\":1067,\"caption\":\"Secciones de una p\u00e1gina web\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sesi\u00f3n 1\",\"item\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/categoria\/sesion-1\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Secciones de una p\u00e1gina web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#website\",\"url\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/\",\"name\":\"Curso de WordPress 2020\",\"description\":\"Curso de dise\u00f1o web avanzado para docentes\",\"publisher\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#organization\",\"name\":\"Departamento de Educaci\u00f3n, Gobierno de Navarra\",\"url\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#\/schema\/logo\/image\/\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Departamento de Educaci\u00f3n, Gobierno de Navarra\"},\"image\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#\/schema\/person\/066ad5d4ca2974ba3ee57bd6f41ef735\",\"name\":\"Administrador\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/636dfeeef5d663d0784baecccc697b02?s=96&d=identicon&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/636dfeeef5d663d0784baecccc697b02?s=96&d=identicon&r=g\",\"caption\":\"Administrador\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Secciones de una p\u00e1gina web - Curso de WordPress 2020","description":"Concepto visual y organizativo de las secciones de una p\u00e1gina web: definici\u00f3n, caracter\u00edsticas y ejemplo de la p\u00e1gina de inicio del curso.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/","og_locale":"es_ES","og_type":"article","og_title":"Secciones de una p\u00e1gina web - Curso de WordPress 2020","og_description":"Concepto visual y organizativo de las secciones de una p\u00e1gina web: definici\u00f3n, caracter\u00edsticas y ejemplo de la p\u00e1gina de inicio del curso.","og_url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/","og_site_name":"Curso de WordPress 2020","article_published_time":"2020-02-16T14:15:32+00:00","article_modified_time":"2020-03-28T10:32:46+00:00","og_image":[{"width":1600,"height":1067,"url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-content\/uploads\/2020\/02\/secciones.jpg","type":"image\/jpeg"}],"author":"Administrador","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Administrador","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/#article","isPartOf":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/"},"author":{"name":"Administrador","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#\/schema\/person\/066ad5d4ca2974ba3ee57bd6f41ef735"},"headline":"Secciones de una p\u00e1gina web","datePublished":"2020-02-16T14:15:32+00:00","dateModified":"2020-03-28T10:32:46+00:00","mainEntityOfPage":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/"},"wordCount":348,"commentCount":1,"publisher":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#organization"},"image":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/#primaryimage"},"thumbnailUrl":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-content\/uploads\/2020\/02\/secciones.jpg","keywords":["secciones","secciones de p\u00e1gina web"],"articleSection":["Sesi\u00f3n 1"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/","url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/","name":"Secciones de una p\u00e1gina web - Curso de WordPress 2020","isPartOf":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/#primaryimage"},"image":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/#primaryimage"},"thumbnailUrl":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-content\/uploads\/2020\/02\/secciones.jpg","datePublished":"2020-02-16T14:15:32+00:00","dateModified":"2020-03-28T10:32:46+00:00","description":"Concepto visual y organizativo de las secciones de una p\u00e1gina web: definici\u00f3n, caracter\u00edsticas y ejemplo de la p\u00e1gina de inicio del curso.","breadcrumb":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/#primaryimage","url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-content\/uploads\/2020\/02\/secciones.jpg","contentUrl":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-content\/uploads\/2020\/02\/secciones.jpg","width":1600,"height":1067,"caption":"Secciones de una p\u00e1gina web"},{"@type":"BreadcrumbList","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-de-una-pagina-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/"},{"@type":"ListItem","position":2,"name":"Sesi\u00f3n 1","item":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/categoria\/sesion-1\/"},{"@type":"ListItem","position":3,"name":"Secciones de una p\u00e1gina web"}]},{"@type":"WebSite","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#website","url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/","name":"Curso de WordPress 2020","description":"Curso de dise\u00f1o web avanzado para docentes","publisher":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#organization","name":"Departamento de Educaci\u00f3n, Gobierno de Navarra","url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#\/schema\/logo\/image\/","url":"","contentUrl":"","caption":"Departamento de Educaci\u00f3n, Gobierno de Navarra"},"image":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#\/schema\/person\/066ad5d4ca2974ba3ee57bd6f41ef735","name":"Administrador","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/636dfeeef5d663d0784baecccc697b02?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/636dfeeef5d663d0784baecccc697b02?s=96&d=identicon&r=g","caption":"Administrador"}}]}},"_links":{"self":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-json\/wp\/v2\/posts\/1440"}],"collection":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-json\/wp\/v2\/comments?post=1440"}],"version-history":[{"count":5,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-json\/wp\/v2\/posts\/1440\/revisions"}],"predecessor-version":[{"id":1458,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-json\/wp\/v2\/posts\/1440\/revisions\/1458"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-json\/wp\/v2\/media\/1446"}],"wp:attachment":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-json\/wp\/v2\/media?parent=1440"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-json\/wp\/v2\/categories?post=1440"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-json\/wp\/v2\/tags?post=1440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}