{"id":94,"date":"2014-11-12T10:47:52","date_gmt":"2014-11-12T10:47:52","guid":{"rendered":"http:\/\/digital.eca.ed.ac.uk\/digitaldesign\/?p=94"},"modified":"2015-11-19T11:04:25","modified_gmt":"2015-11-19T11:04:25","slug":"wk9-tutorial-webspace","status":"publish","type":"post","link":"https:\/\/digital.eca.ed.ac.uk\/digitaldesign\/2014\/11\/12\/wk9-tutorial-webspace\/","title":{"rendered":"WK9 Tutorial &#8211; Webspace"},"content":{"rendered":"<h3>Site Setup &#8211; Think global, act local<\/h3>\n<p>I\u2019d suggest creating a folder called \u2018html_local\u2019 in your Documents folder, accessible through your Home Folder, and you should develop directory structure and files in there.<\/p>\n<p>Inside this folder you should create a subdirectory for each website you work on (e.g. &#8216;digital_design&#8217;). This will be the &#8216;local&#8217; &#8216;root&#8217; folder for your website files.<\/p>\n<p>It\u2019s good practice to keep different types of files separate, so inside your root directory create three more subdirectories, called \u2018images\u2019, \u2018css\u2019, and \u2018scripts\u2019.<\/p>\n<p>Finally, your webspace will need a homepage, so you should create an HTML page using a suitable editor (e.g. Dreamweaver), and call it \u2018index.html\u2019, placed directly inside your \u2018root\u2019 directory.<\/p>\n<p>You\u2019ll need to copy any folder and files you make or amend to your &#8216;remote&#8217; folder on the playground webspace.<\/p>\n<h3>Where can I find my student webspace?<\/h3>\n<p>You can access your playground webspace using the Finder\u2019s Go &gt; Connect to Server function.<\/p>\n<p>You should connect using:\u00a0smb:\/\/playground.eca.ed.ac.uk\/playground_people\/sXXXXXXX\/html<\/p>\n<p>You&#8217;ll need to enter your username and password as if you were logging on to one of the lab machines.<\/p>\n<p>The folder called \u2018html\u2019 is your world readable webspace, so anything you want people to see must be placed in there. We can copy across individual files or folders. <\/p>\n<p>More information on connecting to your webspace on your own computers can be found on the <a href=\"https:\/\/www.wiki.ed.ac.uk\/display\/acecomp\/WebSpace\" target=\"_new\">Computing WIKI<\/a> (NB you&#8217;ll need to use the details above (but without the smb:\/\/ bit) NOT what&#8217;s in the examples on this page).<\/p>\n<p>Connecting on your own Mac is pretty simple as long as you&#8217;re <a href=\"http:\/\/www.ed.ac.uk\/schools-departments\/information-services\/computing\/desktop-personal\/vpn\" title=\"UoE VPN\" target=\"_blank\">connected to the University&#8217;s VPN<\/a>. After that you can follow the instructions above. On a PC you might need to check that you are connecting as ED\\sXXXXXXX (i.e. the &#8216;Domain&#8217; needs to be set)<\/p>\n<p>The world readable URL for your files would be:<br \/>\n<a href=\"http:\/\/playground.eca.ed.ac.uk\/~sxxxxxxx\/digital_design\/\" class=\"autohyperlink\">playground.eca.ed.ac.uk\/~sxxxxxxx\/digital_design\/<\/a> (assuming index.html as the homepage, and digital_design as the folder) or <a href=\"http:\/\/playground.eca.ed.ac.uk\/~sxxxxxxx\/digital_Design\/theFileName.html\" class=\"autohyperlink\">playground.eca.ed.ac.uk\/~sxxxxxxx\/digital_Design\/theFileName.html<\/a><\/p>\n<p>Some basic notes and viewtorials introducing HTML and CSS can be found at:<\/p>\n<ul>\n<li><a href=\"http:\/\/ddm.ace.ed.ac.uk\/ddm\/?page_id=42\" target=\"_new\">DDM Introduction to HTML<\/a><\/li>\n<li><a href=\"https:\/\/vimeo.com\/109699027\" target=\"_blank\">HTML vimeo.com\/109699027<\/a><\/li>\n<li><a href=\"CSS https:\/\/vimeo.com\/110455453\" target=\"_blank\">CSS vimeo.com\/110455453<\/a><\/li>\n<li><a href=\"https:\/\/vimeo.com\/111536732\" target=\"_blank\">Box Model vimeo.com\/111536732<\/a><\/li>\n<\/ul>\n<p>The password for viewing the videos is atrium<\/p>\n<p>You can also find more useful information on HTML and CSS at <a href=\"http:\/\/www.w3schools.com\" target=\"_new\">www.w3schools.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Site Setup &#8211; Think global, act local I\u2019d suggest creating a folder called \u2018html_local\u2019 in your Documents folder, accessible through your Home Folder, and you should develop directory structure and files in there. Inside this folder you should create a &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"more-link\" href=\"https:\/\/digital.eca.ed.ac.uk\/digitaldesign\/2014\/11\/12\/wk9-tutorial-webspace\/\"> <span class=\"screen-reader-text\">WK9 Tutorial &#8211; Webspace<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/digital.eca.ed.ac.uk\/digitaldesign\/wp-json\/wp\/v2\/posts\/94"}],"collection":[{"href":"https:\/\/digital.eca.ed.ac.uk\/digitaldesign\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/digital.eca.ed.ac.uk\/digitaldesign\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/digital.eca.ed.ac.uk\/digitaldesign\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/digital.eca.ed.ac.uk\/digitaldesign\/wp-json\/wp\/v2\/comments?post=94"}],"version-history":[{"count":5,"href":"https:\/\/digital.eca.ed.ac.uk\/digitaldesign\/wp-json\/wp\/v2\/posts\/94\/revisions"}],"predecessor-version":[{"id":99,"href":"https:\/\/digital.eca.ed.ac.uk\/digitaldesign\/wp-json\/wp\/v2\/posts\/94\/revisions\/99"}],"wp:attachment":[{"href":"https:\/\/digital.eca.ed.ac.uk\/digitaldesign\/wp-json\/wp\/v2\/media?parent=94"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digital.eca.ed.ac.uk\/digitaldesign\/wp-json\/wp\/v2\/categories?post=94"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/digital.eca.ed.ac.uk\/digitaldesign\/wp-json\/wp\/v2\/tags?post=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}