How to make the most out of my homesite Eygló Björnsdóttir

How to make the most out of
my homesite
Eygló Björnsdóttir
Different programs for making websites

Front Page





(from Microsoft – not included in the 2007
package)
Dreamweaver
Even Word and Publisher (from Microsoft)
Note Tab Light
All kind of programs available from Netservices (that’s what we use in Iceland –
http://dkg.muna.is)
2.8.2009
Eygló Björnsdóttir
2
Free Websites


The Google service (http://sites.google.com/site/eyglob)
All kind of blogsites


(Wordpress.com is what I like best )
All kind of Wiki-sites

(wikispaces.com; wetpaint.com) (to get rid of advertisment

you have to pay for them)
http://eyglob.wikispaces.com
http://utn0153.wetpaint.com

2.8.2009
Eygló Björnsdóttir
3

Some points to have in mind to help you
design a good looking and useful website
2.8.2009
Eygló Björnsdóttir
4
The “magic” behind a website 

I have had this question:



Do different fonts require more bytes than others?
Does the use of color affect the cost?
This is an example of code in a HTML-file:


2.8.2009
<font face="Arial" color="#FF0000" size="2">
This is a text</font>
<img border="0" src=“mountain.jpg" width="118"
height="120">
Eygló Björnsdóttir
5
What fonts to use?


Always use fonts that is most likely all people
have in their computers
The best fonts to use on websites are so
called Sans-Serif fonts (Verdana, Arial,
Helvetica).

2.8.2009
Times New Roman, Palation, New York and other
Serif fonts are good fonts for printing but not on
screen.
Eygló Björnsdóttir
6
Fonts

On this webpage you can see the difference between
using Times New Roman and Verdana.
2.8.2009
Eygló Björnsdóttir
7
Fonts

Be sure that all the text on the website has
the same font... Mixing fonts on the same site
is not good looking
2.8.2009
Eygló Björnsdóttir
8
Color

Like I said before, you can use all kind of
color on the text of your website and colored
text doesn’t use more bytes than black .

But the rule is to use font color with care....

2.8.2009
It is good to use color to place emphasis on
something, but mixing many colors on the same
page doesn’t look good.
Eygló Björnsdóttir
9
Line Length




Readability is best when each line contains 8 to 15
words
The best way to control this on webpages is to use
tables. Table with the width of 500-550 pixels is a good
one to use.
Here you can see a webpage where the lenght of the
lines is not controlled
Here is the same page but here the line lenght is
controlled.
2.8.2009
Eygló Björnsdóttir
10
Paragraph Length


2.8.2009
Limit your paragraphs to 1-3 sentences.
This style is commonly used by journalists
in newspapers around the world.
Be as brief as possible. Say what you
mean, mean what you say. This will limit the
length of the your paragraphs and
document.
Eygló Björnsdóttir
11
2.8.2009
Eygló Björnsdóttir
12
Underlining


There is an easy rule when using underlining
in web pages. Don't.
How do you get around underlining?


2.8.2009
Use italics or bold.
Book titles should be italized.
Eygló Björnsdóttir
13
Tables
Using tables allows you to
utilize that space that
would otherwise be
wasted. It would be a
good idea to adjust the
padding to keep your text
off the edge of the table.
On this table you see the
border.
2.8.2009
Eygló Björnsdóttir
14
Tables
Ordinarily you'd set the
border to 0, thus making
the table invisible.
2.8.2009
Eygló Björnsdóttir
15
Tables

It is also good to use tables when you want to write
picture text below the pictures
Crater Lake in Oregon
2.8.2009
This is also Crater Lake in
Oregon
Eygló Björnsdóttir
16
Pasting from other programs

Either use Notepad (or similar plain text
program) or use the “Paste Special” option in
the webprogram
2.8.2009
Eygló Björnsdóttir
17
Images:





Images, especially photos from digital cameras,
are very big in size. You have to make them
smaller before you use them on your site
Notice: It is not enough to define the size in the
program you use to make the site, you actually
have to make the image file smaller.
You can either use the webmaking program to
do that, a graphic program or some free services
on the Internet
Here is a page with a small picture
Here is a page with a big picture
2.8.2009
Eygló Björnsdóttir
18
More about images

Here are two services that are good to use to work
with images:



And if you just need to get them smaller you can use
this one:


http://pixenate.com/
http://www.picnik.com/
http://www.picresize.com/
To make many images smaller at the same time you
can use the Easy Thumbnail programme

2.8.2009
http://www.fookes.com/ezthumbs/
Eygló Björnsdóttir
19
Working with images

When you place an image into a document and align it
left or right, any text you have will simply hug itself
around the image. This can be easily accomplished by
changing what is called the VSPACE and HSPACE of an
image.
Without VSPACE and
HSPACE
2.8.2009
Eygló Björnsdóttir
With VSPACE=10 and
HSPACE=10
20
The Alt tag

Remember to use the “Alt” tag when you
insert an image your file:


2.8.2009
The "alt" attribute tells the reader what he or she
is missing on a page if the browser can't load
images. The browser will then display the
alternate text instead of the image. It is a good
practice to include the "alt" attribute for each
image on a page, to improve the display and
usefulness of your document for people who have
text-only browsers.
See on this page
Eygló Björnsdóttir
21
More about Pictures



Images can only be rectangular in size,
transparency is a way to get around this limitation
When using GIFs you can make a single color value
become transparent (you can not do that on photos
from cameras).
F.eks: To get rid of the blue color around the light
bulb, you make the blue color transparent.

2.8.2009
This only works with GIFs with backgrounds that are a
single color value
Eygló Björnsdóttir
22
Other files than HTML-files



You can upload all kind of files to your server and
link to them from your homepage, but you should do
that with care. Making PDF files is probably the best
thing to do.
All files you use and show on you homepage have
to be on your server, unless of course you are
linking to files that others have on their server
You can use some free services like Google for
keeping some files and link to them from there.
2.8.2009
Eygló Björnsdóttir
23
Interactive files



Some programs like f.eks FrontPage and
Dreamweaver let you make all kind of
interactive files to use on your website
You can also make interactive forms on
Google and link to them from your website.
http://spreadsheets.google.com/viewform?hl=
en&formkey=dHlMRkFQM1VoU0I3S2o1ajhfa
zNDNkE6MA..
2.8.2009
Eygló Björnsdóttir
24
What content should be on a state website?









The Society Purposes and Mission Statement(required)
Informations about administration and boards
Links to all the chapters websites if there are any
News from the state work and also news from all the
chapters if they don’t have independent websites
Informations about the society funds available
Publications (both local and International)
News ...on the Frontpage (first page)
Members list (password protected)
Photos (if agreed)
2.8.2009
Eygló Björnsdóttir
25
more:




Links to all kind of informations on the DKG Society
International site
Links to other state sites (e.g here in Europe)
Calendar where you can mark important dates?
More??
2.8.2009
Eygló Björnsdóttir
26
Who provides the informations that goes on
the website?



The state president and the administration
board
All our boards also can send the webmaster
all kind of informations
The webmaster himself (reading and picking
up information from other state homesites
and The DKG Society International site
2.8.2009
Eygló Björnsdóttir
27
How do you keep a website updated?

Simply by viewing the website at least once a
month or so and try to think of something to put
in there... 

...if I get no idea... I go to the The DKG Society
International site and try to find some interesting
things there to put on our site...and it is
important always to mention what is new on the
site in the News section so that visitors can see
that the site is alive.
2.8.2009
Eygló Björnsdóttir
28
How do you handle personal informations
on the website?




Always when we have some kind of meeting we ask for
permission to put photos on the web. In the future we will
let the women tick to the statement that posting photos
are allowed when they are registering for any activities
on behalf of DKG.
We are working on having each chapter make a file
where every woman sign that posting photos, names,
email adress, phone number ect. is allowed.
Next winter we will have our members list on a closed
webpage where you need password to get inside
Yfirlýsing (statement)
2.8.2009
Eygló Björnsdóttir
29
Java scripts

(http://vefir.unak.is/beta/felagatal_beta.html)

http://www.javascriptkit.com/epassword/index
.htm
more to use:
http://www.javascriptkit.com/script/cut34.shtml
2.8.2009
Eygló Björnsdóttir
30