tag:blogger.com,1999:blog-21108182237728273262024-02-21T05:06:42.088-08:00DigitGuy robert smithGraphic design, web design and digital media videos and links for Students at the Design Centre Enmore Sydney Australia. Dreamweaver, After Effects, Photoshop, Illustrator and Flash references.digitguy Robert Smithhttp://www.blogger.com/profile/02995114335100237876noreply@blogger.comBlogger32125tag:blogger.com,1999:blog-2110818223772827326.post-79286534145929923222014-06-10T18:01:00.001-07:002014-06-10T18:02:14.884-07:00Flexible HTML_CSS layout 4 part videos<h4>HTML_CSS basic inheritance and ems</h4>
<iframe width="656" height="369" src="//www.youtube.com/embed/R6bbnSnC5VA" frameborder="0" allowfullscreen></iframe>
<h4>Flexible HTML_CSS layout PART ONE</h4>
<iframe width="656" height="369" src="//www.youtube.com/embed/E8cNf1V816U" frameborder="0" allowfullscreen></iframe>
<h4>Flexible HTML_CSS layout PART TWO</h4>
<iframe width="656" height="369" src="//www.youtube.com/embed/dxI-NWR_mjg" frameborder="0" allowfullscreen></iframe>
<h4>Flexible HTML_CSS layout PART THREE</h4>
<iframe width="656" height="369" src="//www.youtube.com/embed/dQhyrilW8nM" frameborder="0" allowfullscreen></iframe>
<h4>Flexible HTML_CSS layout PART FOUR</h4>
<iframe width="656" height="369" src="//www.youtube.com/embed/r64_-jxsrYg" frameborder="0" allowfullscreen></iframe>
digitguy Robert Smithhttp://www.blogger.com/profile/02995114335100237876noreply@blogger.com0tag:blogger.com,1999:blog-2110818223772827326.post-70668958561259796862014-05-08T05:14:00.001-07:002014-05-08T05:17:17.070-07:00<h4>4 page fender site 2 columns horizontal nav PART ONE</h4>
<iframe width="656" height="369" src="//www.youtube.com/embed/_0YgjwdYCso" frameborder="0" allowfullscreen></iframe>
<h4>4 page fender site 2 columns horizontal nav PART TWO</h4>
<iframe width="656" height="369" src="//www.youtube.com/embed/AyeSyuBfhhk" frameborder="0" allowfullscreen></iframe>
<h4>4 page fender site 2 columns horizontal nav PART THREE</h4>
<iframe width="656" height="369" src="//www.youtube.com/embed/KqbZV4sp7ZE" frameborder="0" allowfullscreen></iframe>
<h4>4 page fender site 2 columns horizontal nav PART FOUR</h4>
<iframe width="656" height="369" src="//www.youtube.com/embed/H4LI2sxozbU" frameborder="0" allowfullscreen></iframe>
<h4>4 page fender site 2 columns horizontal nav PART FIVE</h4>
<iframe width="656" height="369" src="//www.youtube.com/embed/SqlndysM5cM" frameborder="0" allowfullscreen></iframe>
<h4>4 page fender site 2 columns horizontal nav PART SIX</h4>
<iframe width="656" height="369" src="//www.youtube.com/embed/FVqhaCtJG3g" frameborder="0" allowfullscreen></iframe>
<h4>4 page fender site 2 columns horizontal nav PART SEVEN</h4>
<iframe width="656" height="369" src="//www.youtube.com/embed/RDbWPVV-Yyw" frameborder="0" allowfullscreen></iframe>
<h4>4 page fender site 2 columns horizontal nav PART EIGHT</h4>
<iframe width="656" height="369" src="//www.youtube.com/embed/HnHws-SILco" frameborder="0" allowfullscreen></iframe>digitguy Robert Smithhttp://www.blogger.com/profile/02995114335100237876noreply@blogger.com0tag:blogger.com,1999:blog-2110818223772827326.post-74424044135806984732014-03-28T18:26:00.001-07:002014-03-28T18:26:09.305-07:00Vertical Navigation 3 page Folio Exercise_4 parts<h4>Vertical Navigation 3 page folio part 1</h4>
<iframe width="656" height="369" src="//www.youtube.com/embed/dFUMrsfqzr8" frameborder="0" allowfullscreen></iframe>
<h4>Vertical Navigation 3 page folio part 2</h4>
<iframe width="656" height="369" src="//www.youtube.com/embed/2yuhkAoCyAA" frameborder="0" allowfullscreen></iframe>
<h4>Vertical Navigation 3 page folio part 3</h4>
<iframe width="656" height="369" src="//www.youtube.com/embed/97PZ_iKAqD0" frameborder="0" allowfullscreen></iframe>
<h4>Vertical Navigation 3 page folio part 4</h4>
<iframe width="656" height="369" src="//www.youtube.com/embed/g21JcRryeKo" frameborder="0" allowfullscreen></iframe>digitguy Robert Smithhttp://www.blogger.com/profile/02995114335100237876noreply@blogger.com0tag:blogger.com,1999:blog-2110818223772827326.post-45570649064083504072014-03-28T18:21:00.002-07:002014-03-28T18:21:38.820-07:00HTML basic Lists<iframe width="656" height="369" src="//www.youtube.com/embed/N882O-YVSxs" frameborder="0" allowfullscreen></iframe>digitguy Robert Smithhttp://www.blogger.com/profile/02995114335100237876noreply@blogger.com0tag:blogger.com,1999:blog-2110818223772827326.post-17824854056672023712014-03-28T18:20:00.001-07:002014-03-28T18:20:34.412-07:00Basic HTML links_Relative and Absolute<h4>HTML links Relative</h4>
<iframe width="656" height="369" src="//www.youtube.com/embed/A_Ytv1uyJLQ" frameborder="0" allowfullscreen></iframe>
<h4>HTML links Absolute and Download</h4>
<iframe width="656" height="369" src="//www.youtube.com/embed/7dyNrt9e5qk" frameborder="0" allowfullscreen></iframe>digitguy Robert Smithhttp://www.blogger.com/profile/02995114335100237876noreply@blogger.com0tag:blogger.com,1999:blog-2110818223772827326.post-60023575432716838542014-03-28T18:16:00.002-07:002014-03-28T18:16:23.717-07:00The Boxers Exercise_One Page basic web site_5 Parts
<h4>The Boxers Exercise part 1</h4>
<iframe width="656" height="369" src="//www.youtube.com/embed/sRNW8y9GhdU" frameborder="0" allowfullscreen></iframe>
<h4>The Boxers Exercise part 2</h4>
<iframe width="656" height="369" src="//www.youtube.com/embed/VorHnRWZitA" frameborder="0" allowfullscreen></iframe>
<h4>The Boxers Exercise part 3</h4>
<iframe width="656" height="369" src="//www.youtube.com/embed/mgQj7d68P6k" frameborder="0" allowfullscreen></iframe>
<h4>The Boxers Exercise part 4</h4>
<iframe width="656" height="369" src="//www.youtube.com/embed/C5VwdIrWET0" frameborder="0" allowfullscreen></iframe>
<h4>The Boxers Exercise part 5</h4>
<iframe width="656" height="369" src="//www.youtube.com/embed/o9t2L80hT-U" frameborder="0" allowfullscreen></iframe>digitguy Robert Smithhttp://www.blogger.com/profile/02995114335100237876noreply@blogger.com0tag:blogger.com,1999:blog-2110818223772827326.post-16392687963282810042014-03-28T18:10:00.000-07:002014-03-28T18:10:01.496-07:00The HTML Box Model Parts 1 and 2<h4>HTML Box model Part 1</h4>
<iframe width="656" height="369" src="//www.youtube.com/embed/47TRJ6qR5Kw" frameborder="0" allowfullscreen></iframe>
<h4>HTML Box model Part 2</h4>
<iframe width="656" height="369" src="//www.youtube.com/embed/P0Kaj_YO9IE" frameborder="0" allowfullscreen></iframe>digitguy Robert Smithhttp://www.blogger.com/profile/02995114335100237876noreply@blogger.com0tag:blogger.com,1999:blog-2110818223772827326.post-65657529288986748542014-03-28T18:06:00.002-07:002014-03-28T18:06:48.352-07:00Basic CSS rule writing<iframe width="656" height="369" src="//www.youtube.com/embed/OAneZWcrj7M" frameborder="0" allowfullscreen></iframe>digitguy Robert Smithhttp://www.blogger.com/profile/02995114335100237876noreply@blogger.com0tag:blogger.com,1999:blog-2110818223772827326.post-12778604936350643252014-03-28T18:04:00.002-07:002014-03-28T18:04:30.809-07:00Indesign_Dreamweaver CSS_Paragraph styles comparison<iframe width="656" height="369" src="//www.youtube.com/embed/9KXyeqcx6e0" frameborder="0" allowfullscreen></iframe>digitguy Robert Smithhttp://www.blogger.com/profile/02995114335100237876noreply@blogger.com0tag:blogger.com,1999:blog-2110818223772827326.post-51587678617229892472014-03-28T15:52:00.000-07:002014-03-28T15:52:17.694-07:00HTML tags Block and Inline<h4>HTML TAGS BLOCK</H4>
<iframe allowfullscreen="" frameborder="0" height="369" src="//www.youtube.com/embed/OckHTHynNdc" width="656"></iframe>
<h4>HTML TAGS IN-LINE</H4>
<iframe allowfullscreen="" frameborder="0" height="369" src="//www.youtube.com/embed/Ov7mbMSX20k" width="656"></iframe>digitguy Robert Smithhttp://www.blogger.com/profile/02995114335100237876noreply@blogger.com0tag:blogger.com,1999:blog-2110818223772827326.post-16198103384282622812014-03-28T15:47:00.000-07:002014-03-28T15:47:40.863-07:00HTML attach style sheet<iframe width="656" height="369" src="//www.youtube.com/embed/pfOHbXvkc14" frameborder="0" allowfullscreen></iframe>digitguy Robert Smithhttp://www.blogger.com/profile/02995114335100237876noreply@blogger.com0tag:blogger.com,1999:blog-2110818223772827326.post-35483995307407155372014-03-28T03:14:00.003-07:002014-03-28T03:21:49.795-07:00Enmore Design Centre promo video<iframe width="656" height="369" src="//www.youtube.com/embed/yy-UlBSoWh4?list=UUtlHs0dgMJX6oGGFgc8jgWw" frameborder="0" allowfullscreen></iframe>digitguy Robert Smithhttp://www.blogger.com/profile/02995114335100237876noreply@blogger.com1tag:blogger.com,1999:blog-2110818223772827326.post-79236471486584517572014-03-28T03:06:00.001-07:002014-03-28T03:06:18.799-07:00Web site setup_manage sites in Dreamweaver<iframe width="656" height="369" src="//www.youtube.com/embed/Nc8JE12E-iE" frameborder="0" allowfullscreen></iframe>digitguy Robert Smithhttp://www.blogger.com/profile/02995114335100237876noreply@blogger.com0tag:blogger.com,1999:blog-2110818223772827326.post-4048090766218174502014-03-28T03:02:00.003-07:002014-03-28T03:03:42.466-07:00Image optimization for the web_Save for web in Photoshop<iframe width="656" height="369" src="//www.youtube.com/embed/_pLOwOuMFIc" frameborder="0" allowfullscreen></iframe>digitguy Robert Smithhttp://www.blogger.com/profile/02995114335100237876noreply@blogger.com0tag:blogger.com,1999:blog-2110818223772827326.post-71422278891701520362014-03-28T02:49:00.002-07:002014-03-28T15:54:53.819-07:00Sculpture by the sea Video_TV graphic process. 7 parts series starting in Adobe Illustrator and completing in Photoshop<h4>SCULPTURE BY THE SEA GRAPHIC_PART 1</H4>
<iframe width="656" height="369" src="//www.youtube.com/embed/7Uxbht9c4oY" frameborder="0" allowfullscreen></iframe>
<h4>SCULPTURE BY THE SEA GRAPHIC_PART 2</H4>
<iframe width="656" height="369" src="//www.youtube.com/embed/5wEQuZw-XOU" frameborder="0" allowfullscreen></iframe>
<h4>SCULPTURE BY THE SEA GRAPHIC_PART 3</H4>
<iframe width="656" height="369" src="//www.youtube.com/embed/tMJn8obGLMc" frameborder="0" allowfullscreen></iframe>
<h4>SCULPTURE BY THE SEA GRAPHIC_PART 4</H4>
<iframe width="656" height="369" src="//www.youtube.com/embed/6_QujCF0AdE" frameborder="0" allowfullscreen></iframe>
<h4>SCULPTURE BY THE SEA GRAPHIC_PART 5</H4>
<iframe width="656" height="369" src="//www.youtube.com/embed/CuaKUO3Zfzo" frameborder="0" allowfullscreen></iframe>
<h4>SCULPTURE BY THE SEA GRAPHIC_PART 6</H4>
<iframe width="656" height="369" src="//www.youtube.com/embed/M5D4pFuzbZ8" frameborder="0" allowfullscreen></iframe>
<h4>SCULPTURE BY THE SEA GRAPHIC_PART 7</H4>
<iframe width="656" height="369" src="//www.youtube.com/embed/g_yQTtkgpnM" frameborder="0" allowfullscreen></iframe>digitguy Robert Smithhttp://www.blogger.com/profile/02995114335100237876noreply@blogger.com0tag:blogger.com,1999:blog-2110818223772827326.post-22957116390762962612014-03-27T23:53:00.001-07:002014-03-27T23:53:43.984-07:00Photoshop Neon Type Technique<iframe width="656" height="369" src="//www.youtube.com/embed/NsQrl-oEsPc" frameborder="0" allowfullscreen></iframe>digitguy Robert Smithhttp://www.blogger.com/profile/02995114335100237876noreply@blogger.com0tag:blogger.com,1999:blog-2110818223772827326.post-58742637783277242362014-03-27T23:45:00.002-07:002014-03-27T23:49:28.756-07:00Photoshop Distressed type<iframe width="656" height="369" src="//www.youtube.com/embed/kzODFoqupbQ" frameborder="0" allowfullscreen></iframe>digitguy Robert Smithhttp://www.blogger.com/profile/02995114335100237876noreply@blogger.com0tag:blogger.com,1999:blog-2110818223772827326.post-48991181251912165682012-09-10T03:10:00.001-07:002012-09-10T03:29:04.577-07:00TLD (Talk Like Designers) the long awaited app has passed the apple detectives and is now available in the itunes store for a lazy 99 cents. Yes!!!!!!!!!!!Dear Blog readers. I have spent 6 months researching how Adobe Flash can create technically acceptable apps for the Apple Itunes and Android Market. The app called <b><span style="color: red;">TLD</span></b> (Talk like a Designer) was fully created in Flash and then managed through the Apple Development Program. Now that sounds a bit classy, but what it really means is that Flash is back and is a Great design/coding environment for the mobile market. Another great canvas for our Designs and Concepts. Check it out by typing TLD into the search engine in the Itunes app store. Yes!!!!!!!!!!!!! Heres a screenshot of the email Apple sends you as a developer to tell you the good news.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1O6RF8EGnzUN0isf4xeYa4vD5Dm0ciY11RR_VNTxUjnFtZgT4Z2q8ZNuk5d8SZ022X2UbrcJz-kIWBHS51vdfp43fCx6vOtHf1hfI6_O7Tkw3IC7RvR4t3yozFy8ckEhEqkJIdu4V0bQw/s1600/Screen+Shot+2012-09-10+at+7.52.48+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1O6RF8EGnzUN0isf4xeYa4vD5Dm0ciY11RR_VNTxUjnFtZgT4Z2q8ZNuk5d8SZ022X2UbrcJz-kIWBHS51vdfp43fCx6vOtHf1hfI6_O7Tkw3IC7RvR4t3yozFy8ckEhEqkJIdu4V0bQw/s1600/Screen+Shot+2012-09-10+at+7.52.48+PM.png" /></a></div>
<br />digitguy Robert Smithhttp://www.blogger.com/profile/02995114335100237876noreply@blogger.com0tag:blogger.com,1999:blog-2110818223772827326.post-44174851615260559762012-06-18T18:46:00.001-07:002012-06-18T18:46:10.038-07:00Smarten up your layouts using grids. Here is the ultimate grid resource for both print and the web. Totally useful.Grids give our graphic design structure and order. Grids are a great way to layout pages and provide a starting point for that corporate masterpiece. Here's a great link.<br />
<a href="http://www.thegridsystem.org/">THE GRID SYSTEM</a>digitguy Robert Smithhttp://www.blogger.com/profile/02995114335100237876noreply@blogger.com0tag:blogger.com,1999:blog-2110818223772827326.post-86773792775602549572012-05-09T15:24:00.002-07:002012-05-09T15:24:43.501-07:00Embed Video into your HTML pageYouTube is an amazing facility for storing and viewing videos. Here is a technique you can use to place a video on your website and have YouTube do all the work streaming the video. The big plus is you do not have to store your video on your own site, thus saving space on your server.<br />
<a href="http://www.youtube.com/watch?v=bbMbwmlszYg">EMBED VIDEO IN YOUR WEB SITE</a>digitguy Robert Smithhttp://www.blogger.com/profile/02995114335100237876noreply@blogger.com0tag:blogger.com,1999:blog-2110818223772827326.post-73076504103536449582012-04-09T04:20:00.000-07:002012-04-09T04:20:28.546-07:00the 960 grid system_a Starter CSS framework_worth a lookStarting a web site from scratch can mean a lot of repetitive tasks. These good people have set up a time saving structure to create magazine style grid layouts. Looks a bit tricky at first but is a good learning curve for the budding web warrior.<br />
<a href="http://net.tutsplus.com/articles/news/a-detailed-look-at-the-960-css-framework/">960 GRID SYSTEM</a>digitguy Robert Smithhttp://www.blogger.com/profile/02995114335100237876noreply@blogger.com0tag:blogger.com,1999:blog-2110818223772827326.post-70422235308982526662012-03-08T02:21:00.000-08:002012-03-08T02:21:28.986-08:00Lighten Up. Here's some interesting Graphic Design silliness.Graphic Designers sometimes take themselves a bit too seriously. Here's a few attempts at humour surrounding our whacky profession. Enjoy!<br />
<a href="http://www.youtube.com/watch?v=i5FhxH4e8-8&feature=fvwp&NR=1">DIFFICULT CLIENT</a><br />
<a href="http://www.youtube.com/watch?v=DkiVY7lYTsk&feature=related">CHEAP CLIENT</a><br />
<a href="http://www.youtube.com/watch?v=7eUIOIkARyE&feature=related">S*IT THAT GRAPHIC DESIGNERS SAY</a>digitguy Robert Smithhttp://www.blogger.com/profile/02995114335100237876noreply@blogger.com0tag:blogger.com,1999:blog-2110818223772827326.post-64657645057667426162012-03-08T01:47:00.000-08:002012-03-08T01:47:09.573-08:00The Mobile WEB (what the?)The world is mobile. Smart Phones and Tablets have bludgeoned their way into our lives. Web sites must work on as many platforms as possible. The good news is that traditional web skills in HTML and CSS dominate this arena. YES! Here's a bit of light reading on the subject.<br />
<a href="http://dev.opera.com/articles/view/introduction-to-the-mobile-web/#definition">THE MOBILE WEB CONCEPT EXPLAINED</a>digitguy Robert Smithhttp://www.blogger.com/profile/02995114335100237876noreply@blogger.com0tag:blogger.com,1999:blog-2110818223772827326.post-75083661595216250772012-02-19T15:47:00.000-08:002012-02-19T15:47:12.963-08:00Great Adobe Overview of the whole web design processOur overlords at Adobe have created a series of videos that explain the whole web design process. Great viewing for that lonely Saturday night or after a long shift waiting on tables. They speak of HTML 5 but many concepts are relevant to our HTML 4 adventures.<br />
<a href="http://tv.adobe.com/show/classroom-basic-site-layout-and-navigation-in-dreamweaver-cs5/">Adobe TV dreamweaver web site overview</a>digitguy Robert Smithhttp://www.blogger.com/profile/02995114335100237876noreply@blogger.com0tag:blogger.com,1999:blog-2110818223772827326.post-52890464643769120112012-02-08T13:45:00.000-08:002012-02-08T13:46:33.375-08:00SOme Basic web concepts explainedG'day students. The Web can be a mysterious place, full of weird sounding Concepts. What's a blog? Whats an RSS feed. I have gathered together a collection of YouTube links that explain some of the major concepts involved in our current studies.<br />
Blog<br />
<a href="http://www.youtube.com/watch?v=NN2I1pWXjXI">http://www.youtube.com/watch?v=NN2I1pWXjXI</a> <br />
RSS Feed<br />
<a href="http://www.youtube.com/watch?v=0klgLsSxGsU&amp;feature=channel">http://www.youtube.com/watch?v=0klgLsSxGsU&amp;feature=channel</a><br />
Social Networking<br />
<a href="http://www.youtube.com/watch?v=6a_KF7TYKVc&amp;feature=channel">http://www.youtube.com/watch?v=6a_KF7TYKVc&amp;feature=channel</a><br />
Twitter<br />
<a href="http://www.youtube.com/watch?v=ddO9idmax0o&amp;feature=channel">http://www.youtube.com/watch?v=ddO9idmax0o&amp;feature=channel</a> <br />
Wiki<br />
<a href="http://www.youtube.com/watch?v=-dnL00TdmLY&amp;feature=channel">http://www.youtube.com/watch?v=-dnL00TdmLY&amp;feature=channel</a><br />
Social Media<br />
<a href="http://www.youtube.com/watch?v=MpIOClX1jPE&amp;feature=related">http://www.youtube.com/watch?v=MpIOClX1jPE&amp;feature=related</a><br />
World Wide Web<br />
<a href="http://www.youtube.com/watch?v=wZoMbBzqxyc&amp;feature=channel">http://www.youtube.com/watch?v=wZoMbBzqxyc&amp;feature=channel</a> <br />
History of the Internet<br />
<a href="http://www.youtube.com/watch?v=9hIQjrMHTv4&amp;feature=related">http://www.youtube.com/watch?v=9hIQjrMHTv4&amp;feature=related</a><br />
History of YouTube<br />
<a href="http://www.youtube.com/watch?v=x2NQiVcdZRY&amp;feature=related">http://www.youtube.com/watch?v=x2NQiVcdZRY&amp;feature=related</a><br />
HTML Email<br />
<a href="http://www.youtube.com/watch?v=ad4tywpYkPA&amp;feature=related">http://www.youtube.com/watch?v=ad4tywpYkPA&amp;feature=related</a>digitguy Robert Smithhttp://www.blogger.com/profile/02995114335100237876noreply@blogger.com0