{"id":1417,"date":"2012-09-01T12:49:24","date_gmt":"2012-09-01T12:49:24","guid":{"rendered":"http:\/\/a.parsons.edu\/~dejongo\/?p=1417"},"modified":"2014-09-26T12:55:59","modified_gmt":"2014-09-26T12:55:59","slug":"05-demonstration","status":"publish","type":"post","link":"https:\/\/b.parsons.edu\/~dejongo\/05-demonstration\/","title":{"rendered":"05 Demonstration"},"content":{"rendered":"

In-class Demo for both 9:00<\/a> and 12:00<\/a> classes. You can download<\/a> them as well.\n<\/p>\n

The design of the demo was directed by students, exploring problem solving as we went along. <\/p>\n

Download HTML5 Boilerplate<\/h2>\n<\/p>\n

You are given a choice, to download the standard HTML5 Boilerplate<\/a>, which is what we will do in class.\n<\/p>\n

The other option is to get a custom build<\/a> template.\n<\/p>\n

If you decide on customizing it, get the Bootstrap<\/a> version. Read<\/a> all about it. Bootstrap has many goodies built in to make your site will look and work professionally.\n<\/p>\n

For the demo in class, we download<\/a> the regular HTML5 Boilerplate<\/a>.<\/p>\n

Adding Google Analytics and SEO<\/h2>\n<\/p>\n

Follow the instructions in Google Analytics<\/a> to get a google analytics account number. Place that number in the index.html file.\n<\/p>\n

Building a standards compliant website with good content is best for search engine optimization<\/a>. The problem many of you will face is that all your work is composed up of pictures. Search engines prefer words. Make sure that you describe your pictures will in accompanying text or use the alt tag to let the people who use search engines reach your pictures.<\/p>\n

Technical Note<\/h2>\n<\/p>\n

The HTML5 Boilerplate is shipped with a lot of things to make life better, but one thing trips the school server, and you need to take it out.\n<\/p>\n

You will not see this file on your computer, but once you have uploaded the files to the school server, you will see a file called \u201c.htaccess.\u201d This file contains the following line that needs to be taken out:<\/p>\n

\r\n# ----------------------------------------------------------------------\r\n# Prevent 404 errors for non-existing redirected folders\r\n# ----------------------------------------------------------------------\r\n\r\n# without -MultiViews, Apache will give a 404 for a rewrite if a folder of the\r\n# same name does not exist.\r\n# webmasterworld.com\/apache\/3808792.htm\r\n\r\nOptions -MultiViews\r\n\r\n<\/pre>\n<\/p>\n
This trips up the server, and you will see a page for error 500. <\/p>\n
\r\nServer error!\r\nThe server encountered an internal error and was unable to complete your request. Either the server is overloaded or there was an error in a CGI script.\r\nIf you think this is a server error, please contact the webmaster.\r\nError 500\r\na.parsons.edu\r\nApache\/2.2.3 (CentOS)\r\n<\/pre><\/p>\n","protected":false},"excerpt":{"rendered":"
In-class Demo for both 9:00 and 12:00 classes. You can download them as well. The design of the demo was directed by students, exploring problem solving as we went along. Download HTML5 Boilerplate You are given a choice, to download … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[9],"tags":[],"_links":{"self":[{"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/posts\/1417"}],"collection":[{"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/comments?post=1417"}],"version-history":[{"count":20,"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/posts\/1417\/revisions"}],"predecessor-version":[{"id":2330,"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/posts\/1417\/revisions\/2330"}],"wp:attachment":[{"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/media?parent=1417"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/categories?post=1417"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/tags?post=1417"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}