<body>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>
YOUDS Media Dynamic Web Design Solutions</title>
<script src="/sifr/sifr.js" type="text/javascript"></script>
<script src="/sifr/sifr-addons.js" type="text/javascript"></script>
<link rel="stylesheet" href="/sifr/sIFR-screen.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/sifr/sIFR-print.css" type="text/css" media="print" />
<link href="uds.css" rel="stylesheet" type="text/css" />
<meta name="keywords" content="youds, uds, web site design, website development, marketing literature, online marketing, business cards, ecommerce, shopping cart, content management systems, web and design studio, clitheroe, lancashire" />
<meta name="description" content="YOUDS Media offer dynamic solutions that enable the owner to control the site and the user to interact with the site. An integral part of any web site is control and input and by using the latest technologies, such as Web 2.0 and AJAX, this becomes possible." />
<link rel="shortcut icon" href="icon.ico" />
<script type="text/javascript" language="javascript" src="includes/crap_dreamweaver_code.js"></script>
<script language="javascript" type="text/javascript" src="/javascript/validation.js"></script>
<script src="/Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
function googleMapsShow() {
oMap = document.getElementById('map');
if (oMap.src == 'about:blank') oMap.src = 'http://maps.google.co.uk/maps?f=l&hl=en&geocode=&time=&date=&ttype=&q=UDS+Web+and+Design+Studio&near=&sll=53.912832,-2.377167&sspn=0.103133,0.31929&ie=UTF8&om=1&cid=53870685,-2392197,5559728125118429588&s=AARTsJqz_H7KA1Q2rB73i_NJXmetF_klJQ&ll=53.900495,-2.37545&spn=0.070799,0.145912&z=12&iwloc=A&output=embed';
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body style="width:94%;margin-left:1%;" onload="MM_preloadImages('web/images/buttons/identity_active.gif','images/buttons/options_active.gif','images/buttons/services_active.gif','images/buttons/hosting_active.gif','images/buttons/quotation_active.gif','images/buttons/portfolio_active.gif','images/buttons/net_adver_active.gif','images/buttons/direct_mailing_active.gif','images/buttons/documentation_active.gif','images/buttons/stationary_active.gif','images/buttons/design_portfolio_active.gif','portfolio/gcnc_bg_side_two.jpg','portfolio/south_inside.jpg')">
<div style="padding:10px 0px;">
<table width="100%" border="0" align="center" cellpadding="2" cellspacing="3">
<tr>
<td valign="top">Quick Links: <a href="http://webmail.youds.com" target="_blank">Web Mail Login </a><a href="http://webmail.userdefined.co.uk" target="_blank"><img src="images/icons/arrows/white/leave.gif" alt="Opens in a new window..." width="9" height="9" border="0" /></a> <a target="_parent" href="company_ethos.php">Company Ethos <img src="images/icons/arrows/white/portfolio.gif" alt="Introduction to UDS.." width="9" height="9" border="0" /></a><br />
<br />
<br />
</td>
<td valign="top"><div align="right">You are here: YOUDS Media Home Page</div>
</td>
</tr>
<tr>
<td colspan="2"><div style="width:960px;text-align:center;margin:auto;"><table width="950" border="0" align="center" cellpadding="0" cellspacing="0" style="margin-right:10px;">
<tr>
<td colspan="3"><div style="position:relative;float:left;"></div>
<img src="images/youds/webdesign_top.jpg" alt="UDS Web Design & PHP Coding & Hosting & Optimisation & Maintenance & Email Stationary" width="950" height="65" /></td>
</tr>
<tr>
<td width="25"> </td>
<td width="915" class="blue_back_drop"><table width="99%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><div align="center"><a target="_parent" href="/web/index.php?target=options" onclick="MM_nbGroup('down','group1','options','images/buttons/options_active.gif',1)" onmouseover="MM_nbGroup('over','options','images/buttons/options_active.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/options.gif" alt="Options available to customers" name="options" width="96" height="37" border="0" id="options" /></a></div></td>
<td valign="top"><div align="center"><a target="_parent" href="/web/index.php?target=services" onclick="MM_nbGroup('down','group1','services','images/buttons/services_active.gif',1)" onmouseover="MM_nbGroup('over','services','images/buttons/services_active.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/services.gif" alt="Web Design services offered to customers" name="services" width="96" height="37" border="0" id="services" /></a></div></td>
<td valign="top"><div align="center"><a target="_parent" href="/web/index.php?target=hosting" onclick="MM_nbGroup('down','group1','hosting','images/buttons/hosting_active.gif',1)" onmouseover="MM_nbGroup('over','hosting','images/buttons/hosting_active.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/hosting.gif" alt="Super-fast UK Based Hosting - Low ping times and fast servers" name="hosting" width="96" height="37" border="0" id="hosting" /></a></div></td>
<td valign="top"><div align="center"><a target="_parent" href="/web/index.php?target=quotation" onclick="MM_nbGroup('down','group1','quotation','images/buttons/quotation_active.gif',1)" onmouseover="MM_nbGroup('over','quotation','images/buttons/quotation_active.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/quotation.gif" alt="Fill in this quotation system or request a Word version via email" name="quotation" width="96" height="37" border="0" id="quotation" /></a></div></td>
<td valign="top"><div align="center"><a target="_parent" href="/portfolio_web.php" onclick="MM_nbGroup('down','group1','portfolio_other','images/buttons/portfolio_active.gif',1)" onmouseover="MM_nbGroup('over','portfolio_other','images/buttons/portfolio_active.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/portfolio.gif" alt="Web Design Portfolio of work completed since 2005" name="portfolio_other" width="90" height="37" border="0" id="portfolio" /></a></div></td>
</tr>
</table></td>
<td width="10"> </td>
</tr>
<tr>
<td height="187"> </td>
<td valign="top" style="padding:0 17px;text-align:left;background:#f9f9f9 url(images/top_blue_corner_left.gif) no-repeat top;border-style:solid;border-color:#b2bcc3;border-width:0 1px;"><table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><table width="100%" border="0" cellpadding="10" cellspacing="0">
<tr>
<td colspan="2" style="padding:0;margin:0;"><div style="position:relative;height:36px;line-height:32px;">
<h1 align="center" style="position:absolute;top:27px;font-size:16px;letter-spacing:1.2px;width:100%;height:28px;color:#222;float:left;"> YOUDS - Web Development & Marketing </h1>
<div align="right" class="line_height" style="letter-spacing:1.1px;position:absolute;top:14px;right:-16px;width:200px;height:25px;font-size:11px;color:#bbb;line-height:19px;">e: <strong>
<script type="text/javascript"> document.write('<a target="_parent" href="mailto:studio');document.write('@');document.write('youds.com" style="color:#bbb;letter-spacing:1.2px;">');</script>
<script type="text/javascript"> document.write('studio');document.write('@');document.write('youds.com</a>');</script>
<br />
</strong>t:<strong> <strong>0845 686 5569</strong></strong></div>
</div></td>
</tr>
<tr>
<td colspan="2" valign="top" style="padding:10x 0px 13px 0px;"><div align="center" style="position:relative;font-size:11px;top:24px;">Independent web design and marketing solutions from YOUDS Media of Clitheroe </div></td>
</tr>
<tr>
<td colspan="2" valign="top" style="padding-left:14px;" height="23"></td>
</tr>
<tr>
<td width="40%" valign="top" style="padding-left:14px;padding-top:14px;"><img src="images/icons/tick.gif" alt="Web Design from YOUDS " width="45" height="45" /> <a target="_parent" href="/websites_business.php"><img src="images/home/business.gif" alt="Business Grade Web Site" width="266" height="45" border="0" /></a><br />
<br />
<img src="images/icons/tick.gif" alt="Web Design from YOUDS " width="45" height="45" /> <a target="_parent" href="websites_ecommerce.php"><img src="images/home/ecommerce.gif" alt="Next generation eCommerce solutions" width="266" height="45" border="0" /></a><br />
<br />
<img src="images/icons/tick.gif" alt="Web Design from YOUDS " width="45" height="45" /> <a target="_parent" href="/websites_starter.php"><img src="images/home/new_starter.gif" alt="Starter Packages - Start off on the right foot" width="266" height="45" border="0" /></a><br />
<br />
<img src="images/icons/tick.gif" alt="Web Design from YOUDS " width="45" height="45" /> <a target="_parent" href="/marketing/index.php?target=identity"><img src="images/home/logo_rebranding.gif" alt="Logo & Re-branding Services - A touch of class" width="266" height="45" border="0" /></a><br />
<br />
<img src="images/icons/tick.gif" alt="Web Design from YOUDS " width="45" height="45" /> <a target="_parent" href="/marketing/index.php?target=designing"><img src="images/home/marketing.gif" alt="Marketing services - Flyers to Catalogue Design" width="266" height="45" border="0" /></a> </td>
<td width="60%" valign="top" style="padding:13px 5px 0 0;"><ul style="padding:0 0 0 18px;margin:0 0 0 15px;line-height:35px;color:#444;list-style-type: circle;">
<li style="padding-top:2px;padding-bottom:3px;">
<div align="justify"><strong>FREE</strong> consultation service to determine exactly what it is <em>you</em> need. </div>
</li>
<li style="padding-bottom:3px;">
<div align="justify"><strong>FREE</strong> advice and guidance throughout the entire process.</div>
</li>
<li style="padding-bottom:3px;">
<div align="justify"><strong>NO CATCHES</strong> service; tell us what you want and you'll get it. </div>
</li>
<li style="padding-bottom:3px;">
<div align="justify"><strong>SPECIALIST</strong> services geared towards what your company needs. </div>
</li>
<li style="padding-bottom:3px;">
<div align="justify"><strong>TAILORED </strong> to your requirements with a method that actually works! </div>
</li>
<li>
<div align="justify"><strong>FLAWLESS </strong>content management systems or your money back! </div>
</li>
<li>
<div align="justify"><strong>FINANCE </strong> available on large projects, pay monthly for up to 36 months.</div>
</li>
<li style="padding-bottom:3px;">
<div align="justify"><strong>SURPRISINGLY</strong> affordable options - act fast it won't last long! </div>
</li>
</ul></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top" style="padding:0 0 12px 0;margin:0;"><div style="position:relative;height:160px;">
<div align="center" style="position:absolute; letter-spacing:1.2px; line-height:26px;width:698px; top:18px; left:8px; color:#222; float:left; height: 133px;">
<div align="left">YOUDS Media operates from a design studio in the picturesque town of Clitheroe, Lancashire. Working closely with customers all over the UK, YOUDS will work for you to provide the best solution for your needs until you're happy. No 3rd party software is used in any of our products so you can be sure that whatever your requirements are YOUDS can assist. Call 0845 686 5569 to arrange a free no obligation consultation anywhere in mainland England or Scotland. </div>
</div>
<div align="right" class="line_height" style="letter-spacing:normal;position:absolute;top:19px;right:9px;width:152px;height:25px;font-size:11px;color:#aaa"><img src="images/icons/map.gif" alt="YOUDS Media is based in Clitheroe, Lancashire" width="133" height="134" /></div>
<blockquote> </blockquote>
</div></td>
</tr>
<tr>
<td valign="top"><table width="100%" border="0" cellpadding="10" cellspacing="0">
<tr id="featured_about_youds_closed">
<td valign="middle"><table width="836" border="0" align="center" cellpadding="14" cellspacing="0" style="background-color:#f4f4f4;border:solid #ccc 1px;padding:0px 8px;">
<tr>
<td valign="top" class="designheader" style="font-size:16px;"><a href="#" onclick="document.getElementById('featured_about_youds_closed').style.display = 'none';document.getElementById('featured_about_youds_open').style.display = '';return false;">About the company</a> </td>
<td valign="top"><div class="input_text" align="right" >
<div align="right"><a href="#" onclick="document.getElementById('featured_about_youds_closed').style.display = 'none';document.getElementById('featured_about_youds_open').style.display = '';return false;"><strong>Show content [+]</strong></a> </div>
</div></td>
</tr>
</table> </td>
</tr>
<tr id="featured_about_youds_open">
<td height="42" valign="top"><table width="836" border="0" align="center" cellpadding="14" cellspacing="0" style="background-color:#f4f4f4;border:solid #ccc 1px;padding:0px 8px;">
<tr>
<td width="53%" valign="top" class="designheader" style="font-size:16px;"><span class="designheader" style="font-size:16px;"><a href="#" onclick="document.getElementById('featured_about_youds_closed').style.display = '';document.getElementById('featured_about_youds_open').style.display = 'none';return false;">About the company</a></span></td>
<td width="47%" valign="top"><div align="right" class="input_text">
<div align="right"><a href="#" onclick="document.getElementById('featured_about_youds_closed').style.display = '';document.getElementById('featured_about_youds_open').style.display = 'none';return false;"><strong>Hide content [-]</strong></a> </div>
</div></td>
</tr>
<tr>
<td height="112" colspan="2" valign="bottom" class="p_mainfont" style="padding-top:2px;"><p>YOUDS is a <strong>multi-talented web design and web development company</strong> that maximises the internet's potential by directly targeting search engines for maximum web site exposure. </p>
<table width="100%" border="0" align="center" cellpadding="3" cellspacing="0">
<tbody>
<tr>
<td valign="top"><p align="center"><a href="http://www.ferncourt.co.uk" target="_self"><img src="images/office/back_entrance.jpg" alt="Fern Court, Rear Entrance" width="240" height="180" border="0" style="border:solid #555 1px;" /></a></p>
<p align="center"><a href="http://www.ferncourt.co.uk" target="_self"><img src="images/office/front_door.jpg" alt="Fern Court, Front Entrance" width="240" height="180" border="0" style="border:solid #555 1px;" /></a></p>
<p align="center"><a href="http://www.ferncourt.co.uk" target="_self"><img src="images/office/office.jpg" alt="Fern Court, Web and Design Studio" width="240" height="180" border="0" style="border:solid #555 1px;" /></a></p></td>
<td colspan="2" valign="top" style="padding-left:15px;"><p align="left">The company formed in 2005 and for a long time operated from Link 59 Business Park and have since moved to a new web and design studio on <a href="http://www.ferncourt.co.uk/" target="_self">Fern Court <img src="images/icons/arrows/white/leave.gif" alt="External Web Site" width="9" height="9" border="0" /></a>. If you’re local, you may visit the studio between the hours of <strong>9 till 6 on weekdays </strong>and arranged visits can be made on<strong> Saturdays between 12 and 4</strong>. You’ll be pleased to know coffee and tea is free of charge and if you’re lucky biscuits may be available upon request!!</p>
<p align="left">YOUDS believes that by creating a working relationship between the customer and the client everyone will benefit. Possible external means of communication include <strong>conference calling</strong>, <strong>Skype </strong>and <strong>email</strong>. <a href="/company_ethos.php" target="_parent">Click to read about the Company Ethos <img src="images/icons/arrows/white/portfolio.gif" alt="Company Ethos" width="9" height="9" border="0" /></a><br />
<br />
All of the design, coding et al is created entirely in-house and contains no 3rd party products (with the exception of stock images). As such, YOUDS offers a full package of <strong>web design</strong>, <strong>graphic design</strong>, <strong>front-end development</strong>, <strong>back-end development</strong>, <strong>on-site search engine optimisation</strong>,<strong> </strong>and <strong>documentation design</strong>. These services are all completed by one man, Craig Fairhurst and <strong>data entry</strong> or <strong>direct mailing</strong> is often completed by local students. </p>
<p align="left">The fundamental objectives YOUDS will always adhere too can be summarised as:</p>
<ul type="disc" style="padding:0 0 0 15px;margin:0 0 0 15px;">
<li>Achieve an end product that your company is <strong>happy </strong>with</li>
<li>Give the reader an idea of what your company is about <strong>within 30 seconds of viewing</strong></li>
<li><strong>Clearly</strong> show what your company has to offer</li>
<li>Display any flagship products or services in <strong>prominent positions</strong></li>
<li>Offer an easy means of getting <strong>further information</strong> at the click of a button</li>
<li>Make <strong>several points of contact available</strong> to potential customers throughout</li>
<li>The layout <strong>must not be cluttered</strong> or contain useless or marginal information </li>
<li>Text should be <strong>inviting to read</strong> and <strong>easy to follow</strong></li>
</ul>
<p align="left">We’d love the opportunity to help you so please call 0845 686 5569 to arrange a free consultation! </p></td>
</tr>
</tbody>
</table></td>
</tr>
</table></td>
</tr>
<tr id="featured_directions_closed">
<td valign="middle"><table width="836" border="0" align="center" cellpadding="14" cellspacing="0" style="background-color:#f4f4f4;border:solid #ccc 1px;padding:0px 8px;">
<tr>
<td valign="top" class="designheader" style="font-size:16px;"><a href="#" onclick="document.getElementById('featured_directions_closed').style.display = 'none';document.getElementById('featured_directions_open').style.display = '';googleMapsShow();return false;">Get directions to the studio</a></td>
<td valign="top"><div class="input_text" align="right" >
<div align="right"><a href="#" onclick="document.getElementById('featured_directions_closed').style.display = 'none';document.getElementById('featured_directions_open').style.display = '';googleMapsShow();return false;"><strong>Show content [+]</strong></a> </div>
</div></td>
</tr>
</table></td>
</tr>
<tr id="featured_directions_open">
<td height="42" valign="top"><table width="836" border="0" align="center" cellpadding="14" cellspacing="0" style="background-color:#f4f4f4;border:solid #ccc 1px;padding:0px 8px;">
<tr>
<td width="44%" valign="top" class="designheader" style="font-size:16px;"><a href="#" onclick="document.getElementById('featured_directions_closed').style.display = '';document.getElementById('featured_directions_open').style.display = 'none';return false;"><span class="designheader" style="font-size:16px;">Get directions to the studio</span></a></td>
<td width="56%" colspan="2" valign="top"><div align="right" class="input_text">
<div align="right"><a href="#" onclick="document.getElementById('featured_directions_closed').style.display = '';document.getElementById('featured_directions_open').style.display = 'none';return false;"><strong>Hide content [-]</strong></a> </div>
</div></td>
</tr>
<tr>
<td height="112" colspan="3" style="padding-top:2px;"><iframe id="map" style="border:solid #555 1px;" width="780" height="420" frameborder="0" scrolling="No" marginheight="0" marginwidth="0" src="about:blank"></iframe>
<br />
<div style="font-size:10px;color:#555;padding:2px 30px;line-height:15px;">
<div align="center">Fern Court is located in the centre of Clitheroe on Moor Lane. The main entrance is located up the cobbled street between Café Caprice and Sue Ryder Charity Shop, opposite the United Reformed Church. Parking is available at the bottom of Moor Lane, opposite Sue's Chippy just before Sainsburys. </div>
</div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><table width="100%" border="0" cellpadding="10" cellspacing="0">
<tr>
<td valign="top" style="padding:19px 0 18px 0;"><div style="margin:auto;padding:8px;width:85%;">
<p class="contact_big">What's on offer? </p>
<table border="0" align="center" cellpadding="3" cellspacing="0" style="color:#333;">
<tr>
<td><span style="letter-spacing:none;font-size:11px;width:100%;margin:1px 0px 15px 0px;"><img src="images/icons/marketing.gif" alt="Full range of marketing services with web site marketing integration as standard." width="26" height="34" /></span></td>
<td> </td>
<td>Marketing concepts integrated into every aspect of all services and final products. </td>
</tr>
<tr>
<td><span style="letter-spacing:none;font-size:11px;width:100%;margin:1px 0px 15px 0px;"><img src="images/icons/3c_small.gif" alt="All web sites produced by YOUDS are W3C Accessible." width="26" height="34" /></span></td>
<td> </td>
<td>The structure of all web sites conforms to the W3C's accessibility guidelines.</td>
</tr>
<tr>
<td><span style="letter-spacing:none;font-size:11px;width:100%;margin:1px 0px 15px 0px;"><img src="images/icons/logo.gif" alt="Search engine optimisation comes as part of the package!" width="26" height="34" /></span></td>
<td> </td>
<td>Search Engine Optimisation consultation and specialist integration with proven results.</td>
</tr>
<tr>
<td><span style="letter-spacing:none;font-size:11px;width:100%;margin:1px 0px 15px 0px;"><img src="images/icons/soft.gif" alt="Web 2.0 / AJAX supported web sites are a pleasure to build!" width="26" height="34" /></span></td>
<td> </td>
<td>Expert solutions for the latest web technologies including Web 2.0 / AJAX.</td>
</tr>
<tr>
<td><span style="letter-spacing:none;font-size:11px;width:100%;margin:1px 0px 15px 0px;"><img src="images/icons/ecomm.gif" alt="All web sites are built with selling in mind and as such are always suitable for eCommerce integration!" width="26" height="34" /></span></td>
<td> </td>
<td><p>Next generation eCommerce service with 3D Secure support and custom payment module. </p></td>
</tr>
<tr>
<td><span style="letter-spacing:none;font-size:11px;width:100%;margin:1px 0px 15px 0px;"><img src="images/icons/cms.gif" alt="Content Management Systems for companies looking to provide up to date information to their viewing audience." width="26" height="34" /></span></td>
<td> </td>
<td>Content Management Systems with full SEO support and extremely flexible structure. </td>
</tr>
<tr>
<td><span style="letter-spacing:none;font-size:11px;width:100%;margin:1px 0px 15px 0px;"><img src="images/icons/domain.gif" alt="UK Based Hosting Services" width="26" height="34" /></span></td>
<td> </td>
<td>UK Based Hosting service, eCommerce service and 24 hour monitoring. </td>
</tr>
<tr>
<td><span style="letter-spacing:none;font-size:11px;width:100%;margin:1px 0px 15px 0px;"><span style="letter-spacing:none;font-size:11px;width:100%;margin-top:27px;margin-bottom:8px;"><img src="images/icons/new_starter.gif" alt="Packages suitable for new and small companies!" width="26" height="34" id="newstarter" /></span></span></td>
<td> </td>
<td>Web sites suitable for new companies with online price calculator.</td>
</tr>
<tr>
<td><span style="letter-spacing:none;font-size:11px;width:100%;margin:1px 0px 15px 0px;"><img src="images/icons/flash.gif" alt="Flash - if you want it!" width="26" height="34" /></span></td>
<td> </td>
<td>Customised Flash designs and integrated Flash Web Site content.</td>
</tr>
<tr>
<td><span style="letter-spacing:none;font-size:11px;width:100%;margin:1px 0px 15px 0px;"><img src="images/icons/bro.gif" alt="Web sites produced can be suitable for use as brochure sites!" width="26" height="34" /></span></td>
<td> </td>
<td>Both on paper and online company brochure web sites offering products and services.</td>
</tr>
</table>
</div></td>
</tr>
<tr id="featured_web_development_closed">
<td height="42" valign="top"><table width="836" border="0" align="center" cellpadding="14" cellspacing="0" style="background-color:#f4f4f4;border:solid #ccc 1px;padding:0px 8px;">
<tr>
<td valign="top" class="designheader" style="font-size:16px;"><a href="#" onclick="document.getElementById('featured_web_development_closed').style.display = 'none';document.getElementById('featured_web_development_open').style.display = '';return false;">Web Development</a> </td>
<td valign="top"><div class="input_text" align="right" >
<div align="right"><a href="#" onclick="document.getElementById('featured_web_development_closed').style.display = 'none';document.getElementById('featured_web_development_open').style.display = '';return false;"><strong>Show content [+]</strong></a> </div>
</div></td>
</tr>
</table></td>
</tr>
<tr id="featured_web_development_open">
<td height="42" valign="top"><table width="836" border="0" align="center" cellpadding="14" cellspacing="0" style="background-color:#f4f4f4;border:solid #ccc 1px;padding:0px 8px;">
<tr>
<td width="40%" valign="top" class="designheader" style="font-size:16px;"><span class="designheader" style="font-size:16px;"><a href="#" onclick="document.getElementById('featured_web_development_closed').style.display = '';document.getElementById('featured_web_development_open').style.display = 'none';return false;">Web Development</a> </span></td>
<td width="60%" valign="top"><div align="right" class="input_text">
<div align="right"><a href="#" onclick="document.getElementById('featured_web_development_closed').style.display = '';document.getElementById('featured_web_development_open').style.display = 'none';return false;"><strong>Hide content [-]</strong></a> </div>
</div></td>
</tr>
<tr>
<td height="28" colspan="2" valign="top" class="p_mainfont" style="padding-top:2px;">Web development can be broken down into two key areas. <strong>Front end development</strong>, the area of a web site the user see’s, and <strong>back-end development</strong>, which is what you will end up using to control what the users see on the front end.</td>
</tr>
<tr>
<td height="28" valign="middle" class="p_mainfont"><p align="center"><img src="images/youds/DARK_BG_RHEL_APACHE.jpg" alt="RedHat Enterprise Linux & Apache 2.0" width="245" height="40" /><br />
<br />
<br />
<img src="images/youds/DARK_BG_MYSQL_PHP.gif" alt="MySQL & PHP 4 / 5" width="306" height="65" /><br />
</p></td>
<td height="28" valign="bottom" class="p_mainfont"><p><strong>Front end development</strong> combines a number of skills and YOUDS commonly uses web-friendly graphics, either self generated or on occasion from Stock Imagery sources. The aim is to produce a <strong>clean, clear and user-friendly layout with plenty of features and interaction available</strong>. <a href="web_portfolio.php" target="_parent">Click to see the Web Portfolio <img src="images/icons/arrows/white/portfolio.gif" alt="Stay in this section of the site!" width="9" height="9" border="0" /></a><a href="web_portfolio.php" target="_parent"></a></p>
<p> <strong>Back end development</strong> generally requires a coffee machine and a lot of knowledge about a web-friendly server side language such as PHP. <strong>Specialist education is key</strong> here and in keeping with the <a href="/company_ethos.php" target="_parent">Company Ethos <img src="images/icons/arrows/white/portfolio.gif" alt="Company Ethos" width="9" height="9" border="0" /></a> no exceptions have been made. </p></td>
</tr>
<tr>
<td height="28" colspan="2" valign="bottom" class="p_mainfont"><p>The owner of the company, Craig Fairhurst, has <strong>taken several courses over a satellite link to the USA, Germany and Canada with the most prominent names and authors in the field</strong>. This invaluable experience was recorded so that any future employees of the company can be brought up to speed on just exactly how things should be done. </p></td>
</tr>
<tr id="lets_talk_dirty_closed">
<td colspan="2" valign="top" class="p_mainfont"><div class="input_text" align="right" >
<div align="right"><a href="#" onclick="document.getElementById('lets_talk_dirty_closed').style.display = 'none';document.getElementById('lets_talk_dirty_open').style.display = '';return false;"><strong>Let's talk dirty! [+]</strong></a> </div>
</div></td>
</tr>
<tr id="lets_talk_dirty_open">
<td height="56" colspan="2" valign="bottom" class="p_mainfont"><div>
<h4>Markup Languages</h4>
<ul style="margin:0 0 0 15px;padding: 0 0 0 15px;line-height:23px;">
<li><acronym title="HyperText Markup Language & Extensible HyperText Markup Language">HTML & XHTML</acronym>
<ul style="margin:0 0 0 15px;padding: 0 0 0 15px;line-height:23px;">
<li>Essential part of any web site! </li>
</ul>
</li>
<li><acronym title="Extensible Markup Language">XML</acronym>
<ul style="margin:0 0 0 15px;padding: 0 0 0 15px;line-height:23px;">
<li>Cross-platform data format used to transfer data between differing platforms.</li>
</ul>
</li>
<li>RSS & RSS 2.0
<ul style="margin:0 0 0 15px;padding: 0 0 0 15px;line-height:23px;">
<li>A form of XML mark-up adapted so that users can be easily kept up-to-date with changes to a web site.</li>
</ul>
</li>
</ul>
</div>
<div>
<h4>Stylesheet Languages</h4>
<ul style="margin:0 0 0 15px;padding: 0 0 0 15px;line-height:23px;">
<li><acronym title="Cascading Style Sheets">CSS</acronym>
<ul style="margin:0 0 0 15px;padding: 0 0 0 15px;line-height:23px;">
<li>Defines exactly how the web site appears and can be used in place of (all) HTML style attributes.</li>
</ul>
</li>
</ul>
</div>
<div>
<h4>Programming Languages</h4>
<ul style="margin:0 0 0 15px;padding: 0 0 0 15px;line-height:23px;">
<li>JavaScript
<ul style="margin:0 0 0 15px;padding: 0 0 0 15px;line-height:23px;">
<li>Allows changes to the page after it has loaded.</li>
</ul>
</li>
<li><acronym title="PHP: Hypertext Preprocessor 4 & 5">PHP 4 & PHP 5</acronym>
<ul style="margin:0 0 0 15px;padding: 0 0 0 15px;line-height:23px;">
<li> Server side language that can be embedded in HTML.</li>
</ul>
</li>
<li>Visual Basic
<ul style="margin:0 0 0 15px;padding: 0 0 0 15px;line-height:23px;">
<li>Used to interact with such programs as Sage Line 50™.</li>
</ul>
</li>
</ul>
</div>
<div>
<h4>Query Languages</h4>
<ul style="margin:0 0 0 15px;padding: 0 0 0 15px;line-height:23px;">
<li>MySQL
<ul style="margin:0 0 0 15px;padding: 0 0 0 15px;line-height:23px;">
<li>Pronounced "My-Sequel" and is a tabular form of data storage.</li>
</ul>
</li>
<li>PostgreSQL
<ul style="margin:0 0 0 15px;padding: 0 0 0 15px;line-height:23px;">
<li>An alternative to MySQL.</li>
</ul>
</li>
</ul>
</div>
<div>
<h4>Miscellaneous</h4>
<ul style="margin:0 0 0 15px;padding: 0 0 0 15px;line-height:23px;">
<li><acronym title="Asynchronous JavaScript and XML">AJAX</acronym>
<ul style="margin:0 0 0 15px;padding: 0 0 0 15px;line-height:23px;">
<li>Often used to update the page with information from the database after the page has loaded.</li>
</ul>
</li>
<li><acronym>extjs </acronym>
<ul style="margin:0 0 0 15px;padding: 0 0 0 15px;line-height:23px;">
<li>A popular JavaScript library.</li>
</ul>
</li>
<li><acronym>YUI Library </acronym>
<ul style="margin:0 0 0 15px;padding: 0 0 0 15px;line-height:23px;">
<li>A popular JavaScript library, predominantly used for drag drop facility on web pages. </li>
</ul>
</li>
<li>mod_rewrite
<ul style="margin:0 0 0 15px;padding: 0 0 0 15px;line-height:23px;">
<li> Used to make the URL's of a web page more appealing to search engines.</li>
</ul>
</li>
</ul>
</div>
<div>
<h4>Protocols</h4>
<ul style="margin:0 0 0 15px;padding: 0 0 0 15px;line-height:23px;">
<li><acronym title="Domain Name System">DNS</acronym>
<ul style="margin:0 0 0 15px;padding: 0 0 0 15px;line-height:23px;">
<li>Saves us all from having to remember IP addresses instead of domains.com! </li>
</ul>
</li>
<li><acronym title="File Transfer Protocol">FTP</acronym>
<ul style="margin:0 0 0 15px;padding: 0 0 0 15px;line-height:23px;">
<li>A popular method of transferring files between servers.</li>
</ul>
</li>
<li><acronym title="Post Office Protocol version 3">POP3</acronym>
<ul style="margin:0 0 0 15px;padding: 0 0 0 15px;line-height:23px;">
<li>An email format used to retrieve messages between people from anywhere in the world.</li>
</ul>
</li>
<li><acronym title="Simple Mail Transfer Protocol">SMTP</acronym>
<ul style="margin:0 0 0 15px;padding: 0 0 0 15px;line-height:23px;">
<li>As above except this sends the emails.</li>
</ul>
</li>
<li><acronym title="Simple Object Access Protocol">SOAP</acronym>
<ul style="margin:0 0 0 15px;padding: 0 0 0 15px;line-height:23px;">
<li>Used in PHP to allow Linux to talk to Windows.</li>
</ul>
</li>
<li><acronym title="Secure Shell">SSH</acronym>
<ul style="margin:0 0 0 15px;padding: 0 0 0 15px;line-height:23px;">
<li>A method of remotely connecting to a server.</li>
</ul>
</li>
<li><acronym title="TELetype NETwork">TELNET</acronym> </li>
<ul style="margin:0 0 0 15px;padding: 0 0 0 15px;line-height:23px;">
<li>A less advanced format of SSH.</li>
</ul>
<li><acronym title="Transport Layer Security & Secure Sockets Layer">TLS & SSL</acronym>
<ul style="margin:0 0 0 15px;padding: 0 0 0 15px;line-height:23px;">
<li>Used to securely transfer encrypted data between customer and server.</li>
</ul>
</li>
</ul>
</div></td>
</tr>
</table></td>
</tr>
<tr id="featured_ecommerce_system_closed">
<td height="42" valign="top"><table width="836" border="0" align="center" cellpadding="14" cellspacing="0" style="background-color:#f4f4f4;border:solid #ccc 1px;padding:0px 8px;">
<tr>
<td valign="top" class="designheader" style="font-size:16px;"><a href="#" onclick="document.getElementById('featured_ecommerce_system_closed').style.display = 'none';document.getElementById('featured_ecommerce_system_open').style.display = '';return false;">eCommerce System Integration</a> </td>
<td valign="top"><div class="input_text" align="right" >
<div align="right"><a href="#" onclick="document.getElementById('featured_ecommerce_system_closed').style.display = 'none';document.getElementById('featured_ecommerce_system_open').style.display = '';return false;"><strong>Show content [+]</strong></a> </div>
</div></td>
</tr>
</table></td>
</tr>
<tr id="featured_ecommerce_system_open">
<td height="42" valign="top"><table width="836" border="0" align="center" cellpadding="14" cellspacing="0" style="background-color:#f4f4f4;border:solid #ccc 1px;padding:0px 8px;">
<tr>
<td width="53%" valign="top" class="designheader" style="font-size:16px;"><span class="designheader" style="font-size:16px;"><a href="#" onclick="document.getElementById('featured_ecommerce_system_closed').style.display = '';document.getElementById('featured_ecommerce_system_open').style.display = 'none';return false;">eCommerce System Integration</a> </span></td>
<td width="47%" valign="top"><div align="right" class="input_text">
<div align="right"><a href="#" onclick="document.getElementById('featured_ecommerce_system_closed').style.display = '';document.getElementById('featured_ecommerce_system_open').style.display = 'none';return false;"><strong>Hide content [-]</strong></a> </div>
</div></td>
</tr>
<tr>
<td height="112" colspan="2" valign="bottom" class="p_mainfont" style="padding-top:2px;"><strong>eCommerce web sites are fast becoming an integral part of any modern business model. Offering a means of collecting orders and payments, an eCommerce web site is available 24 hours a day 7 days a week and never needs to take a fortnight off at the most inconvenient time of the year! </strong><br />
<table align="center" border="0" cellpadding="3" cellspacing="0" width="100%">
<tbody>
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td width="134" valign="top"><p align="center"><img src="images/youds/gray_ecommerce_box.jpg" alt="Screen Payment Page - Ecommerce Solutions from UDS" height="250" width="240" /></p></td>
<td width="478" colspan="2" align="right" valign="top"><p align="left">There are two ways to accept payments online. One is to use 3rd Party Payment Pages and the other is to open your own merchant account. </p>
<p align="left">To integrate with <a href="http://www.paypal.co.uk" target="_self">PayPal™</a> <img src="images/icons/arrows/white/leave.gif" alt="Opens in a new window.." height="9" width="9" /> for example, will cost you 3.8%~ plus 35p per transaction and you will have to send the user to the PayPal<a href="http://www.paypal.co.uk" target="_self">™</a> web site, whereas using your own merchant account will cost you no more than 2-3% and will be seamlessly integrated into your web site in both the front and back end. </p>
<p align="left">To obtain your own merchant account is the recommended option - it's no different to any other bank account except it allows card holder not present transactions. <a href="/web/index.php?target=services&page=ecommerce">Click here for a list of providers <img src="images/icons/arrows/white/web.gif" alt="Go here" width="9" height="9" border="0" /></a>. <strong><a href="ecommerce-web-sites" target="_parent"><strong>Read more <img src="images/icons/arrows/white/web.gif" alt="Part of this web site" width="9" height="9" border="0" /></strong></a></strong></p>
<div align="center" class="letter_spacing" style="line-height:16px;"><strong><a href="ecommerce-web-sites" target="_self"></a></strong></div></td>
</tr>
<tr>
<td colspan="3"><table width="100%" border="0" cellpadding="10" cellspacing="0">
<tr>
<td valign="top" onmouseover="document.getElementById('ecomm_public').style.display = 'block';" onmouseout="document.getElementById('ecomm_public').style.display = 'none';"><div id="movie1" align="center" style="border:solid #999 1px;height:140px;width:205px;padding:0;margin:0;" onclick="openPopup('/recorded_demos/cgs_placing_orders_main.html');return false;"><strong>Upgrade your Flash Player </strong></div>
<div align="center" style="font-size:10px;color:#aaa;">Runtime: 11 mins 14 seconds </div>
<div class="contact_big" align="center" style="font-size:14px;"><a href="#" onclick="openPopup('/recorded_demos/cgs_placing_orders_main.html');return false;">Play Demo </a></div>
<div style="position:relative;">
<div style="position:absolute; width:611px; left: 52px; top: -375px;background-color:#f4f4f4;border:solid #ccc 1px;padding:9px 14px 12px 14px;color:#333333;" id="movie_ecomm_admin" align="left"> <span style="line-height:19px;"> <strong>Sections of Admin Overview Demo; </strong> </span><br />
<span style="font-size:11px;line-height:25px;letter-spacing:1.1px;"> <strong> ·1·</strong> Compatibility <strong>·2·</strong> Product Navigation <strong>·3·</strong> Changing Prices <strong><br />
·4·</strong> View Product Before Edit <strong>·5·</strong> Upload Files <strong> ·6·</strong> Creating Product Associations <strong><br />
·7·</strong> Cropping Product Image <strong> ·8·</strong> Convert to Special Offer <strong>·9·</strong> Create new Category<br />
<strong> ·10·</strong> Remove Category <strong>·11·</strong> View Category Changes <strong> ·12·</strong> View Product Changes <strong><br />
·13·</strong> User Management <strong>·14·</strong> Account Notes <strong>·15·</strong> Newsletter <strong>·16·</strong> Froogle Store</span> </div>
<div style="position:absolute; width:668px; left: 27px; top: -374px;background-color:#f4f4f4;border:solid #ccc 1px;padding:9px 14px 12px 14px;color:#333333;" id="ecomm_public" align="left"> <span style="line-height:19px;"> <strong>Sections of Placing an Order Demo; </strong> </span><br />
<span style="font-size:11px;line-height:25px;letter-spacing:1.1px;"> <strong> ·1· </strong>Product Bundle <strong>·2·</strong> Related Products <strong>·3·</strong> Shopping Basket <strong> ·4·</strong> Site Searching <strong><br />
·5· </strong>Dynamic Categories <strong> ·6·</strong> Shopping Basket & Mini Basket Overview <strong><br />
·7·</strong> Display Prices with or without VAT <strong> ·8·</strong> Percentage Discount Levels <strong>·9·</strong> Hire Products<br />
<strong> ·10·</strong> Shopping Basket & Mini Basket Basics <strong>·11·</strong> Going Through Checkout <strong> ·12·</strong> After Sales <strong><br />
·13·</strong> Registration Email <strong>·14·</strong> Order Confirmation</span> </div>
<div style="position:absolute; width:568px; left: 78px; top: -350px;background-color:#f4f4f4;border:solid #ccc 1px;padding:9px 14px 12px 14px;color:#333333;" id="ecomm_order_overview" align="left"> <span style="line-height:19px;"> <strong>Sections of Order Management Demo; </strong> </span><br />
<span style="font-size:11px;line-height:25px;letter-spacing:1.1px;"> <strong> ·1· </strong>Compatibility <strong>·2·</strong> List Pending Orders <strong>·3·</strong> View Order & Issuing Refunds<strong><br />
·4·</strong> List Pending Orders <strong>·5· </strong>Payment History <strong> ·6·</strong> Fraud Prevention <strong><br />
·7·</strong> Security & Encryption <strong> ·8·</strong> Payment History <strong>·9·</strong> View Order (continued)<br />
<strong> ·10·</strong> List Completed Orders</span> </div>
</div></td>
<td width="50%" align="center" valign="top" onmouseover="document.getElementById('movie_ecomm_admin').style.display = 'block';" onmouseout="document.getElementById('movie_ecomm_admin').style.display = 'none';"><div id="movie2" align="center" style="height:140px;width:205px;border:solid #999 1px;padding:0;margin:0;" onclick="openPopup('/recorded_demos/cgs_admin_overview_main.html');"><strong>Upgrade your Flash Player </strong></div>
<div align="center" style="font-size:10px;color:#aaa;">Runtime: 15 mins 46 seconds</div>
<div class="contact_big" align="center" style="font-size:14px;"><a href="#" onclick="openPopup('/recorded_demos/cgs_admin_overview_main.html');return false;">Play Demo </a></div></td>
<td valign="top" onmouseover="document.getElementById('ecomm_order_overview').style.display = 'block';" onmouseout="document.getElementById('ecomm_order_overview').style.display = 'none';"><div id="movie3" align="center" style="border:solid #999 1px;height:140px;width:205px;padding:0;margin:0;" onclick="openPopup('/recorded_demos/cgs_order_management_main.html');return false;"><strong>Upgrade Your Flash Player </strong></div>
<div align="center" style="font-size:10px;color:#aaa;">Runtime: 07 mins 26 seconds </div>
<div class="contact_big" align="center" style="font-size:14px;"><a href="#" onclick="openPopup('/recorded_demos/cgs_order_management_main.html');return false;">Play Demo </a></div></td>
<script type="text/javascript" language="JavaScript" src="javascript/swfobject.js"></script>
<script type="text/javascript">
// <![CDATA[
function openPopup (href) {
if (!window.focus)return true;
window.open(href,'remote','width=768,height=573,top=100,left=100,scrollbar=no,location=no,resizable=1')
}
var movie_id;
window.onload = function () {
movie_id = 'movie1';
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','205','height','140','title','CG Surveying Placing an Order','src','recorded_demos/cgs_placing_orders_thumbnail','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','recorded_demos/cgs_placing_orders_thumbnail' ); //end AC code
movie_id = 'movie2';
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','205','height','140','title','CG Surveying Admin Overview','src','recorded_demos/cgs_admin_overview_thumbnail','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','recorded_demos/cgs_order_management_thumbnail' ); //end AC code
movie_id = 'movie3';
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','205','height','140','title','CG Surveying Admin Overview','src','recorded_demos/cgs_placing_orders_thumbnail','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','recorded_demos/cgs_order_management_thumbnail' ); //end AC code
movie_id = 'movie';
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','256','height','175','title','Photo Panorama Demo','src','recorded_demos/pp_demo_thumbnail','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','recorded_demos/pp_demo_thumbnail' ); //end AC code
}
document.getElementById('ecomm_order_overview').style.display = 'none';
document.getElementById('movie_ecomm_admin').style.display = 'none';
document.getElementById('ecomm_public').style.display = 'none';
// ]]>
</script>
</tr>
</table></td>
</tr>
</tbody>
</table>
<div align="center" class="input_text">
<div align="center">With this system, you will be able to accept:</div>
</div>
<div align="center"> <img src="images/youds/gray_credit_debit.gif" alt="Visa Delta, Mastercard, Solo, Switch, Maestro, Visa, American Express" height="31" width="347" /> </div></td>
</tr>
</table></td>
</tr>
<tr>
<td height="130" valign="middle" style="padding:24px 0 26px 0;"><div style="margin:auto;padding:8px;border:solid #ccc 1px;height:100px;width:79%;background:#f9f9f9;">
<div style="float:left;margin:6px 17px 0 0;width:100px;"><img src="images/icons/rss_icon.gif" alt="RSS Data Feed" width="100" height="90" /></div>
<div style="float:left;line-height:24px;width:551px;color:#fd7e01"><strong>You never get just a web site; </strong>each web site produced is geared towards your target audience's most popular medium. Hence, all CMS sites produce outputs in XML/RSS formats for search engines and all products on eCommerce web sites appear in <a href="http://www.google.co.uk/products" target="_self" style="color:#FF9900">Google™ Products <img src="images/icons/arrows/white/leave.gif" alt="View Froogle Page!" width="9" height="9" border="0" /></a>. An innovative way of maximising your exposure and ROI. </div>
</div></td>
</tr>
<tr id="featured_web_site_closed">
<td height="42" valign="top"><table width="836" border="0" align="center" cellpadding="14" cellspacing="0" style="background-color:#f4f4f4;border:solid #ccc 1px;padding:0px 8px;">
<tr>
<td valign="top" class="designheader" style="font-size:16px;"><a href="#" id="featured_web_site_click" onclick="document.getElementById('featured_web_site_closed').style.display = 'none';document.getElementById('featured_web_site_open').style.display = '';return false;">Featured CMS Web Site</a> </td>
<td valign="top"><div class="input_text" align="right" >
<div align="right"><a href="#" id="featured_web_site_click" onclick="document.getElementById('featured_web_site_closed').style.display = 'none';document.getElementById('featured_web_site_open').style.display = '';return false;"><strong>Show content [+]</strong></a> </div>
</div></td>
</tr>
</table></td>
</tr>
<tr id="featured_web_site_open">
<td height="42" valign="top"><table width="836" border="0" align="center" cellpadding="14" cellspacing="0" style="background-color:#f4f4f4;border:solid #ccc 1px;padding:0px 8px;">
<tr>
<td valign="top" class="designheader" style="font-size:16px;"><a href="#" onclick="document.getElementById('featured_web_site_closed').style.display = '';document.getElementById('featured_web_site_open').style.display = 'none';return false;">Featured CMS Web Site</a> </td>
<td valign="top"><div align="right" class="input_text">
<div align="right"><a href="#" onclick="document.getElementById('featured_web_site_closed').style.display = '';document.getElementById('featured_web_site_open').style.display = 'none';return false;"><strong>Hide content [-]</strong></a> </div>
</div></td>
</tr>
<tr>
<td height="165" colspan="2" valign="top" class="p_mainfont" style="padding-bottom:3px;padding-top:2px;"><strong>PhotoPanorama is a Virtual Tour Company and Panoramic Photographer based in Clitheroe, Lancashire. Photo Panoramas professionally tailored service will deliver a specially made Interactive Virtual Tour to suit all your media needs, available in both web friendly and hi definition formats. </strong> <br />
<br />
The Photo Panorama web site has been in operation for a number of years and over time the content has grown and grown. As such, the main purpose of the specification was to implement a content management system which would make life easier for PhotoPanorama, without changing the site design or theme as well as implementing some neat features that make the site more appealing to users. </td>
</tr>
<tr>
<td width="1%" height="1" valign="top" style="margin:0;padding:0;" onclick="openPopup('/recorded_demos/pp_demo_main.html');return false;" onmouseover="document.getElementById('front_overview_secs').style.display = '';" onmouseout="document.getElementById('front_overview_secs').style.display = 'none';"><div align="center" id="movie" style="margin:10px 10px 0 18px;width:256px;height:175;" onclick="openPopup('/recorded_demos/pp_demo_main.html');return false;"> </div>
<script type="text/javascript">
var movie_id;
document.getElementById('featured_web_site_closed').onclick = function () {
movie_id = 'movie';
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','256','height','175','title','Photo Panorama Demo','src','recorded_demos/pp_demo_thumbnail','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','recorded_demos/pp_demo_thumbnail' ); //end AC code
}
</script>
<div style="position:relative;">
<div style="position:absolute; width:402px; left: -76px; top: -329px;background-color:#f4f4f4;border:solid #ccc 1px;padding:9px 14px 12px 14px;color:#333333;display:none;" id="front_overview_secs" align="left"> <span style="line-height:19px;"> <strong>Sections of Photo Panorama Demo; </strong> </span><br />
<span style="font-size:11px;line-height:25px;letter-spacing:1.1px;"> <strong> ·1· </strong>Guided tour of the main public content <br />
<strong>·2·</strong> Brief overview of the Content Management System <br />
<strong>·3·</strong> Specialised Template Pages Demo</span><br />
<span style="font-size:11px;line-height:25px;letter-spacing:1.1px;"> <strong>·4·</strong> Link Management Demo </span></div>
</div>
<script type="text/javascript">
// <![CDATA[
function openPopup (href) {
if (!window.focus)return true;
window.open(href,'remote','width=768,height=573,top=100,left=100,scrollbar=no,location=no,resizable=1')
}
document.getElementById('front_overview_secs').style.display = 'none';
// ]]>
</script> </td>
<td width="99%" valign="top" class="p_mainfont" style="padding:10px 0 0 15px;"><strong>Give me a call </strong><a href="#" onclick="document.getElementById('ppContent1').style.display = '';this.innerHTML = '';return false;" style="color:#888;font-size:11px;">Read more >> </a><br />
<span id="ppContent1">The "Give me a call" feature allows the user to easily submit a form without having to refresh the page - and it even automatically slides down after a given number of seconds to attract the users attention! This has been done very candidly, to ensure that it isn't at all obtrusive and as with all features it is cross-compatible, meaning it looks spot on in any browser. </span>
<p><strong>Travel cost expenses </strong><a href="#" onclick="document.getElementById('ppContent2').style.display = '';this.innerHTML = '';return false;" style="color:#888;font-size:11px;">Read more >> </a><br />
<span id="ppContent2"> The web site offers the ability to calculate "Travel Cost Expenses" for Photo Panorama to visit their premises. User types in their email address and Post Code and the web site goes and fetches the travel directions from Google Maps in order to determine the driving time and distance between Photo Panorama and the customer. A price is then delivered to the email provided.><a href="#" onclick="openPopup('/recorded_demos/pp_demo_main.html');return false;">Play Demo <img src="images/icons/arrows/white/web.gif" alt="Part of this web site" width="9" height="9" border="0" /></a> </span></p>
<p><strong>Link management system </strong><a href="#" onclick="document.getElementById('ppContent3').style.display = '';this.innerHTML = '';return false;" style="color:#888;font-size:11px;">Read more >> </a><br />
<span id="ppContent3">A Link Management System has been implemented in the form of a Company Portfolio. Links to external sites are offered with a small thumbnail image shown beside the title and description. By simply typing in the URL Photo Panorama wish to add, the web site goes and gathers the internal description and associated keywords then takes a screen shot of the site and resizes the image into various sizes of thumbnails. All images are downloaded once the page has loaded so that slower connections need not wait to see the links. <a href="#" onclick="openPopup('/recorded_demos/pp_demo_main.html');return false;">Play Demo <img src="images/icons/arrows/white/web.gif" alt="Part of this web site" width="9" height="9" border="0" /></a> </span></p>
<p><strong>Content management system </strong><a href="#" onclick="document.getElementById('ppContent4').style.display = '';document.getElementById('ppContent5').style.display = '';this.innerHTML = '';return false;" style="color:#888;font-size:11px;">Read more >> </a><br />
<span id="ppContent4">The entire structure of the site is controlled through the administration system with 2 template pages and a Site Map System. The two templates are used for the Virtual Tour and Still Photography pages. Both templates are designed to contain up to 9 items on each and each item has their own popup window. The technology behind this is very complex and extremely powerful - but most importantly, unbelievably flexible.<br />
</span> <span id="ppContent5">This version of the system can even stitch together an image from the QuickTime virtual tours (.mov), which can then be cropped and used as a thumbnail for the Virtual Tour, all from inside the browser! <a href="#" onclick="openPopup('/recorded_demos/pp_demo_main.html');return false;">Play Demo <img src="images/icons/arrows/white/web.gif" alt="Part of this web site" width="9" height="9" border="0" /></a> </span></p>
<p><strong>Plugin script and site monitoring </strong><a href="#" onclick="document.getElementById('ppContent6').style.display = '';this.innerHTML = '';return false;" style="color:#888;font-size:11px;">Read more >> </a> <br />
<span id="ppContent6">When a user visits the web site their browser settings are instantly saved to a database, giving the web site access to a wealth of information about the plugins that are installed on the users browser. This enables Photo Panorama to judge what formats their virtual tours should take as they know exactly what the viewing audience has installed. The web site itself offers 3 forms of virtual tour for each room, hence the user always gets to see at least one version. However which version to show them first is a decision Photo Panorama can better make.
<script type="text/javascript" language="JavaScript">
document.getElementById('ppContent1').style.display = 'none';
document.getElementById('ppContent2').style.display = 'none';
document.getElementById('ppContent3').style.display = 'none';
document.getElementById('ppContent4').style.display = 'none';
document.getElementById('ppContent5').style.display = 'none';
document.getElementById('ppContent6').style.display = 'none';
</script>
<a href="http://www.photopanorama.co.uk/index.php?target=stats" target="_self">Click to see the statistics! <img src="images/icons/arrows/white/leave.gif" alt="Photo Panorama Stats" width="9" height="9" border="0" /></a> </span></p></td>
</tr>
<tr>
<td height="121" colspan="2" valign="bottom" class="p_mainfont" style="padding:0 auto;" onclick="openPopup('/recorded_demos/pp_demo_main.html');return false;" onmouseover="document.getElementById('front_overview_secs').style.display = '';" onmouseout="document.getElementById('front_overview_secs').style.display = 'none';"><em>"It’s rare to find a company that do what they promise – but YOUDS did… My website looks superb & to me Image is very important.</em> <em>Managing my website was very time-consuming – so part of my brief was that it must be easy to manage – here YOUDS have exceeded my expectation. I can now present more content, with LESS effort.</em> <em>A lot of people promise many, often unrealistic things about SEO (Search Engine Optimisation) – but YOUDS was realistic & did what was said. My ‘SEO’ performance has quickly reached it’s target & through UDS' work (both ‘site design’ PLUS ongoing work) it continues to improve.</em> <em>All things considered, an excellent job - I would have no hesitation in recommending UDS"</em></td>
</tr>
<tr>
<td colspan="2" valign="bottom" onmouseover="document.getElementById('front_overview_secs').style.display = '';" onmouseout="document.getElementById('front_overview_secs').style.display = 'none';"><div align="center"><span class="no_underline p_mainfont letter_spacing"><strong class="letter_spacing"><a href="#" onclick="openPopup('/recorded_demos/pp_demo_main.html');return false;">Play Demo <img src="images/icons/arrows/white/web.gif" alt="Part of this web site" width="9" height="9" border="0" /></a> <a href="portfolio_web.php" target="_parent">Web Portfolio <img src="images/icons/arrows/white/web.gif" alt="Part of this web site" width="9" height="9" border="0" /></a> <a href="http://www.photopanorama.co.uk" target="_self"> Visit web site <img src="images/icons/arrows/white/leave.gif" alt="Gray icon: Separate web site" width="9" height="9" border="0" /></a> </strong><a href="http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.photopanorama.co.uk%2F" target="_self"><strong>Validates <img src="images/icons/arrows/white/leave.gif" alt="Gray icon: Separate web site" width="9" height="9" border="0" /></strong></a> <strong class="letter_spacing"> </strong><a href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.photopanorama.co.uk%2Fincludes%2Fcss%2Fpp_style.css&warning=1&profile=css21&usermedium=all" target="_self"><strong>Valid CSS <img src="images/icons/arrows/white/leave.gif" alt="Gray icon: Separate web site" width="9" height="9" border="0" /></strong></a></span></div></td>
</tr>
</table></td>
</tr>
<tr id="featured_marketing_web_site_closed">
<td height="42" valign="top"><table width="836" border="0" align="center" cellpadding="14" cellspacing="0" style="background-color:#f4f4f4;border:solid #ccc 1px;padding:0px 8px;">
<tr>
<td width="413" valign="top" class="designheader" style="font-size:16px;"><a href="#" id="featured_marketing_web_site_click" onclick="document.getElementById('featured_marketing_web_site_closed').style.display = 'none';document.getElementById('featured_marketing_web_site_open').style.display = '';return false;">Featured Online Marketing Solution</a></td>
<td width="389" valign="top"><div class="input_text" align="right" >
<div align="right"><a href="#" id="featured_marketing_web_site_click" onclick="document.getElementById('featured_marketing_web_site_closed').style.display = 'none';document.getElementById('featured_marketing_web_site_open').style.display = '';return false;"><strong>Show content [+]</strong></a> </div>
</div></td>
</tr>
</table></td>
</tr>
<tr id="featured_marketing_web_site_open">
<td height="42" valign="top"><table width="836" border="0" align="center" cellpadding="14" cellspacing="0" style="background-color:#f4f4f4;border:solid #ccc 1px;padding:0px 8px;">
<tr>
<td colspan="2" valign="top" style="font-size:16px;padding:0;margin:0;padding-left:14px;"><table width="100%" border="0" align="center" cellpadding="14" cellspacing="0">
<tr>
<td width="79%" valign="top" class="designheader" style="font-size:16px;padding:0;margin:0;"><span class="designheader" style="font-size:16px;"><a href="#" onclick="document.getElementById('featured_marketing_web_site_closed').style.display = '';document.getElementById('featured_marketing_web_site_open').style.display = 'none';return false;">Featured Online Marketing Solution</a> </span></td>
<td width="21%" valign="top"><div align="right" class="input_text">
<div align="right"><a href="#" onclick="document.getElementById('featured_marketing_web_site_closed').style.display = '';document.getElementById('featured_marketing_web_site_open').style.display = 'none';return false;"><strong>Hide content [-]</strong></a> </div>
</div></td>
</tr>
</table></td>
</tr>
<tr>
<td width="1%" valign="top" style="padding-top:2px;"><a target="_self" href="http://www.gcnc.ltd.uk" ><img src="portfolio/gcnc.jpg" alt="GCNC Ltd" width="256" height="225" border="0" /></a></td>
<td width="99%" rowspan="2" valign="top" class="p_mainfont" style="padding-top:2px;"><strong>GCNC Ltd predominantly manufactures using CNC machinery in conjunction
with CAD CAM software. The services offered are specifically tailored to act as the link between design and manufacture. </strong>
<p class="mainfont">Specification was to move the GCNC Ltd web site away from a site builder package & redesign the web site theme. The web site is being used as a marketing tool to generate leads for the company through <a target="_parent" href="marketing/index.php?target=online">online advertising <img src="images/icons/arrows/white/marketing.gif" alt="Internet advertising" width="9" height="9" border="0" /></a>.</p>
<p class="mainfont"><em>"UDS have supplied my company with the crucial ingredient of a first class web site to help, and give our company the edge in a competitive market.<br />
Many thanks for the hard work, knowledge researched and interest shown to generate quality leads and help my business grow. I would certainly recommend Choose YOUDS Media for all marketing solutions."</em><br />
<em>Graham Chapelhow - Director of GCNC Limited </em></p>
<p class="mainfont">YOUDS has since continued to work with GCNC Ltd, offering search engine submission and sponsored link advertising for their company. This has proved to be extremely successful for GCNC Ltd and they continue to receive a constant flow of leads through the web site. </p>
<div align="center"><span class="no_underline p_mainfont letter_spacing"><strong class="letter_spacing"><a href="portfolio_web.php" target="_parent">Web Portfolio <img src="images/icons/arrows/white/web.gif" alt="Part of this web site" width="9" height="9" border="0" /></a> <a href="http://www.photopanorama.co.uk" target="_self"> </a><a target="_self" href="http://www.gcncltd.co.uk" >Visit web site </a></strong><strong><img src="images/icons/arrows/white/leave.gif" alt="Gray icon: Separate web site" width="9" height="9" border="0" /></strong><strong class="letter_spacing"> </strong><a target="_self" href="http://validator.w3.org/check?uri=http://www.gcncltd.co.uk" ><strong>Validates <img src="images/icons/arrows/white/leave.gif" alt="Gray icon: Separate web site" width="9" height="9" border="0" /></strong><strong class="letter_spacing"> </strong></a><a target="_self" href="http://jigsaw.w3.org/css-validator/validator?uri=www.gcncltd.co.uk/gcnc.css&usermedium=all" ><strong>Valid CSS <img src="images/icons/arrows/white/leave.gif" alt="Gray icon: Separate web site" width="9" height="9" border="0" /></strong></a></span></div></td>
</tr>
<tr>
<td valign="middle"><a target="_parent" href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('gcnc_bc','','portfolio/gcnc_bg_side_two.jpg',1)"><img src="portfolio/gcnc_bc_side_one.gif" alt="GCNC Business Card Design - Rollover for side two" name="gcnc_bc" width="255" height="148" border="0" id="gcnc_bc" /></a></td>
</tr>
</table></td>
</tr>
<tr id="featured_marketing_literature_open">
<td height="42" valign="top"><table width="836" border="0" align="center" cellpadding="14" cellspacing="0" style="background-color:#f4f4f4;border:solid #ccc 1px;padding:0px 8px;">
<tr>
<td valign="top" class="designheader" style="padding-bottom:8px;font-size:16px;"><span class="designheader" style="padding-bottom:8px;font-size:16px;"><a href="#" onclick="document.getElementById('featured_marketing_literature_closed').style.display = '';document.getElementById('featured_marketing_literature_open').style.display = 'none';return false;">Featured Marketing Literature</a> </span></td>
<td valign="top" class="designheader" style="padding-bottom:8px;font-size:16px;"><div class="input_text" align="right" >
<div align="right"><a href="#" onclick="document.getElementById('featured_marketing_literature_closed').style.display = '';document.getElementById('featured_marketing_literature_open').style.display = 'none';return false;">Hide content [-]</a> </div>
</div></td>
</tr>
<tr>
<td valign="top" class="p_mainfont" style="padding-top:2px;"><a target="_parent" href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('south_rollover11','','portfolio/south_inside.jpg',1)"><img src="portfolio/south_front.jpg" alt="South Survey Catalogue Design by UDS" name="south_rollover11" width="267" height="190" border="0" id="south_rollover11" style="padding:6px 6px 0 0;" /><br />
</a></td>
<td valign="middle" class="design_mainfont" style="padding-top:2px;"><strong>Complete catalogue design & management solution. Extensive range of products spread over 50 pages and presented in high grade PDF format for printing.</strong>
<p>South Survey Limited supply surveying equipment nationwide throughout the UK using their catalogue to market products & services. The management of the catalogue is done on an hourly basis with changes and modifications undertaken when required. </p>
<div align="center" class="letter_spacing" style="line-height:16px;"><strong><a href="portfolio_design.php" target="_parent"><strong>Design Portfolio <img src="images/icons/arrows/white/web.gif" alt="Part of this web site" width="9" height="9" border="0" /></strong></a> </a><a href="portfolio/South_Catalogue_07.pdf" target="_self"> Download the catalogue <img src="images/icons/arrows/white/leave.gif" alt="Gray icon: Separate web site" width="9" height="9" border="0" /></a></strong><br />
</div></td>
</tr>
</table></td>
</tr>
<tr id="featured_marketing_literature_closed">
<td height="42" valign="top"><table width="836" border="0" align="center" cellpadding="14" cellspacing="0" style="background-color:#f4f4f4;border:solid #ccc 1px;padding:0px 8px;">
<tr>
<td valign="top" class="designheader" style="font-size:16px;"><a href="#" onclick="document.getElementById('featured_marketing_literature_closed').style.display = 'none';document.getElementById('featured_marketing_literature_open').style.display = '';return false;">Featured Marketing Literature</a> </td>
<td valign="top"><div class="input_text" align="right" >
<div align="right"><a href="#" onclick="document.getElementById('featured_marketing_literature_closed').style.display = 'none';document.getElementById('featured_marketing_literature_open').style.display = '';return false;"><strong>Show content [+]</strong></a> </div>
</div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
<td></td>
</tr>
<tr>
<td height="45"> </td>
<td style="border-style:solid;border-color:#b2bcc3;border-width:0 1px;background:#f9f9f9;" valign="middle"><div align="center"><strong class="letter_spacing"><a href="portfolio_web.php" target="_parent">Web Portfolio <img src="images/icons/arrows/white/web.gif" alt="Part of this web site" width="9" height="9" border="0" /></a> <a href="portfolio_design.php" target="_parent">Design Portfolio <img src="images/icons/arrows/white/web.gif" alt="Part of this web site" width="9" height="9" border="0" /></a></strong></div></td>
<td></td>
</tr>
<tr>
<td height="58"> </td>
<td style="border-style:solid;border-color:#b2bcc3;border-width:0 1px;background:#f9f9f9 url(images/bottom_orange_right.gif) no-repeat bottom;" valign="bottom"><div align="left" class="line_height" style="padding:15px 17px;color:#777;">e: <strong>
<script type="text/javascript"> document.write('<a target="_parent" href="mailto:studio');document.write('@');document.write('youds.com" style="color:#777;letter-spacing:1.2px;">');</script>
<script type="text/javascript"> document.write('studio');document.write('@');document.write('youds.com</a>');</script>
</strong><br />
t:<strong> <strong>0845 686 5569</strong></strong></div></td>
<td></td>
</tr>
<tr>
<td><img src="images/spacer.gif" alt="UDS Website Design & Internet Advertising & Sponsored Links" width="25" height="1" /></td>
<td class="orange_back_drop"><table width="96%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="49" valign="bottom"><div align="center"> <a target="_parent" href="/marketing/index.php?target=online" onclick="MM_nbGroup('down','group1','internet_advertising','images/buttons/net_adver_active.gif',1)" onmouseover="MM_nbGroup('over','internet_advertising','images/buttons/net_adver_active.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/net_adver.gif" alt="Internet Advertising services - effective marketing solutions" name="internet_advertising" width="170" height="37" border="0" id="internet_advertising" /></a></div></td>
<td height="49" valign="bottom"><div align="center"> <a target="_parent" href="/marketing/index.php?target=exposure" onclick="MM_nbGroup('down','group1','direct_mail','images/buttons/direct_mailing_active.gif',1)" onmouseover="MM_nbGroup('over','direct_mail','images/buttons/direct_mailing_active.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/direct_mailing.gif" alt="Announce your online presence with a mail shot!" name="direct_mail" border="0" id="direct_mail" /></a></div></td>
<td height="49" valign="bottom"><div align="center"> <a target="_parent" href="/marketing/index.php?target=designing" onclick="MM_nbGroup('down','group1','documentation','images/buttons/documentation_active.gif',1)" onmouseover="MM_nbGroup('over','documentation','images/buttons/documentation_active.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/documentation.gif" alt="Documentation design includes leaflets, flyers and catalogue design & management." name="documentation" width="149" height="37" border="0" id="documentation" /></a></div></td>
<td height="49" valign="bottom"><div align="center"> <a target="_parent" href="/marketing/index.php?target=identity" onclick="MM_nbGroup('down','group1','stationary','images/buttons/stationary_active.gif',1)" onmouseover="MM_nbGroup('over','stationary','images/buttons/stationary_active.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/stationary.gif" alt="Essential Corporate Identity services offered to small to medium sized companies." name="stationary" width="112" height="37" border="0" id="identity" /></a></div></td>
<td height="49" valign="bottom"><div align="center"> <a target="_parent" href="portfolio_design.php" onclick="MM_nbGroup('down','group1','portfolio_marketing','images/buttons/design_portfolio_active.gif',1)" onmouseover="MM_nbGroup('over','portfolio_marketing','images/buttons/design_portfolio_active.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/design_portfolio.gif" alt="Portfolio of Design & Marketing work completed since 2005" name="portfolio_marketing" width="103" height="37" border="0" id="portfolio_marketing" /></a></div></td>
</tr>
</table></td>
<td><img src="images/spacer_right.gif" alt="UDS Web Design & Internet Advertising" width="10" height="1" /></td>
</tr>
<tr>
<td colspan="3"><img src="images/bottom_marketing.gif" alt="UDS - Internet Advertising & Direct Mailing & Documentation Design & Website Design & Online Marketing" width="950" height="65" /></td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
</table>
<script type="text/javascript">
// <![CDATA[
function openPopup (href) {
if (!window.focus)return true;
window.open(href,'remote','width=768,height=573,top=100,left=100,scrollbar=no,location=no,resizable=1')
}
document.getElementById('lets_talk_dirty_open').style.display = 'none';
document.getElementById('front_overview_secs').style.display = 'none';
document.getElementById('featured_web_site_open').style.display = 'none';
document.getElementById('featured_marketing_literature_open').style.display = 'none';
document.getElementById('featured_ecommerce_system_open').style.display = 'none';
document.getElementById('featured_marketing_web_site_open').style.display = 'none';
document.getElementById('featured_about_youds_open').style.display = 'none';
document.getElementById('featured_web_development_open').style.display = 'none';
document.getElementById('featured_directions_open').style.display = 'none';
// ]]>
</script>
</div>
<script type="text/javascript">
//<![CDATA[
if(typeof sIFR == "function"){
sIFR.replaceElement("h1", named({sFlashSrc: "/sifr/sifr.swf", sColor: "#222222",sWmode: "transparent",sFlashVars:"textalign=center"}));
sIFR.replaceElement("h2", named({sFlashSrc: "/sifr/sifr.swf", sColor: "#222222",sWmode: "transparent"}));
sIFR.replaceElement("h3", named({sFlashSrc: "/sifr/sifr.swf", sColor: "#222222",sWmode: "transparent"}));
sIFR.replaceElement("h4", named({sFlashSrc: "/sifr/sifr.swf", sColor: "#222222",sWmode: "transparent"}));
sIFR.replaceElement("h5", named({sFlashSrc: "/sifr/sifr.swf", sColor: "#222222",sWmode: "transparent"}));
};
//]]>
</script>
</body>
</html>
</body>