tag:blogger.com,1999:blog-52532067612221070442024-02-19T22:55:16.663-08:00Web Design Stephen BrumwellAnonymoushttp://www.blogger.com/profile/13008970561442162768noreply@blogger.comBlogger17125tag:blogger.com,1999:blog-5253206761222107044.post-15527398038406686802010-06-14T18:41:00.000-07:002010-06-14T18:44:45.696-07:00Client Website UploadThis is the final product for the Client Website Assessment.<br /><br /><a href="http://sjbcreative.com/jbrumwellartist/">http://sjbcreative.com/jbrumwellartist/</a><br /><br />The website will eventually be further more built for the Client as the Client requests me to keep it updated from time to time.Anonymoushttp://www.blogger.com/profile/13008970561442162768noreply@blogger.com0tag:blogger.com,1999:blog-5253206761222107044.post-70863177374047514762010-06-01T22:29:00.000-07:002010-06-01T22:49:01.217-07:00My Client Website Experience<div dir="ltr"><strong><span style="font-family: arial;"><span style="font-weight: normal;"><br />My Client was for Julie Brumwell Visual Artist, my latest mockup I posted was used and finalized into the end result, and now this post will reflect on my process through this.<br /><br /><span style="font-weight: bold;">Initial Brainstorming / Mockups</span><br /></span><span style="font-weight: bold;"><br /></span><span style="font-weight: normal;">I managed to get this part of my website process done quite easy, with a few concepts, keeping a few mockups similar, I only did 4 mockups before I awaited showing them to the Client.</span><br /><span style="font-weight: bold;"><br /></span></span></strong><strong><span style="font-family: arial;"><span style="font-weight: normal;"><span style="font-weight: bold;">Pre-Dreamweaver Development of Website</span><br /> </span><span style="font-weight: bold;"><br /> </span><span style="font-weight: normal;">I had to change the concept completely after showing my first mockups as the Client wasn't fully satisfied, this did annoy me quite a bit but after doing a 5th mockup the Client was very pleased and I began the process of cutting up the design for Dreamweaver implementation.</span></span></strong><strong><span style="font-family: arial;"><span style="font-weight: bold;"><br /></span></span><br /><br />Dreamweaver Development<br /><br /><span style="font-weight: normal;">The Clients needs weren't too strict, It was a 5 page website with some Flash objects, mainly banner and nav, no problems there. Had an issue getting actual Clients content to fill the pages, other than that the Client viewed the half-completed Dreamweaver process and loved it, If i do quote it looked "classy"</span><br /></strong></div> <div dir="ltr"><strong></strong><br /><strong>Working with the Client<br /> <br /> <span style="font-weight: normal;">As I did mention before the Client was not too strict on the design so I managed to kind of take control and tell the Client what they needed. The only issue with the Client was changing the mockup look COMPLETELY, I had actually initially started some basic Dreamweaver placement, had to ditch this. Content was yes also hard to get, though there was lack of communication with the Client as they were busy most of the time.</span></strong><br /><br /><strong>Finalization of Website<br /> <br /> <span style="font-weight: normal;">The end result came out fantastic, the Client was satisfied with it, not all the Clients images were fully in the website as of yet because they hadn't actually taken images of their artwork, but I was okay to add these for them later on in the year. It was a very challenging and enjoyable experience in developing this website and it felt real in terms of workplace Client to Designer Relationship.<br /><br /><span style="font-weight: bold;">Overall in What I've Learn't<br /><br /></span>Don't start cutting up a website until the Mockup is definitely confirmed! I was annoyed when the Client changed design ideas, but It was partially my fault jumping right into it. Clients also need to be assured and sometimes hassled for content sometimes, sometimes felt like I was pestering them but it was all for the best. I've also learn actually more into Web Design, mainly with 100% fitting content on the browser screen, better layouting.<span style="font-weight: bold;"><br /></span></span></strong></div>Anonymoushttp://www.blogger.com/profile/13008970561442162768noreply@blogger.com0tag:blogger.com,1999:blog-5253206761222107044.post-77838169143007932122010-06-01T22:25:00.000-07:002010-06-01T22:49:40.962-07:00Search engine optimization and Flash<div style="margin: 1ex; color: rgb(255, 255, 255);font-family:arial;"> <div> <p><span style="font-size:85%;"><i>Links</i></span><span style="font-size:85%;"><i>:</i> </span><span style="font-size:85%;"><b>Search engine optimization for Flash</b> </span><a linkindex="1" href="http://www.flashnseo.com/" target="_blank"><span style="font-size:85%;"><i><u>http://www.flashnseo.com/</u></i></span></a></p> <p><span style="font-size:85%;"><b>Search engine optimization and Flash </b></span><a linkindex="2" href="http://www.adobe.com/devnet/seo/" target="_blank"><span style="font-size:85%;"><u>http://www.adobe.com/devnet/<wbr>seo/</u></span></a></p> <p><span style="font-size:85%;"><br /></span><span style="font-size:85%;"><b>Encoding video with Flash Video Encoder</b></span></p> <p><a linkindex="3" href="http://livedocs.adobe.com/flash/9.0/flvencoder/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_NoParts&file=FLV_17.html" target="_blank"><span style="color: rgb(0, 0, 255);font-size:85%;" ><u>http://livedocs.adobe.com/<wbr>flash/9.0/flvencoder/wwhelp/<wbr>wwhimpl/common/html/wwhelp.<wbr>htm?context=LiveDocs_NoParts&<wbr>file=FLV_17.html</u></span></a></p> <p><span style="font-size:85%;"><br /><b>Portello</b></span></p> <p><a linkindex="4" href="http://www.portello.org/" target="_blank"><span style="color: rgb(0, 0, 255);font-size:85%;" ><u>http://www.portello.org/</u></span></a><br /></p> <p><span style="color: rgb(0, 0, 128);font-size:85%;" >Robot.txt - use this to block folders or html pages from search engine listings</span><span style="font-size:85%;"><br /></span><a linkindex="5" href="http://www.dwfaq.com/Tutorials/Miscellaneous/robot_txt.asp" target="_blank"><span style="color: rgb(0, 0, 255);font-size:85%;" ><u>http://www.dwfaq.com/<wbr>Tutorials/Miscellaneous/robot_<wbr>txt.asp</u></span></a></p> </div> </div>Anonymoushttp://www.blogger.com/profile/13008970561442162768noreply@blogger.com0tag:blogger.com,1999:blog-5253206761222107044.post-54573953050920724032010-05-26T08:09:00.000-07:002010-06-14T18:24:51.956-07:002nd mockup, and most likely final design!<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_UGZj-_OLGMg/S_05uLkConI/AAAAAAAAADM/PZg0WibrYBQ/s1600/Finalized.png"><img id="BLOGGER_PHOTO_ID_5475596187493114482" style="WIDTH: 400px; CURSOR: pointer; HEIGHT: 299px" alt="" src="http://2.bp.blogspot.com/_UGZj-_OLGMg/S_05uLkConI/AAAAAAAAADM/PZg0WibrYBQ/s400/Finalized.png" border="0" /></a><br /><br />This is my 2nd mockup, big change from my other, reasons are because of different client needs, I am more happy with this decision though and so is my Client. The Design has changed drastically from the original earlier mockups, the Client requested a darker look and to match some websites they had given me, eg:<br /><br /><a href="http://www.kittyhorton.com.au/">www.kittyhorton.com.au</a>Anonymoushttp://www.blogger.com/profile/13008970561442162768noreply@blogger.com0tag:blogger.com,1999:blog-5253206761222107044.post-45792235476072238092010-05-10T18:32:00.001-07:002010-05-10T18:33:57.272-07:00Client Website Current<a href="http://1.bp.blogspot.com/_UGZj-_OLGMg/S-iz766D7kI/AAAAAAAAADE/UKmU3Bn8eZM/s1600/mockups.png"><img id="BLOGGER_PHOTO_ID_5469819589447904834" style="WIDTH: 400px; CURSOR: hand; HEIGHT: 283px" alt="" src="http://1.bp.blogspot.com/_UGZj-_OLGMg/S-iz766D7kI/AAAAAAAAADE/UKmU3Bn8eZM/s400/mockups.png" border="0" /></a><br /><div>Current Design for my Client, still in mockup form to confirm layout before putting into dreamweaver.</div>Anonymoushttp://www.blogger.com/profile/13008970561442162768noreply@blogger.com0tag:blogger.com,1999:blog-5253206761222107044.post-73799917975867825012010-05-10T18:23:00.000-07:002010-05-10T18:24:14.128-07:00Basekit competition Interface<a href="http://1.bp.blogspot.com/_UGZj-_OLGMg/S-ixuMd6KmI/AAAAAAAAAC8/B4OpDaD0AYk/s1600/interfacebaseKit.jpg"><img id="BLOGGER_PHOTO_ID_5469817154620238434" style="WIDTH: 400px; CURSOR: hand; HEIGHT: 320px" alt="" src="http://1.bp.blogspot.com/_UGZj-_OLGMg/S-ixuMd6KmI/AAAAAAAAAC8/B4OpDaD0AYk/s400/interfacebaseKit.jpg" border="0" /></a><br /><div></div>Anonymoushttp://www.blogger.com/profile/13008970561442162768noreply@blogger.com0tag:blogger.com,1999:blog-5253206761222107044.post-15490326084790728902010-04-19T23:38:00.000-07:002010-04-19T23:40:01.099-07:00proposal mockup<a href="http://2.bp.blogspot.com/_UGZj-_OLGMg/S81MB8KjrKI/AAAAAAAAACs/4UGYXyEreTE/s1600/websiteproposalmockup2.png"><img id="BLOGGER_PHOTO_ID_5462105519284268194" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 283px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_UGZj-_OLGMg/S81MB8KjrKI/AAAAAAAAACs/4UGYXyEreTE/s400/websiteproposalmockup2.png" border="0" /></a> Quite happy with this as a frontpage cause the design is still relevant to my buisness, open for comments and criticism though!<br /><div></div>Anonymoushttp://www.blogger.com/profile/13008970561442162768noreply@blogger.com0tag:blogger.com,1999:blog-5253206761222107044.post-43508476133586884172010-04-12T16:35:00.000-07:002010-04-12T16:56:37.167-07:00Dreamweaver Template Questions<strong><span style="font-size:130%;">Stephen Brumwell 7400433704 - Template Questions</span></strong><br /><br /><br />1. What is a Dreamweaver Template?<br /><br />A Dreamweaver template is a file that is used over a range of pages to create a "fixed" page layout. Specific Regions are allocated to allow these parts to be edited and change over all the webpages that are using such template.<br /><br />2. What are the advantages of using templates?<br /><br />Using templates makes it easier to change certain parts on a page that needs to be the same on all other pages, simply changing the template updates all the pages using the template.<br /><br />3. What is a 'editable region'? How to set it up?<br /><br />An Editable Region allows a field on the page to be edited in the template, which will change on the other webpages, anything else is fixed and not editable.<br /><br />the Editable Region is in the dropdown Insert -> Templates > Editable Region.<br /><br /><br />4. What is a 'Repeating region'? How to set it up?<br /><br />Repating Regions are used so that the user can add or delete copies of the region when need be. these repeating sections are editble and can be modified, yet the template is still in control.<br /><br />the Rpeating Region is in the dropdown Insert -> Templates > Repeating Region.<br /><br />5. What is a optional region?<br /><br />An Optional Region is kind of like a toggle Region, which can be text or image. They do not always appear in the page, the template user controls whether it is visible or not.Anonymoushttp://www.blogger.com/profile/13008970561442162768noreply@blogger.com0tag:blogger.com,1999:blog-5253206761222107044.post-47402061607498588952010-03-01T21:16:00.000-08:002010-03-01T22:16:47.805-08:00My Banner Storyboard<img id="BLOGGER_PHOTO_ID_5443916344000782498" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 337px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_UGZj-_OLGMg/S4ytEl8cIKI/AAAAAAAAACk/UBsaQVeVs-c/s400/storyboardbanner.jpg" border="0" /><br /><div><div><div><div>So this is my storyboard for my foxtel banner, wanted to keep it simple layout and simple animation, might be a little cluttered though.<br /></div><br /><br /><br /><br /><div></div></div></div></div>Anonymoushttp://www.blogger.com/profile/13008970561442162768noreply@blogger.com0tag:blogger.com,1999:blog-5253206761222107044.post-13688837161432956332010-03-01T21:05:00.001-08:002010-03-01T21:15:52.006-08:00A few great flash tutorial sites‼Flashkit is a big one to obviously note.<br /><a href="http://www.flashkit.com/">www.flashkit.com</a><br /><br />This one has a few handy tutorials, and some basic ones aswell if you ever get stuck on that one simple thing.<br /><a href="http://www.flashperfection.com/">http://www.flashperfection.com/</a><br /><br />This one has alot too, and alot more specifically directed to cs4.<br /><a href="http://www.kirupa.com/">http://www.kirupa.com/</a>Anonymoushttp://www.blogger.com/profile/13008970561442162768noreply@blogger.com0tag:blogger.com,1999:blog-5253206761222107044.post-55370071554392308902010-03-01T20:45:00.000-08:002010-03-01T21:04:40.183-08:00So what is EM?So your wondering what EM is, well firstly to sum it to a basic form its a type of CSS sizing for text. In a more detailed explaination EM is a type of sizing for text that is measured using the size of M in the parentfont size, for example if a page body was set to font-size: large, 1 em would be equal to that size.<br /><br />EM is mainly used to cross between browsers, it has better compatibility for when size is changed in a new browser the text size scales. For example if one site is set to default font-size small and one set to large, the EM will scale to this.Anonymoushttp://www.blogger.com/profile/13008970561442162768noreply@blogger.com0tag:blogger.com,1999:blog-5253206761222107044.post-30021144385504767062010-02-15T20:18:00.000-08:002010-02-15T20:19:05.829-08:00Design Competitions<a href="http://www.graphiccompetitions.com/">http://www.graphiccompetitions.com/</a>Anonymoushttp://www.blogger.com/profile/13008970561442162768noreply@blogger.com0tag:blogger.com,1999:blog-5253206761222107044.post-37424274860174203962010-02-15T16:17:00.000-08:002010-02-24T00:50:38.564-08:00Current Logo Design<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_UGZj-_OLGMg/S4TmIAV_leI/AAAAAAAAAB8/2PQqJEQAPog/s1600-h/finalizedlogoandbizcard.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 304px; height: 400px;" src="http://2.bp.blogspot.com/_UGZj-_OLGMg/S4TmIAV_leI/AAAAAAAAAB8/2PQqJEQAPog/s400/finalizedlogoandbizcard.jpg" alt="" id="BLOGGER_PHOTO_ID_5441727274975991266" border="0" /></a><br />Made adjustments, from suggestions from many people, I still wanted to keep the darker grayscale like colour scheme though.<br /><br />ALSO, my flash version one is on <a href="http://www.sjbcreative.com">sjbcreative.com</a>, added info below the logo aswell :)<br /><div></div>Anonymoushttp://www.blogger.com/profile/13008970561442162768noreply@blogger.com2tag:blogger.com,1999:blog-5253206761222107044.post-42549032299709719942010-02-11T05:25:00.000-08:002010-02-11T06:31:00.673-08:00A Few Cool Websiteshttp://www.mono-1.com/monoface/main.html<br />very interactive and fun<br /><br />http://okaydave.com/<br />This is a flash website of a persons Portfolio, I found it to be quite fantastic and that hes actually recorded video logs of some of his work.<br /><br />http://www.sectionseven.com/<br />another portfolio that blew me away.<br /><br />http://moodstream.gettyimages.com/<br /><br />http://www.syfy.com/tinman/oz/<br />Wow.Anonymoushttp://www.blogger.com/profile/13008970561442162768noreply@blogger.com1tag:blogger.com,1999:blog-5253206761222107044.post-44593690697095102802010-02-08T18:22:00.000-08:002010-02-08T18:42:34.858-08:00Websites that Suck<a href="http://www.websitesthatsuck.com/">www.websitesthatsuck.com</a><br /><br />Chosen list of a few website from this website that I think are designed horribly.<br /><br /><a href="http://www.lingscars.com/">http://www.lingscars.com/</a><br /><br />Firstly, it has too much cluttered information, very confusing. Alot of blinking, flashing distracting objects that are quite utterly useless. Website takes too long to load and the Navigation is so confusing that it will most likely direct the viewer away on opening the site. The overall experience of the site is overwhelming.<br /><br /><a href="http://www.photographertoronto.com/">http://www.photographertoronto.com/</a>#<br /><br />The website took ages to load, mainly the background, which is also tiled and looks visibly unattractive. The Navigation is confusing, the colour does not work with the background either. Some of the text is unreadable because of bad choice of color and text-size. Too much content on the one page, not organized into an easily accessible navigation of multiple pages.Anonymoushttp://www.blogger.com/profile/13008970561442162768noreply@blogger.com0tag:blogger.com,1999:blog-5253206761222107044.post-26480847541033799002010-02-01T22:49:00.000-08:002010-02-01T22:56:29.815-08:00Web Design Criteria1. Content<br /> Content is the information provided on the site. It is not just text, but music, sound, animation, or video -- anything that communicates a sites body of knowledge<br />2. Navigation<br /> Structure and navigation refers to the framework of a site, the organization of content, the prioritization of information, and the method in which you move through the site.<br />3. Visual Design<br /> Visual design is the appearance of the site. It's more than just a pretty homepage and it doesn't have to be cutting edge or trendy.<br />4. Functionality<br /> Functionality is the use of technology on the site. Good functionality means the site works well. It loads quickly, has live links, and any new technology used is functional and relevant for the intended audience. The site should work cross-platform and be browser independent.<br />5. Interactivity<br /> Interactivity is the way that a site allows you to do something. Good interactivity is more than a rollover or choosing what to click on next; it allows you, as a user, to give and receive. It insists that you participate, not spectate.<br />6. Overall Experience<br /> Demonstrating that sites are frequently more -- or less than the sum of their parts, the overall experience encompasses content, structure and navigation, visual design, functionality, and interactivity, but it also includes the intangibles that make one stay or leave.Anonymoushttp://www.blogger.com/profile/13008970561442162768noreply@blogger.com0tag:blogger.com,1999:blog-5253206761222107044.post-30612765705055409322010-02-01T22:10:00.000-08:002010-02-01T22:49:02.904-08:00First Mock Up Website<a href="http://3.bp.blogspot.com/_UGZj-_OLGMg/S2fKTwaKEvI/AAAAAAAAAAM/v6YgJBN-IfI/s1600-h/website_mockup.png"><img id="BLOGGER_PHOTO_ID_5433533916206732018" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 400px; CURSOR: hand; HEIGHT: 320px" alt="" src="http://3.bp.blogspot.com/_UGZj-_OLGMg/S2fKTwaKEvI/AAAAAAAAAAM/v6YgJBN-IfI/s400/website_mockup.png" border="0" /></a><br /><div></div>Anonymoushttp://www.blogger.com/profile/13008970561442162768noreply@blogger.com0