{"id":24798,"date":"2025-06-29T12:57:02","date_gmt":"2025-06-29T16:57:02","guid":{"rendered":"https:\/\/umainenewmedia.net\/nmd100\/?p=24798"},"modified":"2025-06-29T12:57:02","modified_gmt":"2025-06-29T16:57:02","slug":"task-2-2023-web-design","status":"publish","type":"post","link":"https:\/\/umainenewmedia.net\/nmd100\/task-2-2023-web-design\/","title":{"rendered":"Task 2 2023: Web Design"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"24798\" class=\"elementor elementor-24798\" 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 2<\/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-c9334dc elementor-widget elementor-widget-heading\" data-id=\"c9334dc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Web Design: Create Portfolio<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\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\tBecause web design skills are in demand, and specifically WordPress skills, many NMD faculty 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.\n<p>&nbsp;<\/p>\nWhen you&#8217;ve finished fleshing out your portfolio with your own real content,\u00a0 follow these steps:\n<ol>\n \t<li>Add a new post in the class dashboard (not your portfolio dashboard) with a title like &#8220;Task 2: Mary Gonzalez Portfolio.&#8221;<\/li>\n \t<li>Add the URL to your portfolio (use the link button to make it active).<\/li>\n \t<li>Add a screenshot.<\/li>\n \t<li>Make sure to add the &#8220;Task 2&#8221; category to help your TA find the post. \u26a0\ufe0f Be sure to click <strong>Publish<\/strong> when you&#8217;re done.<\/li>\n \t<li>Complete the <a href=\"https:\/\/forms.gle\/V1M6CM91huGbAW7z5\">Task 2 feedback form<\/a> to get full participation credit for this task.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n\n\ud83d\udee0 To take a screenshot, click Shift-Command-4 on Mac or Shift-Windows-S on PC.\n<p>&nbsp;<\/p>\nAs 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).\n<p>&nbsp;<\/p>\n<ul>\n \t<li><a href=\"https:\/\/wildblueberryheritagecenter.org\">Wild Blueberry Heritage Center\u00a0<\/a><\/li>\n \t<li><a href=\"https:\/\/www.wildblueberries.me\/template10\/\">Wild Blueberry Design<\/a><\/li>\n \t<li><a href=\"https:\/\/wescogus.com\">Wescogus Wild Blueberries<\/a><\/li>\n \t<li><a href=\"https:\/\/www.wildblueberries.me\/template5\/\">Wild Blueberry Animations<\/a><\/li>\n<\/ul>\n&nbsp;\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 by using a free <a href=\"https:\/\/wordpress.com\/themes?ref=logged-out-homepage-lp\">Theme<\/a>. \u00a0 Once you choose a theme, \u00a0you can set it via the WordPress Dashboard. Got to dashboard: Appearance&#8211;&gt;Themes. Then choose a theme and 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 2 Web Design: Create Portfolio Because web design skills are in demand, and specifically WordPress skills, many NMD faculty 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 can use until you graduate [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[35,27],"class_list":["post-24798","post","type-post","status-publish","format-standard","hentry","category-task-2","tag-tasks","tag-web-app-design"],"_links":{"self":[{"href":"https:\/\/umainenewmedia.net\/nmd100\/wp-json\/wp\/v2\/posts\/24798","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/umainenewmedia.net\/nmd100\/wp-json\/wp\/v2\/comments?post=24798"}],"version-history":[{"count":2,"href":"https:\/\/umainenewmedia.net\/nmd100\/wp-json\/wp\/v2\/posts\/24798\/revisions"}],"predecessor-version":[{"id":24800,"href":"https:\/\/umainenewmedia.net\/nmd100\/wp-json\/wp\/v2\/posts\/24798\/revisions\/24800"}],"wp:attachment":[{"href":"https:\/\/umainenewmedia.net\/nmd100\/wp-json\/wp\/v2\/media?parent=24798"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/umainenewmedia.net\/nmd100\/wp-json\/wp\/v2\/categories?post=24798"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/umainenewmedia.net\/nmd100\/wp-json\/wp\/v2\/tags?post=24798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}