cancel
Showing results for 
Search instead for 
Did you mean: 

Techno idiot with problem designing site

PAMDILL
Newbie
Posts: 3
Registered: ‎06-05-2009

Techno idiot with problem designing site

I have followed the instructions on the 6 steps to website success to the letter, using NVU and then when that did not let an image show on my site I used the newer version (blue dragon?) (not at home computer to check name) and quickFTP to upload.
I can get text to show fine on the site, but the background and images don't show.  When I preview the design on Firefox prior to upload the image and background do show, also checked it out on Google Chrome
I also can't access the Metatag creator through the link on the 6 steps article.  It just takes me to a blank plusnet builder page.
I have had someone offer to design the site for me but they have never done it on a plusnet site so I don't know how that would go, I really only need a very basic site with a bit of text and my ICB crest and license number.
HELP!!
If anyone wants to check it out and look at the source code before helping it is www.dillonbookkeeping.co.uk
Huh
8 REPLIES 8
Jaggies
Community Veteran
Posts: 1,642
Thanks: 27
Registered: ‎29-06-2010

Re: Techno idiot with problem designing site

This is the faulty bit -
src="file:///C:/Users/G530/Desktop/icb%20pratice%20crest.jpg">

The source code is pointing to the image on your "C" drive, instead of linking to the correct location in your web space.
rhohne
Grafter
Posts: 73
Registered: ‎26-04-2011

Re: Techno idiot with problem designing site

There are also two other references to locations on you PC
templateref="file:///F:/homepage_template"

If you are using a template then this should point to the template in you web space, otherwise it can be deleted.
background-image: url(file:///C:/Program%20Files/Microsoft%20Office/CLIPART/Publisher/Backgrounds/J0143753.GIF);

Again this should point to you web space
Merlin
Grafter
Posts: 92
Registered: ‎30-07-2007

Re: Techno idiot with problem designing site

You could also make your email addresses into hyperlinks to fire up the readers email program by changing your code
See http://www.labnol.org/internet/email/learn-mailto-syntax/6748 for details
Ben_Brown
Grafter
Posts: 2,839
Registered: ‎13-06-2007

Re: Techno idiot with problem designing site

I wouldn't recommend that unless you like getting a lot of spam Wink
mickeblue
Dabbler
Posts: 10
Registered: ‎09-06-2010

Re: Techno idiot with problem designing site

Crikey, that's a lot of code for such a tiny page ~ you could hide an elephant in there  Shocked
Peter_Vaughan
Community Veteran
Posts: 14,469
Registered: ‎30-07-2007

Re: Techno idiot with problem designing site

Have you used any Microsoft office apps to create your page content (even copying and pasting from word for insistence) as that can result in a huge amount of crud and useless code that makes the page both bigger than it needs to be and very difficult to maintain/expand in the future. Probably 90% of the HTML/other code on your page is redundant and has been added by the M$ products. This will also make it very difficult for a novice to learn the simple commands and code needed to create a basic web page.
I suggest you start again and use something like Kompozer (which is based on Nvu) and don't copy info from any office applications.
See http://www.thefreecountry.com/webmaster/htmleditors.shtml for lots of info on web authoring.
mickeblue
Dabbler
Posts: 10
Registered: ‎09-06-2010

Re: Techno idiot with problem designing site

That's a good link Peter.
PANDILL, if you want a really easy to use WYSIWYG editor Trellian WebPage ( http://www.trellian.com/webpage/ ) is an excellent little piece of software, though inevitably any W'WYG app is still going to pad out your source with a lot of superfluous code. If you have the time it's worth checking out a site such as http://www.html.net/ and at least learning the basics of page building.
gadfly
Grafter
Posts: 39
Registered: ‎02-09-2010

Re: Techno idiot with problem designing site

The very messy and bloated code for your page has no doctype statement at the top that the search engines and the browsers use to determine what type of coding is likely to be used, no meta tags that provide a title for home page (and all of the other pages), the description of the site/page's contents, the keywords, etc.
Here are is the coding that appears before the content between the <body> and </body> tags:
<!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" xml:lang="en-GB">
<head>
<title>Desktop/laptop PC guide: Fix PC/computer problems, buy, recover, repair, upgrade PCs</title>
<meta name="Description" content="PC Buyer Beware! - Comprehensive desktop and laptop PC guide - solutions to PC/computer hardware and software problems - how to buy, build, upgrade, recover, repair, restore, protect Windows XP/Vista/Windows 7 (Win7) PCs." />
<meta name="robots" content="index, follow" />
<meta http-equiv='Content-Type' content='text/html; charset=windows-1250' />
</head>
When the page is up, you can use the HTML validator http://validator.w3.org/ to check if the code is valid for its declared doctype.
This site - http://www.onlinewebcheck.com/ - provides an online validator and a free program that you use on your computer before the pages are uploaded. Paid-for versions are also available.
Since you are using the site to obtain work, you have to be pretty knowledgeable to get things right so you should get it done properly by a professional so that it is optimised for search engines or it won't rank highly enough in the search results to be found and will be a waste of time and money.