Advanced Website Design “How Not To Get It Wrong!”

JJ Smith MD FRCSSenior Registrar in Surgery

DMI Module 3 Tutor

Healthcare Information Management

Medical informatics is the application of computers, communications and information technology and systems to all fields of medicine - medical care,

medical education and medical research.

•Best way to disseminate information

•Many applications in my field

•Desire to take design further

•CME Course

Module Content

Module Content – Section 1

Hardware Software Web Servers Web Hosting

Getting Started

Module Content – Section 2

Overview The Plan Design

Planning The Website

Module Content – Section 3

Summary Suggested Starting

Point The Home Page Frames Medical Sites Specific Pages

Producing The Pages

Module Content – Section 4

Dynamic Pages Programming UNIX & Linux Uploading

Dynamic Content

Module Content – Section 5

Tips, Tricks, Content, Security etc

Example 1

Example 2

The Home Page

Title Statement Search or map Good stuff first Easy links Over formatting Graphics BAD POINTS?

Home Page 2

Thou Will Not Use Frames?

Frame Avoidance

<script language="JavaScript" type="text/javascript">

<!-- Hide script from older browsers//Set redirect pagevar url = "http://www.mypracticename.org/";//Should this page be in frames?// y for yes and n for no

forceframe("y");function forceframe(frames)

{if (frames == 'y'){

if (self.parent.frames.length == 0){

self.parent.location = url;}

}else if (frames == 'n')

{if (self.parent.frames.length != 0){

self.parent.location=url;}

}}// end hiding contents --></script>

JavaScript

Enabled?

Thou Will NEVER Use Flash

Thou Must Be Browser Compatible?

IE6IE5

IE4 NS6 NS4Opera0

5

10

15

20

25

30

35

40

45

50

%

640x480

800x600

1024x780

1280x1024

1600x1200

0

10

20

30

40

50

60

%

Thou Will Never Have Dead Links

Thou Will NEVER Be ‘Under Construction’

More Sins…..

Summary

Website Design UNIX, Linux, MS Servers Basic Programming Skills Dynamic Websites Web Technology