{"id":32200,"date":"2017-08-17T03:01:55","date_gmt":"2017-08-16T17:01:55","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=32200"},"modified":"2017-08-16T18:52:08","modified_gmt":"2017-08-16T08:52:08","slug":"course-flyer-via-components-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/course-flyer-via-components-primer-tutorial\/","title":{"rendered":"Course Flyer via Components Primer Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/course_advertising_flyer_helper.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Course Flyer via Components Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/course_advertising_flyer_helper-487of.jpg\" title=\"Course Flyer via Components Primer Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Course Flyer via Components Primer Tutorial<\/p><\/div>\n<p>If you&#8217;re like me, you&#8217;ll have many <a target=_blank title='Flyer information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/Flyer_(pamphlet)'>flyers<\/a> come into your &#8220;radar&#8221; over the course of the day &#8230; the week &#8230; etcetera etcetera etcetera.  Many of these receive scant attention, as they often come with other junk &#8220;snail&#8221; mail.  The ones that might get more of my attention are &#8230; shallow me &#8230; the ones with some aesthetically pleasing aspect, but, alas, me being the &#8220;client web design hungry&#8221; being that I am, &#8220;shallow me&#8221; might only be paying more attention to it interested in the aesthetics achieved by that flyer&#8217;s designers <font size=1>&#8230; more so, at least for me, than its contents<\/font>.  Today, we&#8217;re going to start off on the journey towards developing a Course Flyer from its component parts.  So, for these purposes, imagine you are designing a course for a reputable educational institution, and want to design (and distribute <font size=1>&#8230; but &#8220;distribute&#8221; is another &#8220;art&#8221; altogether &#8230; a &#8230; r &#8230; t &#8230; now together &#8230; art &#8230; ta muchly<\/font>) a Course Flyer.<\/p>\n<p>Today&#8217;s component of the Course Flyer design revolves around the bulk of what you might want to present as the wording.  Guess if you want a Course Flyer to have any affect whatsoever, you&#8217;ll be hoping the reader gets to the &#8220;wording&#8221;.  Once there, and I know there&#8217;ll be marketing people out there that can say how few people get to this &#8220;wording&#8221; reading as a proportion of all people who have viewed your flyer <font size=1>&#8230; but let&#8217;s not let this put us off &#8230;<\/font> you&#8217;ll want &#8220;wording&#8221; with a combination of &#8230;<\/p>\n<ul>\n<li>clear concise detail of &#8220;administrative&#8221; information &#8230; and yet, in amongst that, some &#8230;<\/li>\n<li>reasonably detailed course content detail that both indicates what will be achieved, as well as being a &#8220;lead in&#8221; to the &#8220;juices&#8221; of the reader&#8217;s imagination, to inspire and convince and excite<\/li>\n<\/ul>\n<p> &#8230; and so, basing the &#8220;wording&#8221; content requirements on a NSW TAFE flyer (<i>&#8220;Training in Business Administration and Technology&#8221;, Office Technology<\/i> by Sydney Institute, TAFE NSW, Randwick College) we had picked up, thanks, we resolved that the information capture &#8220;data points&#8221; (for Course Flyer wording) should be &#8230;<\/p>\n<ul>\n<li>Big Top Heading<\/li>\n<li>Big Top Subheading<\/li>\n<li>Hours per Week Requirement<\/li>\n<li>Hours per Day Requirement<\/li>\n<li>Duration<\/li>\n<li>Description<\/li>\n<li>Footer<\/li>\n<li>Requirements<\/li>\n<li>Contact<\/li>\n<li>Orientation<\/li>\n<li>Start<\/li>\n<\/ul>\n<p> &#8230; and arrived at, after adding some accountability via an HTML <a target=_blank title='HTML Canvas element information from w3schools' href='http:\/\/www.w3schools.com\/tags\/ref_canvas.asp'>canvas<\/a> element redisplay of the user&#8217;s words, our <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/course_advertising_flyer_helper.html\" title='Click picture'>live run<\/a> link for a Course Flyer &#8220;wording&#8221; using HTML and Javascript and CSS you could call <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/course_advertising_flyer_helper.html_GETME\" title=\"course_advertising_flyer_helper.html\">course_advertising_flyer_helper.html<\/a> and you could peruse for ideas, we hope.  To augment your understanding, perhaps, watch a PDF <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/course_advertising_flyer_helper.pdf\" title=\"course_advertising_flyer_helper.pdf\">slideshow<\/a> of us capturing the text in HTML textarea elements, redisplaying this in an HTML canvas, using the web browser&#8217;s own &#8220;Copy&#8221; (the canvas contents) capabilities, and Pasting that &#8220;redisplay&#8221; into the body section of an email created using the Mac OS X Mail desktop application, and sending this Course Flyer &#8220;wording&#8221; off to someone in an email.<\/p>\n<p>We hope you continue on with our Course Flyer creation journey.<\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d32200' onclick='var dv=document.getElementById(\"d32200\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/flyer\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d32200' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>If you&#8217;re like me, you&#8217;ll have many flyers come into your &#8220;radar&#8221; over the course of the day &#8230; the week &#8230; etcetera etcetera etcetera. Many of these receive scant attention, as they often come with other junk &#8220;snail&#8221; mail. &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/course-flyer-via-components-primer-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,14,37],"tags":[184,281,380,2307,2309,2292,576,652,738,997,1137,1254,1262,1319,2308],"class_list":["post-32200","post","type-post","status-publish","format-standard","hentry","category-elearning","category-event-driven-programming","category-tutorials","tag-canvas","tag-css","tag-email","tag-flyer","tag-footer","tag-heading","tag-html","tag-javascript","tag-mail","tag-programming","tag-sharing","tag-text","tag-textarea","tag-tutorial","tag-wording"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/32200"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=32200"}],"version-history":[{"count":11,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/32200\/revisions"}],"predecessor-version":[{"id":32215,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/32200\/revisions\/32215"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=32200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=32200"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=32200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}