Plusnet
Sunday 21st March 2010Login | Register | Help
Pages: [1]

Basic website building and latest ways to do things advice sought

« on 13/11/2009, 09:07 »
I have the home/broadband £15/month package at plusnet and want to create/write a webpage for a new startup home based business - nothing special, more of a "see how it goes" so I don't need anything too fancy.

What are the current tools for this? I currently write HTML manually, I would like to add a FORM but that usually needs scripts on the server ( I'm just wanting to avoid putting my email addy online for scammers to harvest) - are basic scripts like this available to my level of service?

I'm not a novice but have been away from the internet for some time and lost touch with the latest ways of doing things.

thanks in advance
David
Logged
  • Midnight Caller
  • Posts: 1715
  • Please remember that I am Dyslexic wen replying
  • View Profile WWW
« Reply #1 on 13/11/2009, 15:18 »
@moreofthesame, have a look at: Help & Support For Beginners
Kind Regards, Gary Lambert.      Force9 ID: dyslexia,
PlusNet ID: tdadyslexia,     PlusNet Since 6 Febuary 2001


DHEA Community Forum        Pleas Help Me To Save Lives
Logged
  • Word Warrior
  • Posts: 368
  • Growing Old Disgracefully. R1200GS
  • View Profile
« Reply #2 on 16/11/2009, 15:50 »
While there is plenty of software out there to create a site you cant beat a good grounding in HTML a great book to help give you an understanding of what you are doing and will help you avoid bad code is the visual quickstart guide to HTML from peachpit press. Read that and you'll understand why certain things are done, before long you'll be diving in and changing code to tailor it to your needs. Use it alongside the help and support for beginners.

Above all have fun with it.

I've now graduated onto php/mysql content management which uses free software from Joomla.org but you need to learn the ropes first and that sort of server space isn't available on your broadband package as far as I know.
Definition of getting older.
"With time technology improves, with time the mind doesn't!"
Logged
« Reply #3 on 17/11/2009, 09:34 »
I also write everything by hand, it takes a bit more learning but is worth it. The current prevailing philosophy in web design is to separate content and style, e.g by using XHTML and CSS, and only using tables for tabular data rather than for formatting everything. Learn to use divs and spans etc properly, and use the W2C validator to make sure what you do is valid.

It's also worth learning something like jQuery, and to avoid Flash etc, unless it's essential.
Ben Brown
Plusnet Infrastructure Engineer
Logged
  • Word Warrior
  • Posts: 368
  • Growing Old Disgracefully. R1200GS
  • View Profile
« Reply #4 on 17/11/2009, 09:48 »
Don't know about writing everything by hand. The size of some sites these days it would take forever.  However, I think it's essential you know what's going on 'under the hood'. A simple analogy, why tighten up nuts and bolts with your fingers when there are plenty of suitable spanners in the box. Cheesy
Top end spanner is of course Dreamweaver™ but there are plenty of good cheap 'spanners' around and some are free. Don't use Word HTML though, it's a mess. Grin

This is supposed to be pretty good for starters if you are running Windows http://www.coffeecup.com/free-editor/ but there's loads to choose from if you look around.
Definition of getting older.
"With time technology improves, with time the mind doesn't!"
Logged
  • Gabe
  • Bright Spark
  • *
  • Posts: 207
  • (I reserve the right to be dim on a regular basis)
  • View Profile
« Reply #5 on 17/11/2009, 11:38 »
Can't add much to Ben's spot-on summary.

With regard to the specific problem of concealing an email address. I don't think there's a perfect solution; even things like captcha get cracked. One way to cut down on the risk of harvesting is to use an encrypted email address with a bit of Javascript to decode it. There are online resources that will generate the code for you, including this enkoder.
I'm assuming you have access to homepages. Plusnet homepages includes a simple email form script. You can encrypt the line
Code:
<INPUT TYPE="HIDDEN" NAME="recipient" VALUE="e-mail address" />
in a similar way (e.g. using the advanced enkoder form, just replace the line with the generated script).

Incidentally, the line
Code:
<INPUT TYPE="TEXT" SIZE="XX" MAXLENGTH="XX" NAME+"form field name" />
should read NAME=

Getting slightly more complicated, you could read up on excluding bad bots and scrapers using an htaccess file.

Gabe
Logged
« Reply #6 on 17/11/2009, 13:44 »
this site is hand written, cant find any thing wrong with it  http://peterchild.co.uk/info1/about.htm#about  look down page for info on the HTML
Free-online member since 15 Dec 1998
You dont have to be mad to understand what PN are up to, but it helps
Logged
  • mal0z
  • Usergroup Member
  • *
  • Posts: 3383
  • View Profile
« Reply #7 on 17/11/2009, 13:44 »
Totally agree with Ben  - learn the tools of the trade - html/css/php/mySQL etc etc.

Dreamweaver although it can write code - some of it is rather poor. but it is a great web site management tool - i.e if you change a file name, it updates all other occurrences on the site etc. and much more

And avoid MS Word, Excel, Publisher, etc - they produce horrendous and unmaintainable code.


Mal               Plusnet Usergroup member
Logged
  • mal0z
  • Usergroup Member
  • *
  • Posts: 3383
  • View Profile
« Reply #8 on 17/11/2009, 13:51 »
this site is hand written, cant find any thing wrong with it  http://peterchild.co.uk/info1/about.htm#about  look down page for info on the HTML

Some basic mistakes with html there - <P><h2>some text</h2>more text</P>
rather than:
 <h2>heading text</h2>
<p> block text</p>

and poor use of  <P ALIGN="CENTER"> rather than use css to control it
Mal               Plusnet Usergroup member
Logged
  • Midnight Caller
  • Posts: 1715
  • Please remember that I am Dyslexic wen replying
  • View Profile WWW
« Reply #9 on 17/11/2009, 15:17 »
Persanaly I do not like CSS, I here you say why? have a look at what happens wen you try viewing a web page with old Browser like: Netscape® 4.75 or if you are Browsing the web with a old screen reader, not all Disabled can afford the latest screen reader.

See Screen Shot.


* Netscape®_4.75.jpg (185.71 KB, 1024x768 - viewed 34 times.)
Kind Regards, Gary Lambert.      Force9 ID: dyslexia,
PlusNet ID: tdadyslexia,     PlusNet Since 6 Febuary 2001


DHEA Community Forum        Pleas Help Me To Save Lives
Logged
  • cso
  • Usergroup Member
  • *
  • Posts: 5775
  • View Profile
« Reply #10 on 19/11/2009, 12:51 »
I have to say, if you're still using Netscape 4.75, you really need to look to upgrading...

Gary: CSS if done properly, should have absolutely 0 effect on a scren reader, as it should read the content not the presentation layer.
Colin Ogilvie
Plusnet Usergroup Member
Using: Plusnet Unlimited
Logged
  • Midnight Caller
  • Posts: 1715
  • Please remember that I am Dyslexic wen replying
  • View Profile WWW
« Reply #11 on 19/11/2009, 14:23 »
I only use Netscape 4.75 & Bobby v3.2 for testing sites with, I use Netscape Composer 4.75 plus Notepad & Microsoft FrontPage to build web sites with!  I mainly only use Netscape Composer & Notepad, Notepad to clean up with, that is the code on the page.

But to brows the web I use Internet Explorer v6 & Firefox v3.5.2 Running in Sandboxed see screen shot above.

I find that a lot of sites that use CSS make the site for jo blogs, not for people who have a Disability like me, so yes if CSS is done properly Screen Readers can Read the text on the page, but a lot don't do sites properly including PlusNet, try using a Text Reader on PlusNet's Home Page or PlusNet's Accessibility Page, you can Download Help Read from my archive here for Free.

The new Address for the Big Archive is: http://www.bigarchive.co.uk

[Edit]

Help Read is for Windos only.

[Edit]

From Bobby
Quote
All images should contain a short alternative text description that represents the function of the graphic. This includes images used as image maps, spacers, bullets in lists, graphical buttons, links, and images used to present math equations.

When creating alternative text, aim for a functional label based on the context in which it is used rather than a visual description. A good test to determine if alternative text is useful is to imagine reading the document aloud over the telephone. What would you say upon encountering this image to make the page comprehensible to the listener?
My Bold, images should be avoided were possible.

« Last Edit: 19/11/2009, 14:44 by Midnight Caller »

Kind Regards, Gary Lambert.      Force9 ID: dyslexia,
PlusNet ID: tdadyslexia,     PlusNet Since 6 Febuary 2001


DHEA Community Forum        Pleas Help Me To Save Lives
Logged
  • cso
  • Usergroup Member
  • *
  • Posts: 5775
  • View Profile
« Reply #12 on 20/11/2009, 14:16 »
From Bobby
Quote
All images should contain a short alternative text description that represents the function of the graphic. This includes images used as image maps, spacers, bullets in lists, graphical buttons, links, and images used to present math equations.

When creating alternative text, aim for a functional label based on the context in which it is used rather than a visual description. A good test to determine if alternative text is useful is to imagine reading the document aloud over the telephone. What would you say upon encountering this image to make the page comprehensible to the listener?
My Bold, images should be avoided were possible.

I fail to see how images should be avoided?

The quote above which I presume is where you draw your justification from states that you should provide alternative text, which helps the user who can not see the image understand what the image is, not that you shouldn't use images at all...
Colin Ogilvie
Plusnet Usergroup Member
Using: Plusnet Unlimited
Logged
  • Midnight Caller
  • Posts: 1715
  • Please remember that I am Dyslexic wen replying
  • View Profile WWW
« Reply #13 on 20/11/2009, 16:25 »
I said "images should be avoided were possible" I did not say don't use images.
Kind Regards, Gary Lambert.      Force9 ID: dyslexia,
PlusNet ID: tdadyslexia,     PlusNet Since 6 Febuary 2001


DHEA Community Forum        Pleas Help Me To Save Lives
Logged
  • mal0z
  • Usergroup Member
  • *
  • Posts: 3383
  • View Profile
« Reply #14 on 20/11/2009, 21:08 »

Use the following code to load css stylesheets ?

<link href="/inc/tables.css" rel="stylesheet" type="text/css" media="aural" />

<link href="/inc/nextservice.css" rel="stylesheet" type="text/css" media="braille" />
Mal               Plusnet Usergroup member
Logged
« Reply #15 on 22/11/2009, 11:30 »
I went through the same process recently - working out what tools to use to build my new website. The Help & Support For Beginners guide mentions NVu, but this has now been superseded by Kompozer. This is a great simple html editor and there is also a good User Guide that both explains from first principles how to use the tool and also acts as an introduction to other technologies such as CSS. This may be the right tool for you if you want a simple site and want to get to grips with html etc.

I needed something a little more powerful (I need access control levels, slideshows and I have quite a bit of content) so I looked at Content Management Systems such as Wordpress, Joomla and Drupal. I've ended up with Joomla as it didn't need too much programming knowledge but did have loads of functionality and its reasonably easy to build a slick looking site. I built up quite a reasonable site (in terms of both functionality and looks) on my own pc in next to no time and I'm actually working out how to transfer this to the PN webspace at present. I suspect my lack of success in the transfer is the simple fact that I'm very new to this.

So, for me the right answer was: Kompozer for simple sites, Joomla for something more complex and Drupal for the power user.
Good luck!

Logged
Pages: [1]
Jump to:  

Related Sites

Community Apps

Here at Plusnet we're always trying to use clever open source things to make our lives easier. Sometimes we write our own and make other people's lives easier too!

View the Plusnet Open Source applications page

About Plusnet

We sell broadband, phone, VoIP and more to homes and businesses in the UK. Winner of 9 out of 11 Categories in the 2008 USwitch survey. Winner of "Best Consumer ISP" at 2008 ISPA awards. Voted number 1 in the Broadband Choices 2008 survey.

© Plusnet plc All Rights Reserved. E&OE

Powered by SMF | SMF © 2006-2008, Simple Machines LLC

Add to Technorati Favourites