{"id":6546,"date":"2026-08-28T19:17:11","date_gmt":"2026-08-28T19:17:11","guid":{"rendered":"https:\/\/nmi.cool\/webdev\/?page_id=6546"},"modified":"2026-08-28T19:17:11","modified_gmt":"2026-08-28T19:17:11","slug":"setting-up-a-domain-and-hosting-26f","status":"publish","type":"page","link":"https:\/\/nmi.cool\/webdev\/setting-up-a-domain-and-hosting-26f\/","title":{"rendered":"Setting up a domain and hosting 26F"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">We use Reclaim Hosting for domain registration and hosting in this class. To get started, head on over to <a href=\"http:\/\/reclaimhosting.com\">ReclaimHosting.com<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/05\/Screenshot-2025-05-20-at-11.40.33\u202fAM-1024x538.png\" alt=\"\" class=\"wp-image-6106\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/05\/Screenshot-2025-05-20-at-11.40.33\u202fAM-1024x538.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/05\/Screenshot-2025-05-20-at-11.40.33\u202fAM-300x158.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/05\/Screenshot-2025-05-20-at-11.40.33\u202fAM-768x404.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/05\/Screenshot-2025-05-20-at-11.40.33\u202fAM-1536x807.png 1536w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/05\/Screenshot-2025-05-20-at-11.40.33\u202fAM-2048x1076.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Click the blue &#8220;Sign Up&#8221; button to head to this page:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"579\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-24-at-1.03.29-PM-1024x579.png\" alt=\"\" class=\"wp-image-6538\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-24-at-1.03.29-PM-1024x579.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-24-at-1.03.29-PM-300x170.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-24-at-1.03.29-PM-768x434.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-24-at-1.03.29-PM-1536x868.png 1536w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-24-at-1.03.29-PM-2048x1158.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Here, click select the $36\/year &#8220;Personal&#8221; plan. Be aware that you&#8217;ll actually be paying $55\/per year for a new domain.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">On the next screen, enter your preferred domain name. Some common examples include (if your name is Herbert Hoover):<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>www.herberthoover.com<\/li>\n\n\n\n<li>www.hhoover.com<\/li>\n\n\n\n<li>www.hooverportfolio.com<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Choose something semi-professional because this website will most likely serve as your portfolio for your New Media journey and beyond. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"2278\" height=\"1226\" src=\"https:\/\/nmi.cool\/newmediaproduction\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-11.48.30-AM-e1535134886618.png\" alt=\"Reclaim Hosting domain name selection page\" class=\"wp-image-431\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-11.48.30-AM-e1535134886618.png 2278w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-11.48.30-AM-e1535134886618-300x161.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-11.48.30-AM-e1535134886618-1024x551.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-11.48.30-AM-e1535134886618-768x413.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-11.48.30-AM-e1535134886618-1536x827.png 1536w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-11.48.30-AM-e1535134886618-2048x1102.png 2048w\" sizes=\"auto, (max-width: 2278px) 100vw, 2278px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Note: be sure to leave the default Whois Privacy Protection, included free, turned on when you&#8217;re registering your domain.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You might want to use a non-UGA email address so that you won&#8217;t have to update your account after you graduate. <strong>Also, be sure to take note of your password<\/strong>, as managing it (and all of your other passwords for this course) is entirely up to you\u2014NMI faculty don&#8217;t have access to any of these accounts.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After completing checkout, you&#8217;ll receive several emails from Reclaim Hosting&nbsp;(if you don&#8217;t see any of these messages in your primary inbox, be sure to check your Promotions and\/or Spam folders):<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>One of the emails will include a verification link. <strong>Be sure to click it to confirm your email address and activate your account.<\/strong><\/li>\n\n\n\n<li>Within anywhere between a few minutes and a few hours of verifying your email address, you should be able to visit your new domain name in any web browser and see the default Reclaim Hosting landing page. <strong>If you can&#8217;t see your site this way, contact your instructor for help.<\/strong><\/li>\n\n\n\n<li>Another will be titled &#8220;Set your data use consent preferences.&#8221; You don&#8217;t have to do anything with this one\u2014it&#8217;s basically a chance to opt into marketing\u2014who wants that? <\/li>\n\n\n\n<li><strong>The Backpack Email:<\/strong> Another will look like this and include your\u00a0cPanel &amp; SFTP Login Credentials:<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1270\" height=\"2178\" src=\"https:\/\/nmi.cool\/newmediaproduction\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-12.19.00-PM.png\" alt=\"Reclaim Hosting welcome email with credentials\" class=\"wp-image-445\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-12.19.00-PM.png 1270w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-12.19.00-PM-175x300.png 175w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-12.19.00-PM-597x1024.png 597w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-12.19.00-PM-768x1317.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-12.19.00-PM-896x1536.png 896w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-12.19.00-PM-1194x2048.png 1194w\" sizes=\"auto, (max-width: 1270px) 100vw, 1270px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You&#8217;ll need these for our next steps, so keep them handy. <strong>You will want to copy and paste that password!<\/strong> Do not try to type it by hand. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This particular email (the &#8220;backpack email&#8221;) is very important because it contains required login credentials. <strong>Save this email<\/strong>: flag it, take a screenshot, keep it somewhere where it is easy to find! <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Also, keep it open and handy because we will use it in our next step. <\/p>\n\n\n\n<h2 id=\"ftp\" class=\"wp-block-heading\">CONFIGURE YOUR FTP CLIENT<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You&#8217;ve downloaded Cyberduck to your desktop, right? If not, you should do so now! Head to<a href=\"https:\/\/cyberduck.io\/download\/\"> cyberduck.io<\/a> and download the current version. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"279\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-1.28.38-PM-1024x279.png\" alt=\"a screenshot of the download page on cyberduck.io. \" class=\"wp-image-6547\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-1.28.38-PM-1024x279.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-1.28.38-PM-300x82.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-1.28.38-PM-768x210.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-1.28.38-PM-1536x419.png 1536w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-1.28.38-PM-2048x559.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Once you&#8217;ve downloaded your duck, you should see it&#8217;s delightfully cute face on your desktop.  <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"483\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-1.36.59-PM-1024x483.png\" alt=\"Cyberduck's icon on a Mac desktop\n\" class=\"wp-image-6548\" style=\"aspect-ratio:2.1201111348578756;width:411px;height:auto\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-1.36.59-PM-1024x483.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-1.36.59-PM-300x142.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-1.36.59-PM-768x363.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-1.36.59-PM.png 1182w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Double click the icon. If your computer asks you if you are sure you want to open it click &#8220;open.&#8221; <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Click &#8220;Open Connection&#8221; from the top nav. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Change FTP (File Transfer Protocol) to SFTP (SSH File Transfer Protocol)<\/li>\n\n\n\n<li>Return to your Backpack email that Reclaim Hosting sent you. It&#8217;s time to copy and paste your credentials. Again, don&#8217;t try to copy these by hand- that password is tricky. \n<ul class=\"wp-block-list\">\n<li>Server<\/li>\n\n\n\n<li>Username <\/li>\n\n\n\n<li>Password<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>You can leave SSH Private Key as &#8220;none,&#8221; leave the Path area blank or with &#8220;folder&#8221; visible, and leave &#8220;add to keychain&#8221; checked. <\/li>\n\n\n\n<li>You should see Port 22 <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"789\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-1.48.33-PM-1024x789.png\" alt=\"Screenshot showing the configuration settings for Cyberduck. \" class=\"wp-image-6549\" style=\"aspect-ratio:1.2978772119190136;width:511px;height:auto\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-1.48.33-PM-1024x789.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-1.48.33-PM-300x231.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-1.48.33-PM-768x592.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-1.48.33-PM-1536x1183.png 1536w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-1.48.33-PM.png 1856w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Once you have entered your info, click &#8220;Connect.&#8221; <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">During this login process, you might see a message about &#8220;Unknown fingerprint.&#8221; If you do, just check the box for &#8220;Always&#8221; and then click Allow.<\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1428\" height=\"1262\" src=\"https:\/\/nmi.cool\/newmediaproduction\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-11.52.32-AM.png\" alt=\"Unknown fingerprint dialog\" class=\"wp-image-442\" style=\"aspect-ratio:1.1315481791998174;width:425px;height:auto\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-11.52.32-AM.png 1428w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-11.52.32-AM-300x265.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-11.52.32-AM-1024x905.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-11.52.32-AM-768x679.png 768w\" sizes=\"auto, (max-width: 1428px) 100vw, 1428px\" \/><\/figure>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">If you get asked for your password again, you&#8217;ll want to enter the username and password from your backpack email. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1428\" height=\"1262\" src=\"https:\/\/nmi.cool\/newmediaproduction\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-11.52.36-AM.png\" alt=\"Cyberduck password prompt\" class=\"wp-image-444\" style=\"aspect-ratio:1.1315481791998174;width:419px;height:auto\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-11.52.36-AM.png 1428w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-11.52.36-AM-300x265.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-11.52.36-AM-1024x905.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-11.52.36-AM-768x679.png 768w\" sizes=\"auto, (max-width: 1428px) 100vw, 1428px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Note: Errors are common at this stage of the process! Don&#8217;t panic. Whether it&#8217;s a miss-typed password, unsafe connection, or just a bad day for the duck \u2013 we can figure it out! After a short amount of Googling and <a href=\"#troubleshoot-cyberduck\"><strong>troubleshooting<\/strong><\/a>, send a screenshot of the error message to your instructor.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You might also need to submit a ticket with Reclaim Hosting. The <a href=\"#cpanel\">Explore your Client Area + cPanel<\/a> steps lower on this page will show you how to do that, so keep calm and keep reading. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Meet your Public_HTML folder<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Okay, if all went well you have connected to your server! You should see something that looks like this: <\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1428\" height=\"1262\" src=\"https:\/\/nmi.cool\/newmediaproduction\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-11.52.43-AM.png\" alt=\"Cyberduck browser\" class=\"wp-image-446\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-11.52.43-AM.png 1428w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-11.52.43-AM-300x265.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-11.52.43-AM-1024x905.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2018\/08\/Screen-Shot-2018-08-24-at-11.52.43-AM-768x679.png 768w\" sizes=\"auto, (max-width: 1428px) 100vw, 1428px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">When you connect to your server, you\u2019ll see <strong>a bunch of folders already here<\/strong>. These are used by your hosting account to handle things like logs, email, security, and other behind-the-scenes server stuff.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Good news: you can ignore almost all of them!<\/strong> For this class, there\u2019s only one folder we need to care about: <strong><code>public_html<\/code><\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Think of <strong><code>public_html<\/code> as the folder your browser can see<\/strong>. When someone visits your domain, the browser looks inside <code>public_html<\/code> to find the files that make up your website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Anything you want to make available on your website will eventually live inside this folder (or inside another folder within it).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Your <code>public_html<\/code> folder is also called your website&#8217;s <strong>root directory<\/strong>.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Root directory:<\/strong> The main, top-level folder of a website. Think of it as the starting point for everything on your site.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">So, for our purposes:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Your computer<\/strong> \u2192 where you <em>build<\/em> your website<br><strong><code>public_html<\/code><\/strong> \u2192 where you <em>publish<\/em> your website<br><strong>Your browser<\/strong> \u2192 where you <em>see<\/em> your website<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let&#8217;s take a moment to set up our public_html folder, so that we are ready to go! <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Double-click on the &#8220;public_html&#8221; folder. Reclaim Hosting may have already placed a few default files and folders inside it. You might see things like:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>cgi-bin<\/code><\/li>\n\n\n\n<li><code>default.html<\/code><\/li>\n\n\n\n<li>a Reclaim Hosting logo<\/li>\n\n\n\n<li>a <code>static<\/code> folder<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>For this class, you can delete everything currently inside <\/strong><code><strong>public_html<\/strong><\/code><strong>.<\/strong> We want to start the semester with a completely empty root directory, ready for the websites we&#8217;re going to build.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u26a0\ufe0f <strong>Before you delete anything:<\/strong> Double-check that you&#8217;re inside <code><strong>public_html<\/strong><\/code>. We&#8217;re cleaning out the <em>contents<\/em> of this folder, <strong>not deleting the <\/strong><code><strong>public_html<\/strong><\/code><strong> folder itself!<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Next, let&#8217;s Bookmark the public_html folder so it&#8217;s easy to jump right to this location of our server.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Click the Bookmark icon (second from the left in the icons in the top left corner next to &#8220;Open Connection&#8221;) to see a screen like this:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"769\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-2.55.10-PM-1024x769.png\" alt=\"bookmark icon on Cyberduck\" class=\"wp-image-6556\" style=\"aspect-ratio:1.331632995503054;width:423px;height:auto\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-2.55.10-PM-1024x769.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-2.55.10-PM-300x225.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-2.55.10-PM-768x577.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-2.55.10-PM-1536x1154.png 1536w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-2.55.10-PM.png 1824w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Click the &#8220;+&#8221; icon in the bottom-left corner to open another window like this:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"788\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-2.57.48-PM-1024x788.png\" alt=\"Bookmark interface in Cyberduck\" class=\"wp-image-6557\" style=\"width:459px;height:auto\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-2.57.48-PM-1024x788.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-2.57.48-PM-300x231.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-2.57.48-PM-768x591.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-2.57.48-PM-1536x1181.png 1536w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-2.57.48-PM.png 1854w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In the new window, the only thing you&#8217;ll likely want to change is the Nickname. To access it click &#8220;More Options&#8221; (next to connection) and just choose something clear and descriptive, like your URL or your name. Then, close the window where you updated your nickname to be left with a screen like this:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"777\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-3.02.25-PM-1024x777.png\" alt=\"\" class=\"wp-image-6558\" style=\"aspect-ratio:1.317922146937691;width:448px;height:auto\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-3.02.25-PM-1024x777.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-3.02.25-PM-300x228.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-3.02.25-PM-768x583.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-3.02.25-PM-1536x1165.png 1536w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-3.02.25-PM.png 1772w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Now, to access your site via FTP, you&#8217;ll just need to double-click that bookmark! If you use another computer, you will complete these same steps to be able to upload to the server. <\/p>\n\n\n\n<h3 id=\"troubleshoot-cyberduck\" class=\"wp-block-heading\">A Small Side Quest: TroubleShootING Cyberduck<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Sometimes a weird error happens when you are trying to connect to your server. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"778\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-3.08.50-PM-1024x778.png\" alt=\"connection failed error message from Cyberduck\" class=\"wp-image-6559\" style=\"aspect-ratio:1.316042585652217;width:447px;height:auto\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-3.08.50-PM-1024x778.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-3.08.50-PM-300x228.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-3.08.50-PM-768x584.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-3.08.50-PM-1536x1167.png 1536w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-3.08.50-PM.png 1774w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Don\u2019t panic! Connection errors happen sometimes, and they&nbsp;<strong>don\u2019t necessarily mean you did anything wrong<\/strong>. Try these quick fixes first:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Read the error message.<\/strong>\u00a0It may give you a clue about what went wrong.<\/li>\n\n\n\n<li><strong>Try again.<\/strong>\u00a0Sometimes the connection just needs a second (or third, or fourth) attempt.<\/li>\n\n\n\n<li><strong>Check your internet connection.<\/strong>\u00a0Make sure you\u2019re actually online.<\/li>\n\n\n\n<li><strong>Double-check your connection information.<\/strong>\u00a0Is the server address, username, and password correct?<\/li>\n\n\n\n<li><strong>Quit and reopen Cyberduck.<\/strong>\u00a0The ancient troubleshooting ritual works surprisingly often. \ud83e\udd86<\/li>\n\n\n\n<li><strong>Still stuck? Take a screenshot.<\/strong>\u00a0Send it to me or include it in a Reclaim Hosting <a href=\"#support\" data-type=\"internal\" data-id=\"#support\">support ticket<\/a> so we can see exactly what you\u2019re seeing.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Tip:<\/strong>&nbsp;When asking for help, always share the&nbsp;<strong>error message<\/strong>&nbsp;you received. \u201cCyberduck isn\u2019t working\u201d is much harder to troubleshoot than a screenshot of the actual error.<\/p>\n<\/div>\n\n\n\n<h2 id=\"cpanel\" class=\"wp-block-heading\">Explore The Client Area + cPanel <\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Let&#8217;s hop back over to <a href=\"https:\/\/www.reclaimhosting.com\/\">Reclaim Hosting <\/a>and take a minute to explore your cPanel. To access your cPanel click &#8220;Client Area Login&#8221; on the main nav. The login info will be the account info that you created when you just registered your Domain &#8211;> not the credentials from your Backpack email. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"487\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-2.18.59-PM-1024x487.png\" alt=\"\" class=\"wp-image-6555\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-2.18.59-PM-1024x487.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-2.18.59-PM-300x143.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-2.18.59-PM-768x365.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-2.18.59-PM-1536x730.png 1536w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-2.18.59-PM-2048x973.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">First, you&#8217;ll enter the Client Area, and from here you will be able to do a couple things: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Access your cPanel<\/li>\n\n\n\n<li>View invoices and billing details<\/li>\n\n\n\n<li>Submit support tickets.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s what it looks like: <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"657\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/05\/Screenshot-2025-05-14-at-2.15.34\u202fPM-1024x657.png\" alt=\"Screenshot of reclaim hosting client area\" class=\"wp-image-6046\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/05\/Screenshot-2025-05-14-at-2.15.34\u202fPM-1024x657.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/05\/Screenshot-2025-05-14-at-2.15.34\u202fPM-300x192.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/05\/Screenshot-2025-05-14-at-2.15.34\u202fPM-768x493.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/05\/Screenshot-2025-05-14-at-2.15.34\u202fPM-1536x985.png 1536w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2025\/05\/Screenshot-2025-05-14-at-2.15.34\u202fPM-2048x1314.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">We&#8217;ll dive into the cPanel with a little more depth later in the semester, but you should know that your login info for your cPanel are contained within your&#8230;. (you guessed it!) backpack email. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Think of cPanel as the control room for your web hosting.<\/strong> It\u2019s where you can manage the files, software, databases, and other tools that make your website work. You won\u2019t need most of what you see here, but later in the semester, we\u2019ll use cPanel to install WordPress.<\/p>\n\n\n\n<h3 id=\"support\" class=\"wp-block-heading\">Support Tickets with Reclaim <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Okay, let&#8217;s take a quick moment to chat about <strong>Support Tickets<\/strong> with Reclaim. It&#8217;s very possible that you might hit a snag this semester that we can&#8217;t solve in class because it&#8217;s a server-related problem. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When you&#8217;ve tried some basic troubleshooting, but you&#8217;re getting confusing error messages with Cyberduck or having other issues configuring your FTP Client or uploading your files, you may need to submit a support Ticket. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Once you are in your Client Area you can do that either by clicking the &#8220;Open New Ticket&#8221; button in the middle of the screen or by clicking Support in the nav area. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When you need help from Reclaim Hosting:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Be specific about the problem.<\/strong> Instead of \u201cMy website isn\u2019t working,\u201d explain what you were trying to do, what you expected to happen, and what happened instead.<\/li>\n\n\n\n<li><strong>Include the exact error message.<\/strong> Copy and paste it if you can.<\/li>\n\n\n\n<li><strong>Attach screenshots.<\/strong> Screenshots are extremely helpful, especially if they show the error and what you were doing when it occurred.<\/li>\n\n\n\n<li><strong>Explain what you\u2019ve already tried.<\/strong> This keeps support from asking you to repeat troubleshooting steps.<\/li>\n\n\n\n<li><strong>Include your domain name<\/strong> so they know exactly which site\/account they should investigate.<\/li>\n\n\n\n<li><strong>Loop in your instructor. <\/strong>If the problem is complex or you need additional support, it&#8217;s always a good idea to message your instructor. <\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">The basic rule of thumb: <strong>give Reclaim enough information that they can understand and recreate the problem without having to email you back for more details.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We use Reclaim Hosting for domain registration and hosting in this class. To get started, head on over to ReclaimHosting.com. Click the blue &#8220;Sign Up&#8221; button to head to this page: Here, click select the $36\/year &#8220;Personal&#8221; plan. Be aware that you&#8217;ll actually be paying $55\/per year for a new domain. On the next screen, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6546","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages\/6546","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/comments?post=6546"}],"version-history":[{"count":1,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages\/6546\/revisions"}],"predecessor-version":[{"id":6560,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages\/6546\/revisions\/6560"}],"wp:attachment":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/media?parent=6546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}