{"id":2135,"date":"2018-08-31T09:03:02","date_gmt":"2018-08-31T09:03:02","guid":{"rendered":"https:\/\/coventry.domains\/archive\/learn\/?page_id=2135"},"modified":"2018-09-12T14:18:12","modified_gmt":"2018-09-12T14:18:12","slug":"tree-diagram","status":"publish","type":"page","link":"https:\/\/coventry.domains\/archive\/learn\/activities\/tree-diagram\/","title":{"rendered":"Tree Diagram"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2135\" class=\"elementor elementor-2135 elementor-bc-flex-widget\">\n\t\t\t\t\t\t<header class=\"elementor-section elementor-top-section elementor-element elementor-element-645c238e elementor-section-stretched elementor-section-full_width elementor-section-content-top elementor-section-height-default elementor-section-height-default\" data-id=\"645c238e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c3922b9\" data-id=\"c3922b9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-57e6055a elementor-widget elementor-widget-spacer\" data-id=\"57e6055a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c367092 elementor-widget elementor-widget-heading\" data-id=\"6c367092\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-xxl\">Tree Diagram<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-62501270 elementor-widget elementor-widget-text-editor\" data-id=\"62501270\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"color: #ffffff;\">Create a tree diagram to help plan your website.<br \/><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53238454 elementor-widget elementor-widget-spacer\" data-id=\"53238454\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/header>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-31ae2e50 elementor-section-content-middle elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"31ae2e50\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2f1e751b\" data-id=\"2f1e751b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1f58c750 elementor-widget elementor-widget-text-editor\" data-id=\"1f58c750\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: left;\">This activity will help you build effective navigation for your online space as well as plan the structure of your website and online spaces.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd040a3 elementor-widget elementor-widget-image\" data-id=\"fd040a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1030\" height=\"655\" src=\"https:\/\/coventry.domains\/archive\/learn\/wp-content\/uploads\/tree-diagram-1030x655.png\" class=\"attachment-large size-large wp-image-2160\" alt=\"\" srcset=\"https:\/\/coventry.domains\/archive\/learn\/wp-content\/uploads\/tree-diagram-1030x655.png 1030w, https:\/\/coventry.domains\/archive\/learn\/wp-content\/uploads\/tree-diagram-300x191.png 300w, https:\/\/coventry.domains\/archive\/learn\/wp-content\/uploads\/tree-diagram-768x489.png 768w, https:\/\/coventry.domains\/archive\/learn\/wp-content\/uploads\/tree-diagram.png 1100w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60444e46 elementor-widget elementor-widget-text-editor\" data-id=\"60444e46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: left;\">A website tree diagram is a diagram representing the structure of a given website. Above you can see an example website tree diagram. Labelled at the top of the diagram is the first page on a website, this could be titled &#8220;Homepage&#8221; or the website title. Other labels are written below leading from this top label, and more labels leading from these, and so on.<\/p><p style=\"text-align: left;\">Each label represents a page or content area on a website, and the lines represent how the pages are structured together within the website. This type of diagram both provides a map of the structure of the website but also how a website vistor might navigate their way through the website content.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11a8f66 elementor-widget elementor-widget-text-editor\" data-id=\"11a8f66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"text-align: left;\"><span style=\"color: black;\">Create your own tree diagram<\/span><\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a1c26d elementor-widget elementor-widget-text-editor\" data-id=\"2a1c26d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: left;\">Draw your own tree diagram to plan your website. Use a blank sheet of paper or the template below. You should think about what the first pages people will see are, and create them at the top of the page, using the diagram at the top of this page as an example. Think about what pages will link to one another, and how that affects how visitors will navigate through your website.<\/p><p style=\"text-align: left;\">Once you have made your diagram you can then create the different spaces to build your website and use the diagram labels to create a navigation menu for your website.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d8b4a95 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"d8b4a95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/coventry.domains\/archive\/learn\/wp-content\/uploads\/Tree-Activity.pdf\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Download Activity<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c42bd62 elementor-widget elementor-widget-text-editor\" data-id=\"c42bd62\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"text-align: left;\"><span style=\"color: black;\">Multiple online spaces<br \/><\/span><\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81592d9 elementor-widget elementor-widget-text-editor\" data-id=\"81592d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: left;\">Want to create multiple websites and for your visitors to navigate their way from one to the next? You can follow this same activity to plan how these spaces will site alongside each other and where and how to link them together.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1688739d elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1688739d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-b373507\" data-id=\"b373507\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-28da4099 elementor-widget elementor-widget-image\" data-id=\"28da4099\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/coventry.domains\/archive\/learn\/wp-content\/uploads\/elementor\/thumbs\/Logo_White-on-Transparent-1-ocw1frglpftrpx10wt7c6yty5p7kyguz1lfetihiww.png\" title=\"Logo_White on Transparent\" alt=\"Logo_White on Transparent\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-107f971f\" data-id=\"107f971f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-36bc3e89 elementor-widget elementor-widget-text-editor\" data-id=\"36bc3e89\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"color: white; font-size: 14px;\">Frederick Lanchester Library, Coventry University<br \/>Gosford Street, Coventry CV1 5DD<br \/>dmll@coventry.ac.uk | 02477 659495<br \/>@disrupt_learn<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-342ac376 elementor-widget elementor-widget-image\" data-id=\"342ac376\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/coventry.domains\/archive\/learn\/wp-content\/uploads\/elementor\/thumbs\/1000px-Cc-by-nc_icon-ocw1frglpftmlroybsj826vg28lj4zv6e81yb9uscg.png\" title=\"1000px-Cc-by-nc_icon\" alt=\"1000px-Cc-by-nc_icon\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tree Diagram Create a tree diagram to help plan your website. This activity will help you build effective navigation for your online space as well as plan the structure of your website and online spaces. A website tree diagram is a diagram representing the structure of a given website. Above you can see an example [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2014,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2135","page","type-page","status-publish","hentry","wpbf-post"],"_links":{"self":[{"href":"https:\/\/coventry.domains\/archive\/learn\/wp-json\/wp\/v2\/pages\/2135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coventry.domains\/archive\/learn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/coventry.domains\/archive\/learn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/coventry.domains\/archive\/learn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coventry.domains\/archive\/learn\/wp-json\/wp\/v2\/comments?post=2135"}],"version-history":[{"count":27,"href":"https:\/\/coventry.domains\/archive\/learn\/wp-json\/wp\/v2\/pages\/2135\/revisions"}],"predecessor-version":[{"id":2316,"href":"https:\/\/coventry.domains\/archive\/learn\/wp-json\/wp\/v2\/pages\/2135\/revisions\/2316"}],"up":[{"embeddable":true,"href":"https:\/\/coventry.domains\/archive\/learn\/wp-json\/wp\/v2\/pages\/2014"}],"wp:attachment":[{"href":"https:\/\/coventry.domains\/archive\/learn\/wp-json\/wp\/v2\/media?parent=2135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}