<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>i-tees &#187; environmental blogs</title>
	<atom:link href="http://i-tees.com/tag/environmental-blogs/feed/" rel="self" type="application/rss+xml" />
	<link>http://i-tees.com</link>
	<description>a green/art blog from Susan Newman Design Inc, brand identity, web designer, Jersey City, Hoboken, NYC</description>
	<lastBuildDate>Mon, 30 Apr 2012 18:24:58 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Websites, Custom Blogs, Administrations and OS Commerce</title>
		<link>http://i-tees.com/2009/10/websites-custom-blogs-administrations-and-os-commerce/</link>
		<comments>http://i-tees.com/2009/10/websites-custom-blogs-administrations-and-os-commerce/#comments</comments>
		<pubDate>Fri, 30 Oct 2009 16:16:32 +0000</pubDate>
		<dc:creator>itees</dc:creator>
				<category><![CDATA[computer technology]]></category>
		<category><![CDATA[Customized websites and blogs]]></category>
		<category><![CDATA[environmental blogs]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[graphic designers]]></category>
		<category><![CDATA[green bloggers]]></category>
		<category><![CDATA[administration applications]]></category>
		<category><![CDATA[blog theme design]]></category>
		<category><![CDATA[concrete5]]></category>
		<category><![CDATA[custom designed blogs]]></category>
		<category><![CDATA[custom websites]]></category>
		<category><![CDATA[custom wordpress design]]></category>
		<category><![CDATA[graphic design and websites]]></category>
		<category><![CDATA[graphic websites]]></category>
		<category><![CDATA[green blogs]]></category>
		<category><![CDATA[OS Commerce]]></category>
		<category><![CDATA[sunfox systems]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://i-tees.com/?p=384</guid>
		<description><![CDATA[When clients approach me to design a website or blog, first we discuss what type of company they are and what is the purpose of this new website. Is it just informational, so when people are searching on Google or &#8230; <a href="http://i-tees.com/2009/10/websites-custom-blogs-administrations-and-os-commerce/">Continue reading <span class="meta-nav">&#8594;</span></a><div align="right"><div class="sharexyWidgetNoindexUniqueClassName"><div id="shr_92768873"></div></div></div>]]></description>
			<content:encoded><![CDATA[<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">When clients approach me to design a website or blog, first we discuss what type of company they are and what is the purpose of this new website. Is it just informational, so when people are searching on Google or Yahoo, they&#8217;ll come up, or are they selling a product. Do they want me to maintain the site for them, monthly, or do they need an administration area, having the ability to add content themselves? Are they an artist or photographer and want to protect their work from being downloaded and used?</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Below I have listed some details to consider and a few resources:</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Assembling what you&#8217;ll need. If your company has a logo and print marketing materials, such as business cards, postcards and a brochure, this will be helpful to see. These can be either mailed or pdf files can be sent through email. The reason for seeing these items is because it gives me an understanding of your tastes, color palette preferences, even typeface choices. Next you should be looking at your competition&#8217;s websites. Seeing what&#8217;s out there is always helpful in knowing if you&#8217;ve covered all the topics you&#8217;ll need, as well as seeing how they&#8217;ve chosen to design their sites. Lastly, make a list of the sites you&#8217;ve come across and like. If you can provide a few sample sites, even if in a completely different industry, I start to see common themes, colors, styles and I have a clear idea of how to design something that will be right on target for you alone.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">_____________________________________________</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Understanding what Hosting and Domain names are. Okay, so you need a website to promote yourself or your company. So many people just do not understand what hosting and having a domain name mean. Let&#8217;s use me as an example, my name is Susan Newman, so I want someone to type into Google my name and my website will come up. So my domain name might be SusanNewman(dot)com. Now of course that was taken when I first wanted a website, so I settled for SusanNewmanDesign(dot)com. Since then I have registered many names, like this site&#8217;s name, WebDesignNJNY(dot)com. Now, once you have a name you&#8217;ll need a host, so the name becomes active. (Picture buying a cell phone, it looks great, but until you pay someone to turn it on, it won&#8217;t work.) So, always remember, you need both a name for your site and someplace to park it.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">_____________________________________________</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Creating a custom designed website, manually. When I begin designs for a website, I usually design using Photoshop. I create layered files at higher resolution so the designs look good when I bring the resolution down for building the website. Once we have the approved layouts, we create template sample pages which will have a &#8220;header&#8221; area, &#8220;footer&#8221; area, &#8220;navigation&#8221; area (if it&#8217;s not in the header) and main body of the page. The language of the template can vary depending on what a client requires, html, asp, php, cfm, but most people prefer php or html. From the sample body template I would create each individual page of your website. This means that each time a page is to edited, it must be opened in a software program like &#8220;Dreamweaver,&#8221; edited, and uploaded manually to your hosted space.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Green Press Initiative is committed to advancing sustainable patterns of production and consumption within the U.S. book and newspaper industries and within the paper industry at large. GPI also advances policy innovations related to paper and climate change and recycling and incubates pioneering new strategies for market transformation.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">_____________________________________________</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Creating a custom designed website with a custom installed administration. After the designs are approved, I supply my programming team with my Photoshop layouts. They build the templates like we discussed above, but they also build a backend administration. The administration is an area you log into through a browser like Internet Explorer, Firefox or Safari. Once in this area, it gives you a simple way of selecting the page you&#8217;d like to update, and has a content tool bar much like Microsoft Word does, for highlighting text with &#8220;bold&#8221; or &#8220;italic&#8221; and icons for adding a link, etc&#8230; Once you save the changes, it is automatically updated live on the website. There is only one template (or multiple page templates to choose from, depending on the site&#8217;s design; maybe the homepage and interior pages are different designs) that loads all the different page&#8217;s content. The only place there are individual pages is in that administration. Some examples of administrations we&#8217;ve used are: Concrete5, and Sunfox Systems.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">_____________________________________________</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Adding E-commerce to your custom designed site. Following some of the above steps, now we build an e-commerce area using something like, OS Commerce. Just like logging into your administration for your website&#8217;s pages, you can also log in to your product area. Here you would have the ability to add, edit or delete a product photo, manage the description, pricing, sizing, colors, coupons, sale items, and more.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">_____________________________________________</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Creating a custom designed blog using free content management systems like WordPress. Now let&#8217;s say you&#8217;re a start-up company or individual and just can&#8217;t afford all the bells and whistles for a site like I&#8217;ve described above, and you still want to be the adminstrator and update the site yourself. I highly recommend creating a custom blog. We can use something like &#8220;WordPress&#8221; and it can be installed right in your hosted space. It works just like having a blog on the blog&#8217;s hosted space, except it&#8217;s loaded into your own hosted space. For example: using myself again, I&#8217;d rather not have a site who&#8217;s address is SusanNewman.wordpress(dot)com. So I just load the already built application right onto my host and when someone opens SusanNewman(dot)com, it&#8217;s there. Now, if you want a custom design, which I recommend, rather than choosing a template, we follow the principles mentioned before in installing the new design and making it work with &#8220;WordPress.&#8221; This works very well and I have created quite a few already for playwrights, theatre companies, environmental and green companies.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">_____________________________________________</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">When or why to use Flash animation. We see Flash animation all over the place. When I first started designing websites, everybody wanted Flash. Moving concepts, imagery, advertisements, banners, buttons and more. Now mostly I hear, I don&#8217;t want any. Flash definitely has it&#8217;s advantanges, if used properly. Many artists and photographers use Flash so all their imagery is contained in a movie file and makes downloading an individual photo, harder. Sometimes Flash is the answer when you have a limited space in which to display more than one message and this gives the option of frames within the same space, for multiple thoughts. To just explain what Flash is and can be used for: Flash is a software program that let&#8217;s us create movie files. Within these movie files you can ad text, imagery, graphics, music or sounds, and live action film importing Quicktime. Flash can be a great format to use so that both Mac and PC viewers can see it, unlike Window Media Player that cannot be seen on the Mac.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">_____________________________________________</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Combinations of HTML, PHP and/or Flash animation. Depending on what your site needs all types of languages can be used on the same website. You can have Flash on your opeing page, an administration to control your content, with the site being in php. You can add other pages if you want that are html by uploading them manually. Most combinations are possible and each site that comes along is different, needing whatever it takes to be right for that website to work. What&#8217;s most important is to know what&#8217;s right for you and we customize it for your needs.</div>
<p>When clients approach me to design a website or blog, first we discuss what type of company they are and what is the purpose of this new website. Is it just informational, so when people are searching on Google or Yahoo, they&#8217;ll come up, or are they selling a product? Do they want me to maintain the site for them, monthly, or do they need an administration area, having the ability to add content themselves? Are they an artist or photographer and want to protect their work from being downloaded and used?</p>
<p><strong>Below I have listed some details to consider and a few resources: </strong></p>
<p><strong>Assembling what you&#8217;ll need. </strong>If your company has a logo and print marketing materials, such as business cards, postcards and a brochure, this will be helpful to see. These can be either mailed or pdf files can be sent through email. The reason for seeing these items is because it gives me an understanding of your tastes, color palette preferences, even typeface choices. Next you should be looking at your competition&#8217;s websites. Seeing what&#8217;s out there is always helpful in knowing if you&#8217;ve covered all the topics you&#8217;ll need, as well as seeing how they&#8217;ve chosen to design their sites. Lastly, make a list of the sites you&#8217;ve come across and like. If you can provide a few sample sites, even if in a completely different industry, I start to see common themes, colors, styles and I have a clear idea of how to design something that will be right on target for you alone.</p>
<p><span style="color: #99cc00;">_____________________________________________</span></p>
<p><strong>U</strong><strong>nderstanding what Hosting and Domain names are.</strong> Okay, so you need a website to promote yourself or your company. So many people just do not understand what hosting and having a domain name mean. Let&#8217;s use me as an example, my name is Susan Newman, so I want someone to type into Google my name and my website will come up. So my domain name might be SusanNewman(dot)com. Now of course that was taken when I first wanted a website, so I settled for SusanNewmanDesign(dot)com. Since then I have registered many names, like this site&#8217;s name, WebDesignNJNY(dot)com. Now, once you have a name you&#8217;ll need a host, so the name becomes active. (Picture buying a cell phone, it looks great, but until you pay someone to turn it on, it won&#8217;t work.) So, always remember, you need both a name for your site and someplace to park it.</p>
<p><span style="color: #99cc00;">_____________________________________________</span></p>
<p><strong>Creating a custom designed website, manually.</strong> When I begin designs for a website, I usually design using Photoshop. I create layered files at higher resolution so the designs look good when I bring the resolution down for building the website. Once we have the approved layouts, we create template sample pages which will have a &#8220;header&#8221; area, &#8220;footer&#8221; area, &#8220;navigation&#8221; area (if it&#8217;s not in the header) and main body of the page. The language of the template can vary depending on what a client requires, html, asp, php, cfm, but most people prefer php or html. From the sample body template I would create each individual page of your website. This means that each time a page is to edited, it must be opened in a software program like &#8220;Dreamweaver,&#8221; edited, and uploaded manually to your hosted space.</p>
<p><span style="color: #99cc00;">_____________________________________________</span></p>
<p><strong>Creating a custom designed website with a custom installed administration. </strong>After the designs are approved, I supply my programming team with my Photoshop layouts. They build the templates like we discussed above, but they also build a backend administration. The administration is an area you log into through a browser like Internet Explorer, Firefox or Safari. Once in this area, it gives you a simple way of selecting the page you&#8217;d like to update, and has a content tool bar much like Microsoft Word does, for highlighting text with &#8220;bold&#8221; or &#8220;italic&#8221; and icons for adding a link, etc&#8230; Once you save the changes, it is automatically updated live on the website. There is only one template (or multiple page templates to choose from, depending on the site&#8217;s design; maybe the homepage and interior pages are different designs) that loads all the different page&#8217;s content. The only place there are individual pages is in that administration. Some examples of administrations we&#8217;ve used are: <strong><a href="http://www.concrete5.org/" target="_blank">Concrete5</a></strong>, and <strong><a href="http://www.sunfox.net/" target="_blank">Sunfox Systems</a></strong>.</p>
<p><span style="color: #99cc00;">_____________________________________________</span></p>
<p><strong>Adding E-commerce to your custom designed site.</strong> Following some of the above steps, now we build an e-commerce area using something like, <strong><a href="http://www.oscommerce.com/" target="_blank">OS Commerce</a></strong>. Just like logging into your administration for your website&#8217;s pages, you can also log in to your product area. Here you would have the ability to add, edit or delete a product photo, manage the description, pricing, sizing, colors, coupons, sale items, and more.</p>
<p><span style="color: #99cc00;">_____________________________________________</span></p>
<p><strong>Creating a custom designed blog using free content management systems like WordPress. </strong>Now let&#8217;s say you&#8217;re a start-up company or individual and just can&#8217;t afford all the bells and whistles for a site like I&#8217;ve described above, and you still want to be the adminstrator and update the site yourself. I highly recommend creating a custom blog. We can use something like &#8220;<strong><a href="http://wordpress.com/" target="_blank">WordPress</a></strong>&#8221; and it can be installed right in your hosted space. It works just like having a blog on the blog&#8217;s hosted space, except it&#8217;s loaded into your own hosted space. For example: using myself again, I&#8217;d rather not have a site who&#8217;s address is SusanNewman.wordpress(dot)com. So I just load the already built application right onto my host and when someone opens SusanNewman(dot)com, it&#8217;s there. Now, if you want a custom design, which I recommend, rather than choosing a template, we follow the principles mentioned before in installing the new design and making it work with &#8220;WordPress.&#8221; This works very well and I have created quite a few already for playwrights, theatre companies, environmental and green companies.</p>
<p><span style="color: #99cc00;">_____________________________________________</span></p>
<p><strong>When or why to use Flash animation.</strong> We see Flash animation all over the place. When I first started designing websites, everybody wanted Flash. Moving concepts, imagery, advertisements, banners, buttons and more. Now mostly I hear, I don&#8217;t want any. Flash definitely has it&#8217;s advantanges, if used properly. Many artists and photographers use Flash so all their imagery is contained in a movie file and makes downloading an individual photo, harder. Sometimes Flash is the answer when you have a limited space in which to display more than one message and this gives the option of frames within the same space, for multiple thoughts. To just explain what Flash is and can be used for: Flash is a software program that let&#8217;s us create movie files. Within these movie files you can ad text, imagery, graphics, music or sounds, and live action film importing Quicktime. Flash can be a great format to use so that both Mac and PC viewers can see it, unlike Window Media Player that cannot be seen on the Mac.</p>
<p><span style="color: #99cc00;">_____________________________________________</span></p>
<p><strong>Combinations of HTML, PHP and/or Flash animation.</strong> Depending on what your site needs various types of languages can be used on the same website. You can have Flash on your opening page, an administration to control your content, with the site being in php. You can add other pages if you want that are html by uploading them manually. Most combinations are possible and each site that comes along is different, needing whatever it takes to be right for that website to work. What&#8217;s most important is to know what&#8217;s right for you and we&#8217;ll customize it for your needs.</p>
<div align="right"><div class="sharexyWidgetNoindexUniqueClassName"><div id="shr_92768873"></div></div></div><div align="right"><div class="sharexyWidgetNoindexUniqueClassName"><div id="shr_92768873"></div></div></div>]]></content:encoded>
			<wfw:commentRss>http://i-tees.com/2009/10/websites-custom-blogs-administrations-and-os-commerce/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

