Refresh Creations Ltd Tutorials Feed

Outlook Express Details

Mon, 01 Mar 2010 17:00:59 -0600

Outlook Express is an older email client available by default in older windows operating systems up to and including Windows XP.

This tutorial assumes the following details, please substitute your details accordingly.

The details are as follows:

JABT3359F33S

Account Name:: Refresh Creations Ltd
Email Address:: me@refreshcreations.co.uk
Account Type:: POP3
Password:: securepassword
Incoming Mail Server:: mail.refreshcreations.co.uk
Outgoing Mail Server:: mail.refreshcreations.co.uk

Important! Your Outgoing SMTP Mail Address may be different to this: please refer to this list of servers for your ISP'

Video Link: Coming Soon

Setting up an email account in outlook express

in the task menu click on tools -> accounts...

A pop-up box should appear looking similar to this:
Click on the add button then click on Mail... from the pop-up menu.
A New pop-up box will appear, asking you to enter your display name.

This will be sent with any emails sent from this account. So choose wisely, the click "Next>"
Now, enter your full email address, and click next
Now, in the E-mail Server Names box:

Select POP3 As your type of incoming mail server.
Enter the Incoming mail Server detail in the next box and the outgoing mail server in the box below.
Your outgoing server may differ from the specified one, please click here to be taken to a list of UK ISP Outgoing Server Names and use the appropriate one for your ISP.
Click Next>
Now, in the Internet Mail Logon Box:

Enter your email address in the Account Name: and Your Email Password in the below box, check whether or not you would like outlook express to remember your password and leave "Log on using Secure Password Authentication (SPA) Unchecked. Click Next> and then Finish

Now Click Close

Basic Usage:

Viewing Inbox Contents:

If you Click on the Inbox folder now you should see a demo message from Outlook Express, the contents of the email will appear in the bottom right pane.

Writing and Sending an Email

To create a new email click on the Create Mail Button at the top left of the window.

This will bring up a new window where you can set who you wish to send the mail to, send carbon copies (CC's) of the email to, The subject of the email and, importantly, the message of the email.

When you have finished composing your message, click send and the email should send itself out.

Check for New messages

To send and receive emails, you can also click on the send/recv button which will update your inbox with any messages stored on the server.

Please note that by default, once downloaded from the server they are deleted from the server, so the only copy of the email will be in your email account in outlook.

Notes

BT Internet Customers may also want to view this tutorial to ensure their email address is registered with bt before continuing as their policy on email spam is quite over the top.

Any emails you fully delete from webmail will be removed from the server an made unretrievable.

Please Note, me@refreshcreations.co.uk is not a live account, any emails sent to this address will be ignored.

Outlook Details

Mon, 01 Mar 2010 17:00:59 -0600

Microsoft Outlook is an email client integrated with the Microsoft Office series of products. It isn't free to download but is still quite widely used.

This tutorial assumes the following details, please substitute your details accordingly.

The details are as follows:

Account Name:: Refresh Creations Ltd
Email Address:: me@refreshcreations.co.uk
Account Type:: POP3
Password:: securepassword
Incoming Mail Server:: mail.refreshcreations.co.uk
Outgoing Mail Server:: mail.refreshcreations.co.uk

Important! Your Outgoing SMTP Mail Address may be different to this: please refer to this list of servers for your ISP'

Video Link: Coming Soon

Notes

Any emails you fully delete from webmail will be removed from the server an made unretrievable.

Please Note, me@refreshcreations.co.uk is not a live account, any emails sent to this address will be ignored.

Windows Mail

Mon, 01 Mar 2010 17:00:59 -0600

Windows Mail is the outlook express replacement email client in Windows 7. It's FREE to download and is part of the Windows Live pack which includes windows messanger and other useful programs.

This tutorial assumes the following details, please substitute your details accordingly.

The details are as follows:

Account Name:: Refresh Creations Ltd
Email Address:: me@refreshcreations.co.uk
Account Type:: POP3
Password:: securepassword
Incoming Mail Server:: mail.refreshcreations.co.uk
Outgoing Mail Server:: mail.refreshcreations.co.uk

Important! Your Outgoing SMTP Mail Address may be different to this: please refer to this list of servers for your ISP'

Video Link: Coming Soon

Notes

Any emails you fully delete from webmail will be removed from the server an made unretrievable.

Please Note, me@refreshcreations.co.uk is not a live account, any emails sent to this address will be ignored.

Domain configuration

Wed, 10 Mar 2010 17:00:59 -0600

Coming Soon

Mozilla Thunderbird

Mon, 01 Mar 2010 17:00:59 -0600

Mozilla Thunderbird is a freely available email client which runs on linux, windows and other operating systems, including straight from a USB Key. This tutorial deals with Thunderbird Version 2.0.0.23

This tutorial assumes the following details, please substitute your details accordingly.

The details are as follows:

Account Name:: Refresh Creations Ltd
Email Address:: me@refreshcreations.co.uk
Account Type:: POP3
Password:: securepassword
Incoming Mail Server:: mail.refreshcreations.co.uk
Outgoing Mail Server:: mail.refreshcreations.co.uk

Important! Your Outgoing SMTP Mail Address may be different to this: please refer to this list of servers for your ISP'

Video Link: Coming Soon

Notes

Any emails you fully delete from webmail will be removed from the server an made unretrievable.

Please Note, me@refreshcreations.co.uk is not a live account, any emails sent to this address will be ignored.

Web Mail Access

Mon, 01 Mar 2010 17:00:59 -0600

This tutorial assumes the following details and is aimed at Refresh Creations Ltd customers to assist them in accessing their email services remotely, please substitute your details accordingly.

The details are as follows:

Account Name:: Refresh Creations Ltd
Email Address:: me@refreshcreations.co.uk
Account Type:: POP3
Password:: securepassword
Incoming Mail Server:: mail.refreshcreations.co.uk
Outgoing Mail Server:: mail.refreshcreations.co.uk

Video Link: Coming Soon

Step 1: Set-up

Open up your web-browser.

Step 2: Logging In

Enter the following into the address bar. This is normally located towards the top of the window, in the centre.

http://www.refreshcreations.co.uk/webmail/
(Replacing refreshcreations.co.uk with your domain name)

Then enter Your Email Address and Password into the password prompt

Step 4: Squirrel Mail

Select an email client, in this example we'll be using squirrel mail.

Step 5: Viewing Email

Step 6:Sending Email

Step 7:Closing Squirrel Mail

Simply Click on the Log Out button to end your Squirrel Mail Session , then close your web-browser.

Notes

Any emails you fully delete from webmail will be removed from the server an made unretrievable.

Please Note, me@refreshcreations.co.uk is not a live account, any emails sent to this address will be ignored.

UK ISP Outgoing Servers Table

Mon, 08 Mar 2010 15:00:59 -0600

This list should assist you when configuring your email accounts with your Internet Service Provider.

Many ISPs insist on outgoing e-mail being sent through their SMTP servers in order to help flag spam, so sending email out through these servers will certainly help your email get to it's intended recipient.

Some ISPs, notably BT Internet may request extra checks to validate your email address. If this is the case, please contact your ISP for a further explanation.

List of UK ISP Outgoing Server Details
ISP	Outgoing SMTP Server
AOL	smtp.aol.com
Blueyonder	smtp.blueyonder.co.uk
BT Click	mail.btclick.com
BT Connect	mail.btconnect.com
BT Internet and BT Openworld	mail.btinternet.com / mail.btopenworld.com
Clara.net	relay.clara.net
Compuserve.com	smtp.compuserve.com
Demon	post.demon.co.uk
Eclipse	smtp.eclipse.co.uk
Freenetname	smtpmail.freenetname.co.uk
Gmail	smtp.gmail.com
Nildram (ADSL)	smtp.nildram.co.uk
NTL	smtp.ntlworld.com
O2	smtp.o2.ie
Onetel	mail.onetel.net.uk
Orange	smtp.orange.net
Plusnet	relay.plus.net
Talk Talk	smtp.talktalk.net
Tiscali	smtp.tiscali.co.uk
TescoNet	mail.tesco.net
UK2	smtp.uk2.net
UK Online	smtp.ukonline.co.uk
Virgin	smtp.virgin.net
Wanadoo UK	smtp.wanadoo.co.uk
Yahoo	smtp.mail.yahoo.com
Yahoo UK	smtp.mail.yahoo.co.uk

Email Settings in cPanel

Wed, 10 Mar 2010 17:00:59 -0600

Coming Soon

File Managing in cPanel

Wed, 10 Mar 2010 17:00:59 -0600

Coming Soon

cPanel Access Logs

Wed, 10 Mar 2010 17:00:59 -0600

Coming Soon

Automated Tasks

Wed, 10 Mar 2010 17:00:59 -0600

Coming Soon

Fantastico Software Installation Guide

Wed, 10 Mar 2010 17:00:59 -0600

Coming Soon

What is XHTML and what is it used for?

Mon, 01 Mar 2010 16:00:25 -0600

Please Note: This is a beginners guide and does not go into great depths regarding styling webpages using CSS (Cascading Style Sheets). Tutorials on CSS usage will becovered in the future in another tutorial section. This tutorial concentrates on the Basic Structures of XHTML documents a.k.a. web pages.

What is XHTML and What does it have to do with Website Design?

XHTML or HyperText Markup Language as is is otherwise known is the language for displaying web pages on a variety of technology from mobile phone to PCs, web TV, the Wii Shop Channel and many more devices. It's based upon a simple tagging structure where you mark areas of text or code as for example:

Basic XHTML Tags
Tag	Function
<p>	Fomat enclosed text as a paragraph
<strong>	Make enclosed text appear bold
<em>	Make enclosed text appear italic
<u>	Underline enclosed text
<img>	Display an image
<title>	Create a title
<h1>	Format enclosed text as a level 1 header

and many more which we will explore into later in this tutorial.

I could go on about how the language came about and it's references to SGML, etc, etc but that's not really important for learning about the stuff. Lets get straight in with our first web page (code shown below)

First web page Code

<html>

<head>

<title>My First web page</title>

</head>

<body>

<p>Hello Internet!</p>

</body>

</html>

Copy and paste the boxed code to the left into a text editor of your choice.

(For the moment a simple program such as Notepad will suffice but later on you may want to consider downloading a copy of Programmers Notepad or perhaps Textpad Both have Code highlighting features which really help!)

Then save the file as index.html on your computer somewhere and open it up inside the web browser of your choice. I prefer Firefox but any slightly recent one should do.

Notepad Users be sure to change your type of file to *.*, not *.txt or (Text File). This will result in the file being named index.html.txt which is incorrect.

Assuming you've saved the file with the correct name you'll probably get something like this displayed on your browser

Groovy! You've made your first web page. Now, lets take a look again at the code behind it in more detail.

First web page Code Explanation

<html>

<head>

<title>My First web page</title>

</head>

<body>

<p>Hello Internet!</p>

</body>
 </html>

<html> tags

These tags help to identify the web page as a web page and are mandatory on all pages at the very start and end of the web page code.

<html>

<head>

<title>My First web
page</title>
 </head>

<body>

<p>Hello Internet!</p>

</body>

</html>

<head> tags

The header section of the document and once again, every web page should have these at the top of it, after the opening XHTML tag. This can be used to contain information about the proceeding document such as it's... wait for it...

<html>

<head>
 <title>My First web
page</title>

</head>

<body>

<p>Hello Internet!</p>

</body>

</html>

<title> tags

Yes, you guessed it, this aptly named tag is for the title of the web page in question. It again is mandatory for each web page to have a title. Ideally one that is relevant to the content inside the main area or body.

<html>

<head>

<title>My First web page</title>

</head>
 <body>

<p>Hello Internet!</p>

</body>

</html>

<body> tags

Where we begin displaying text, images, video, flash movies and lots more fun stuff. Yes, it's also mandatory for each web page to have one of these, otherwise, what would be the point of having a web page with no content!

<html>

<head>

<title>My First web page</title>

</head>

<body>
 <p>Hello Internet!</p>

</body>

</html>

<p> tags

A paragraph of text. Okay, I guess I am bending the rules here, "Hello Internet!" Is hardly a paragraph of text but it does serve it's purpose well In displaying a text as a paragraph.

Beginners Pitfalls

Hopefully you'll have noticed that XHTML uses opening and closing tags to define it's elements and that these can be layered within each other. For example:

The following code is nice and valid and displays itself properly.

<p><strong>Hello</strong>
Internet!</p>

Where as the following code (whilst it will still work in modern browsers) is incorrect and may result in layout or display errors in the document.

<p><strong>Hello
Internet!</p></strong>

You must ensure that inner tags inside outer tags are closed before closing outer tags and aren't left overlapping one another.

The best way to learn more is to play around with some tags.

Try using the following tags to make the body text more interesting.

Basic XHTML Tags
Tag	Function
<strong>Text</strong>	Will make the text the tags inside appear Bold
<em>Text</em>	Will make the text inside the tags appear in Italics
<u>Text</u>	Will underline the text inside the tags
<p>Text</p>	Will make the text inside the tags appear in a paragraph.

And, just for a bonus, the following self-closing tags will do the following:

Self-Closing XHTML Tags
Tag	Function
<br />	Will perform a line break and carriage return (e.g. hit the enter key)
<hr />	Will Add a horizontal Rule to the document.

Summary

In this lesson we have established the following:

A basic understanding of What XHTML is and what it does.
An introduction to the structure of a simple web page.
An introduction to some of the XHTML tags that can be used to format text and how they are used.

That's all for lesson 1.
Congratulations on your first-steps to hand-coding web sites!
Be back for lesson 2 with some photos for your web page!

Beginners Guide to Writing XHTML - Part 2

Wed, 10 Mar 2010 10:00:59 -0600

All about Images.

Without Images, the world wide web would be much less exciting. Informative, but not quite as much fun. This tutorial will explain how to use image tags in your webpages and show further implementations of them.

Summary

In this lesson we have established the following:

How to Add an Image into a HTML Document
How to create Imaes which link to other areas.
How to make basic thumbnail images.

Lesson 2 is over!
There's a lot more we can do in HTML though besides display images and text. Next up we have a look at the oft-misunderstood table tag.

Beginners Guide to Writing XHTML - Part 3

Wed, 10 Mar 2010 10:00:59 -0600

Tables Chairs, Plates and Cutlery. No, sorry, just tables. Everywhere!!! The Table tag is meant to be used strictly for representing tabular data. Akin to Spreadsheets in Excel, Open Office, Database Tables and Many varieties of Office sofftware. It does get widely used also for placing elements including images and text which strictly speaking isn't what it's there for but does provide that functionality. Basic Table Structure

My First Table Data
Heading 1	Heading 2
Alpha	Beta
Gaga	Delta

Some of you are probably thinking Whoa, that's a lot of code for just a table Ryan but wait. There are methods in my madness. You see, this is, closer to a Complete Basic table structure than purely a Basic Structure and okay, my apologies for thowing you in at the deeper end immediately but it's worth it, there's your favourite thing all wrapped up at the bottom of this tutorial anyway!

Summary

In this lesson we have established the following:

The basic structure of a table
Extra features including Colspan and Rowspan attributes
Reasons why tables should only be used for tabular data. Although 99% of people, including myself do use them occasionally to assist with layouts.

Wow. Talk about end of lesson 3. What's Next?
Lists, Lists and more Lists and not a drop to drink! (I may be fabricating the truth about the lack of water here)

Refresh Creations Page Admin Area

Sun, 08 Mar 2009 17:00:59 -0500

View Video on You Tube

ASCII and HTML Character Conversion Chart

Wed, 10 Mar 2010 10:00:59 -0600

This chart displays a list of Characters and their related html codes and decimal values. Which could come in handy if you're searching the the right code to input for a non alpha-numeric character, the pound (£) sign for example.

Character Conversion Chart (Chars 32 - 255)
Decimal	HTML	Character
32
33	!	!
34	"	"
35	#	#
36	$	$
37	%	%
38	&	&
39	'	'
40	(	(
41	)	)
42	*	*
43	+	+
44	,	,
45	-	-
46	.	.
47	/	/
48	0	0
49	1	1
50	2	2
51	3	3
52	4	4
53	5	5
54	6	6
55	7	7
56	8	8
57	9	9
58	:	:
59	;	;
60	<	<
61	=	=
62	>	>
63	?	?
64	@	@
65	A	A
66	B	B
67	C	C
68	D	D
69	E	E
70	F	F
71	G	G
72	H	H
73	I	I
74	J	J
75	K	K
76	L	L
77	M	M
78	N	N
79	O	O
80	P	P
81	Q	Q
82	R	R
83	S	S
84	T	T
85	U	U
86	V	V
87	W	W
88	X	X
89	Y	Y
90	Z	Z
91	[	[
92	\	\
93	]	]
94	^	^
95	_	_
96	`	`
97	a	a
98	b	b
99	c	c
100	d	d
101	e	e
102	f	f
103	g	g
104	h	h
105	i	i
106	j	j
107	k	k
108	l	l
109	m	m
110	n	n
111	o	o
112	p	p
113	q	q
114	r	r
115	s	s
116	t	t
117	u	u
118	v	v
119	w	w
120	x	x
121	y	y
122	z	z
123	{	{
124	\|	\|
125	}	}
126	~	~
127
128		€
129	&129;
130		'
131		ƒ
132		"
133		…
134		†
135		‡
136		ˆ
137		‰
138		Š
139		‹
140		Œ
141
142		Ž
143
144
145		'
146		'
147		"
148		"
149		•
150		-
151		-
152		˜
153		™
154		š
155		›
156		œ
157
158		ž
159		Ÿ
160
161	¡	¡
162	¢	¢
163	£	£
164	¤	¤
165	¥	¥
166	¦	¦
167	§	§
168	¨	¨
169	©	©
170	ª	ª
171	«	«
172	¬	¬
173
174	®	®
175	¯	¯
176	°	°
177	±	±
178	²	²
179	³	³
180	´	´
181	µ	µ
182	¶	¶
183	·	·
184	¸	¸
185	¹	¹
186	º	º
187	»	»
188	¼	¼
189	½	½
190	¾	¾
191	¿	¿
192	À	À
193	Á	Á
194	Â
195	Ã	Ã
196	Ä	Ä
197	Å	Å
198	Æ	Æ
199	Ç	Ç
200	È	È
201	É	É
202	Ê	Ê
203	Ë	Ë
204	Ì	Ì
205	Í	Í
206	Î	Î
207	Ï	Ï
208	Ð	Ð
209	Ñ	Ñ
210	Ò	Ò
211	Ó	Ó
212	Ô	Ô
213	Õ	Õ
214	Ö	Ö
215	×	×
216	Ø	Ø
217	Ù	Ù
218	Ú	Ú
219	Û	Û
220	Ü	Ü
221	Ý	Ý
222	Þ	Þ
223	ß	ß
224	à	à
225	á	á
226	â	â
227	ã	ã
228	ä	ä
229	å	å
230	æ	æ
231	ç	ç
232	è	è
233	é	é
234	ê	ê
235	ë	ë
236	ì	ì
237	í	í
238	î	î
239	ï	ï
240	ð	ð
241	ñ	ñ
242	ò	ò
243	ó	ó
244	ô	ô
245	õ	õ
246	ö	ö
247	÷	÷
248	ø	ø
249	ù	ù
250	ú	ú
251	û	û
252	ü	ü
253	ý	ý
254	þ	þ
255	ÿ	ÿ

Refresh Creations Ltd Tutorials Feed

Outlook Express Details

Video Link: Coming Soon

Setting up an email account in outlook express

Basic Usage:

Viewing Inbox Contents:

Writing and Sending an Email

Check for New messages

Notes

Outlook Details

Video Link: Coming Soon

Notes

Windows Mail

Video Link: Coming Soon

Notes

Domain configuration

Mozilla Thunderbird

Video Link: Coming Soon

Notes

Web Mail Access

Video Link: Coming Soon

Step 1: Set-up

Step 2: Logging In

Step 4: Squirrel Mail

Step 5: Viewing Email

Step 6:Sending Email

Step 7:Closing Squirrel Mail

Notes

UK ISP Outgoing Servers Table

Email Settings in cPanel

File Managing in cPanel

cPanel Access Logs

Automated Tasks

Fantastico Software Installation Guide

What is XHTML and what is it used for?

What is XHTML and What does it have to do with Website Design?

First web page Code

First web page Code Explanation

Beginners Pitfalls

Summary

Beginners Guide to Writing XHTML - Part 2

Summary

Beginners Guide to Writing XHTML - Part 3

Summary

Refresh Creations Page Admin Area

ASCII and HTML Character Conversion Chart