{"id":18435,"date":"2025-06-29T12:57:06","date_gmt":"2025-06-29T16:57:06","guid":{"rendered":"https:\/\/umainenewmedia.net\/nmd100\/?p=18435"},"modified":"2025-06-29T12:57:06","modified_gmt":"2025-06-29T16:57:06","slug":"task-6","status":"publish","type":"post","link":"https:\/\/umainenewmedia.net\/nmd100\/task-6\/","title":{"rendered":"Task 6: Design a web portfolio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"18435\" class=\"elementor elementor-18435\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c1bbea6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c1bbea6\" data-element_type=\"section\">\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-100 elementor-top-column elementor-element elementor-element-44c5c5a\" data-id=\"44c5c5a\" data-element_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-8fc9c28 elementor-widget elementor-widget-heading\" data-id=\"8fc9c28\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">Task 6: Design a web portfolio<\/h2>\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-7cefb48 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7cefb48\" data-element_type=\"section\">\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-8fdf40f\" data-id=\"8fdf40f\" data-element_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-d5f8e51 elementor-widget elementor-widget-image\" data-id=\"d5f8e51\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"395\" height=\"559\" src=\"https:\/\/umainenewmedia.net\/nmd100\/wp-content\/uploads\/2023\/08\/vertical5b.jpg\" class=\"attachment-large size-large wp-image-19427\" alt=\"\" srcset=\"https:\/\/umainenewmedia.net\/nmd100\/wp-content\/uploads\/2023\/08\/vertical5b.jpg 395w, https:\/\/umainenewmedia.net\/nmd100\/wp-content\/uploads\/2023\/08\/vertical5b-212x300.jpg 212w\" sizes=\"(max-width: 395px) 100vw, 395px\" \/>\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-49d2a1a\" data-id=\"49d2a1a\" data-element_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-4b9c44b elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"4b9c44b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<h3>Creating your own portfolio<\/h3><p>Because web design skills are in demand, and specifically WordPress skills, New Media faculty sometimes use WordPress as a teaching tool. \u00a0We will show you how and <a href=\"https:\/\/medium.com\/swlh\/why-wordpress-is-the-best-platform-to-build-your-business-or-startup-website-on-df3fe932fad7\">why<\/a> to use the class WordPress.com website and later to create your own free WordPress.org portfolio, which you can use until you graduate and to apply for a job. These steps are summarized in the menu at bottom.<\/p><h3>Submitting your Task<\/h3><p>When you&#8217;ve finished fleshing out your portfolio with your own real content,\u00a0 follow these steps:<\/p><ol><li>Add a new post in the class dashboard (not your portfolio dashboard) with a title like &#8220;Task 6: Mary Gonzalez Portfolio.&#8221;<\/li><li>Add the URL to your portfolio in this post (use the link button to make it active).<\/li><li>Add a screenshot.<\/li><li>Make sure to add the &#8220;Task 6&#8221; category to help your TA find the post. \u26a0\ufe0f Be sure to click <strong>Publish<\/strong> when you&#8217;re done.<\/li><li>Complete the <a href=\"https:\/\/forms.gle\/4PkmJM76Hy94qds5A\">Task 6 reflection survey form<\/a>\u00a0to get full participation credit for this task.<\/li><\/ol><h3>FAQ<\/h3><details style=\"border: silver dotted 1px; margin: 0 0 1em 0; padding: 0 1em 0 1em; border-radius: 1em;\"><summary style=\"font-size: 1.25rem; color: #0c598e; font-weight: 300; line-height: 1.7;\">What&#8217;s the grading rubric?<\/summary><p>In this site, you:<\/p><ul><li aria-level=\"1\">Included link to a working portfolio: from 0 to +1 points<\/li><li aria-level=\"1\">Included a screenshot of your home page: from 0 to +1 points<\/li><\/ul><p>In your own portfolio site, you:<\/p><ul><li aria-level=\"1\">Created Home, About Me, and Posts pages: from 0 to +3 points<\/li><li aria-level=\"1\">Added at least three initial posts: from 0 to +1 points<\/li><li aria-level=\"1\">Created a menu for and made categories for NMD courses: from 0 to +1 points<\/li><li aria-level=\"1\">Added your categories to your menu navigation: from 0 to +1 points<\/li><li aria-level=\"1\">You were especially creative or attentive to the design: from 0 to +2 points<\/li><li aria-level=\"1\">You were late: from 0 to -3 points, with one point off per week.<\/li><\/ul><p>Your grade is the total of all points times 10, for a possible maximum of 100%.<\/p><\/details><details style=\"border: silver dotted 1px; margin: 0 0 1em 0; padding: 0 1em 0 1em; border-radius: 1em;\"><summary style=\"font-size: 1.25rem; color: #0c598e; font-weight: 300; line-height: 1.7;\">I&#8217;m confused. Which posts do I make here versus at WordPress.com?<\/summary><p>Start by using the dashboard at WordPress.com to follow the instructions below. You&#8217;ll create an account and a number of posts.<\/p><p>Then finish back in this dashboard, adding a single post for your Task 6 submission. In your Task 6 post, include a link to the new portfolio you made on WordPress.com.<\/p><\/details><details style=\"border: silver dotted 1px; margin: 0 0 1em 0; padding: 0 1em 0 1em; border-radius: 1em;\"><summary style=\"font-size: 1.25rem; color: #0c598e; font-weight: 300; line-height: 1.7;\">How much money will this cost me?<\/summary><p>None. You can pay for a custom domain name like <em>https:\/\/MaryGonzalez.com<\/em> if you like, but you don&#8217;t need to; you can just use the default URL you get from WordPress.com, eg <em>https:\/\/mary-gonzalez-cool-portfolio.wordpress.com<\/em>.<\/p><\/details><details style=\"border: silver dotted 1px; margin: 0 0 1em 0; padding: 0 1em 0 1em; border-radius: 1em;\"><summary style=\"font-size: 1.25rem; color: #0c598e; font-weight: 300; line-height: 1.7;\">How do I take a screenshot?<\/summary><p>To take a screenshot, click <em>Shift-Command-4<\/em> on Mac or <em>Shift-Windows-S<\/em> on PC.<\/p><\/details><details style=\"border: silver dotted 1px; margin: 0 0 1em 0; padding: 0 1em 0 1em; border-radius: 1em;\"><summary style=\"font-size: 1.25rem; color: #0c598e; font-weight: 300; line-height: 1.7;\">Can I see a model answer?<\/summary><p>As one example for reference, here\u2019s a <a href=\"https:\/\/umainenewmedia.net\/nmd100\/task-6-exemplary-submission\/\">sample A assignment<\/a>. Your submission may look quite different and still get a good grade if you follow the rubric.<\/p><p>As more advanced models, here are four WordPress sites made by past New Media majors for an outside client (you do not need to make your portfolio as elaborate as these):<\/p><ul><li><a href=\"https:\/\/wildblueberryheritagecenter.org\">Wild Blueberry Heritage Center\u00a0<\/a><\/li><li><a href=\"https:\/\/www.wildblueberries.me\/template10\/\">Wild Blueberry Design<\/a><\/li><li><a href=\"https:\/\/wescogus.com\">Wescogus Wild Blueberries<\/a><\/li><li><a href=\"https:\/\/www.wildblueberries.me\/template5\/\">Wild Blueberry Animations<\/a><\/li><\/ul><\/details><h3>Steps to complete your portfolio<\/h3>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c439073 elementor-widget elementor-widget-toggle\" data-id=\"c439073\" data-element_type=\"widget\" data-widget_type=\"toggle.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-toggle{text-align:start}.elementor-toggle .elementor-tab-title{font-weight:700;line-height:1;margin:0;padding:15px;border-bottom:1px solid #d5d8dc;cursor:pointer;outline:none}.elementor-toggle .elementor-tab-title .elementor-toggle-icon{display:inline-block;width:1em}.elementor-toggle .elementor-tab-title .elementor-toggle-icon svg{margin-inline-start:-5px;width:1em;height:1em}.elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-right{float:right;text-align:right}.elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-left{float:left;text-align:left}.elementor-toggle .elementor-tab-title .elementor-toggle-icon .elementor-toggle-icon-closed{display:block}.elementor-toggle .elementor-tab-title .elementor-toggle-icon .elementor-toggle-icon-opened{display:none}.elementor-toggle .elementor-tab-title.elementor-active{border-bottom:none}.elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon-closed{display:none}.elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon-opened{display:block}.elementor-toggle .elementor-tab-content{padding:15px;border-bottom:1px solid #d5d8dc;display:none}@media (max-width:767px){.elementor-toggle .elementor-tab-title{padding:12px}.elementor-toggle .elementor-tab-content{padding:12px 10px}}.e-con-inner>.elementor-widget-toggle,.e-con>.elementor-widget-toggle{width:var(--container-widget-width);--flex-grow:var(--container-widget-flex-grow)}<\/style>\t\t<div class=\"elementor-toggle\">\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-2051\" class=\"elementor-tab-title\" data-tab=\"1\" role=\"button\" aria-controls=\"elementor-tab-content-2051\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><i class=\"fas fa-caret-right\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><i class=\"elementor-toggle-icon-opened fas fa-caret-up\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">Get a WordPress.com  Account<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-2051\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"region\" aria-labelledby=\"elementor-tab-title-2051\"><p>Go to WordPress.com and get a <a href=\"https:\/\/wordpress.com\/setup\/free\/?ref=logged-out-homepage-lp\">FREE account<\/a>. DO NOT pay for any options, including a domain name&#8211;you don&#8217;t need one yet. Use your @maine.edu email account&#8211;this will allow you to access ALL NMD class WordPress sites eventually, as well as your portfolio. Choose a username that your classmates &amp; prof will recognize. You can use the SAME password for all WordPress sites and\/or update them all to match&#8211;makes logging in much easier.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-2052\" class=\"elementor-tab-title\" data-tab=\"2\" role=\"button\" aria-controls=\"elementor-tab-content-2052\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><i class=\"fas fa-caret-right\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><i class=\"elementor-toggle-icon-opened fas fa-caret-up\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">Login<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-2052\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"region\" aria-labelledby=\"elementor-tab-title-2052\"><p>Once you create a WordPress site, you should be able to login at <a href=\"https:\/\/wordpress.com\/log-in\/\">WordPress.com<\/a>\u00a0using your email address. You can also get a <a href=\"https:\/\/wordpress.com\/log-in\/link\">direct login URL<\/a>\u00a0via email. (you just need to give it your @maine.edu email, then in the email sent to you, insert your wordpress password).<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-2053\" class=\"elementor-tab-title\" data-tab=\"3\" role=\"button\" aria-controls=\"elementor-tab-content-2053\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><i class=\"fas fa-caret-right\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><i class=\"elementor-toggle-icon-opened fas fa-caret-up\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">Chose a Theme<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-2053\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"3\" role=\"region\" aria-labelledby=\"elementor-tab-title-2053\"><p>You can QuickStart your design with the free\u00a0<a href=\"https:\/\/wordpress.com\/theme\/cubic\">Cubic<\/a> theme. (You must choose Cubic for this Task, but in the future you can switch to one of <a href=\"https:\/\/wordpress.com\/themes?ref=logged-out-homepage-lp\">hundreds of different themes<\/a>.)<\/p><p>You can set the theme via the WordPress dashboard via <em>Appearance &gt; Themes<\/em>, and then activate it.\u00a0<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-2054\" class=\"elementor-tab-title\" data-tab=\"4\" role=\"button\" aria-controls=\"elementor-tab-content-2054\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><i class=\"fas fa-caret-right\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><i class=\"elementor-toggle-icon-opened fas fa-caret-up\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">Create Content <\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-2054\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"4\" role=\"region\" aria-labelledby=\"elementor-tab-title-2054\"><p>Create three pages (which you will customize later) with these three titles:<\/p><ol><li>Home<\/li><li>Posts<\/li><li>About Me\u00a0<\/li><\/ol><p>Do this via Dashboard&#8211;&gt;Pages&#8211;&gt;Add New.<\/p><p>Choose <span style=\"color: #ff0000;\">Blank Page<\/span> then use <span style=\"color: #ff0000;\">Home<\/span> for <span style=\"color: #ff0000;\">Add Title<\/span> \u00a0then Publish via upper right blue button (click this twice if needed). Do the same for <span style=\"color: #ff0000;\">Posts<\/span> and <span style=\"color: #ff0000;\">About Me<\/span><\/p><p>Next, go to Dashboard: \u00a0Settings&#8211;&gt;Reading and \u00a0under &#8220;Your homepage displays&#8221; select <span style=\"color: #ff0000;\">Home<\/span>. and &#8220;Default posts page&#8221; select <span style=\"color: #ff0000;\">Posts<\/span>\u00a0<\/p><p>SAVE SETTINGS<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-2055\" class=\"elementor-tab-title\" data-tab=\"5\" role=\"button\" aria-controls=\"elementor-tab-content-2055\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><i class=\"fas fa-caret-right\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><i class=\"elementor-toggle-icon-opened fas fa-caret-up\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">Create Post Categories<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-2055\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"5\" role=\"region\" aria-labelledby=\"elementor-tab-title-2055\"><p>Next, go to Dashboard: Posts&#8211;&gt;Categories, and Add Category. All are top level Categories now, but can be changed later:<\/p><ol><li>NMD 100<\/li><li>NMD 104<\/li><li>NMD 105<\/li><li>NMD 106<\/li><\/ol><p>And also:<\/p><ol><li>Graphics<\/li><li>Photos<\/li><li>Videos<\/li><li>Animation<\/li><li>Webdesign<\/li><\/ol><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-2056\" class=\"elementor-tab-title\" data-tab=\"6\" role=\"button\" aria-controls=\"elementor-tab-content-2056\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><i class=\"fas fa-caret-right\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><i class=\"elementor-toggle-icon-opened fas fa-caret-up\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">Create Posts<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-2056\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"6\" role=\"region\" aria-labelledby=\"elementor-tab-title-2056\"><p>Create two posts in a similar way as you created Pages, using Dashboard: Posts&#8211;&gt;Add New. \u00a0<\/p><p>Use these tiles:<\/p><ol><li>My first graphic<\/li><li>My best photos<\/li><\/ol><p>For 1, add category &#8220;NMD 104&#8221; and &#8220;Graphic&#8221;<\/p><p>For 2, add category&#8221;NMD 100&#8243; and &#8220;Photos&#8221;\u00a0<\/p><p>You will use these to create menus and a website structure.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-2057\" class=\"elementor-tab-title\" data-tab=\"7\" role=\"button\" aria-controls=\"elementor-tab-content-2057\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><i class=\"fas fa-caret-right\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><i class=\"elementor-toggle-icon-opened fas fa-caret-up\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">Create Menu<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-2057\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"7\" role=\"region\" aria-labelledby=\"elementor-tab-title-2057\"><p><em>Note: the method for adding a menu can vary by theme. What follows is the most advanced option, though you may choose a different technique than what follows by looking in your Theme Settings.<\/em><\/p><p>Go to Dashboard: Appearance &gt; Customize &gt; Menu. \u00a0You will create <strong>two<\/strong> menus, but only use the first one now.<\/p><p>Then click the &#8220;Create a New Menu&#8221; button, call it &#8220;Main&#8221; select &#8220;Primary Navigation&#8221;, then click on &#8220;Next&#8221;<\/p><p>Next click on &#8220;Add items&#8221; and add ALL the categories related to NMD courses, like &#8220;NMD 100&#8221; &#8220;NMD 104&#8221;.\u00a0<\/p><p>Repeat these steps to create a <span style=\"text-decoration: underline;\">second<\/span> menu called &#8220;Portfolio&#8221; in which you add the genre categories like &#8220;Graphic&#8221; or &#8220;Animation&#8221;&#8211;you will use this <strong>later<\/strong> when you transition from a class-based website to a career-based website, with one click.<\/p><p>Also, add your &#8220;About Me&#8221; page to your menu<\/p><\/div>\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>\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-1567d11 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1567d11\" data-element_type=\"section\">\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-100 elementor-top-column elementor-element elementor-element-235c241\" data-id=\"235c241\" data-element_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-2866a88 elementor-widget elementor-widget-spacer\" data-id=\"2866a88\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{position:relative;min-height:22px;min-width:22px}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:22px;height:22px}<\/style>\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<\/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>Task 6: Design a web portfolio Creating your own portfolio Because web design skills are in demand, and specifically WordPress skills, New Media faculty sometimes use WordPress as a teaching tool. \u00a0We will show you how and why to use the class WordPress.com website and later to create your own free WordPress.org portfolio, which you [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"footnotes":""},"categories":[54,24,32],"tags":[35,27],"class_list":["post-18435","post","type-post","status-publish","format-standard","hentry","category-54","category-task-6","category-tasks","tag-tasks","tag-web-app-design"],"_links":{"self":[{"href":"https:\/\/umainenewmedia.net\/nmd100\/wp-json\/wp\/v2\/posts\/18435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/umainenewmedia.net\/nmd100\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/umainenewmedia.net\/nmd100\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/umainenewmedia.net\/nmd100\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/umainenewmedia.net\/nmd100\/wp-json\/wp\/v2\/comments?post=18435"}],"version-history":[{"count":10,"href":"https:\/\/umainenewmedia.net\/nmd100\/wp-json\/wp\/v2\/posts\/18435\/revisions"}],"predecessor-version":[{"id":27073,"href":"https:\/\/umainenewmedia.net\/nmd100\/wp-json\/wp\/v2\/posts\/18435\/revisions\/27073"}],"wp:attachment":[{"href":"https:\/\/umainenewmedia.net\/nmd100\/wp-json\/wp\/v2\/media?parent=18435"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/umainenewmedia.net\/nmd100\/wp-json\/wp\/v2\/categories?post=18435"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/umainenewmedia.net\/nmd100\/wp-json\/wp\/v2\/tags?post=18435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}