/





"" ) Ruffini (2000: 58
.



.
" " ) Valenti et al ( :
:
) ( :

) : (

.
:

- " " Ruffini :

" " ) Ruffini (2000 : 58
:
-

:
.
--

: .

: Home Pages and Contents

home page
.

: Site Navigation Structure

:
.

: :
.

:
.

: Selecting a Web Authoring Program

Visual Home Page Front page 2000 :
. Dream Weaver Page

) ( " " ): Ruffini (2000 : 58

) : ( " " Ruffini

--

 - " " Ryan, et al. :

" " ) Ryan et al.( :
:
- : .
- : .
- :

.
- :
.
- :
.
- : :
.
- : : .
- : .
- : :
.
) ( "" ): Ryan et al.( :

--

 :
. .
. - . .
.
:
- . - . . :
.
:
. . - . . :
-. . - - . .

:
. . . . :
- . - . . :
- . - . . :
- . . - - . .

) : ( ""

- "" Jolliff et al. :

"" ) Jolliff et al.( :
:
:
- : :

.
- : :
.
- : :
Devlop graphical user interface and screen
templates Flowchart Develop storyboard
--

 .
- : :
:
.
) ( "" ): Jolliff et al( :
-

-
-

-
.

-8

-
-
.
- .

) : ( ""

- :
) ( - :
:
-

.
--

index.html
.

- -
.

- :
) ( - : :
-

FrontPages 2000
. Word 2000

:

.

- :
) ( : " "
" " Smith & Ragan " "
Ronald E. Wyllys :
- : :
. : .
: : .
--

 : : : Desktop

.
: : Java Script

.
: .
- : :
: .
: . ) ( :
) : (

.
.

.
.
)
( .
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
--

.
- .

. . .

 - :
) ( - :
) (
) ) (
(
:
- :
:
-

: .

: .

:
.

: .

: .

- :
:
-

: :
.

:
:
... .

: .

: .

- :
:
-

:
.

--

:
) ( .

:
.

- :
:
.
- : :
-

: .

:
.

) ( :
-

) : (
- -

 - :
) ( :
:
- : :
.
- : :
.
- : :
) ( ) ( .
- :

- -
.

- :


" " " "



:

:

:
) : (

- -

- .
- .

- .
- .

: :
- .
- .
- .
- .
- .
- .

: :
-
.
- Flowchart
.
-
.

- .
- .
-
.

- .
- .

- .
- .

- .
- .

) : (
:

- :
:

-- :



:
. Windows- -

 . Word . . . . . . . .

-- :

.

-- :

:
. .

.
.

: .
Power Point . .- -

 -- :
:
-

:
.

:


cyber .

:
Data Show
Laser CDs .

- :
:
:
-- : :
--- :



.
--- :


.
--- :

:
- -

 . . : . : .
:
-
:



.
: . : Power Point . : .
--- :

:
-

Portfolio
.

- -

 --- :



.
--- :
:
% .
% . % . -- : :


:
--- :
:
Course Outline
links .
--- Flowchart :

:
. . . .
:
- -

 - :

:
-

:
:

:

: :
.

:
.

: .

:
.

- :
:
-

:
:

: .

:
.

: .

: .

:
.

: Power Point
.

: .
- -

: .

: .

: .

:
.

:
.

:
.

:
.

:
.

: .

:
.

--- :

:
Graphical
User Interface :
- :
:
:
- - :


.
- -

- - :




.
- - :

.
- - :

.
- :



.
- :
:
.
- :
Graphical User Interface




.

- -

 - :
:
-

: HTML
Microsoft FrontPage Dream Weaver
-
Java Script PHP .

:
: .

: Microsoft
Word Microsoft FrontPage Power Point
.

:
Power Point Microsoft Word
Adobe Photoshop Paint
.

: Gif


.

:
C.Ds Windows Sound Recorder

.

:
C.Ds .

- :

:
- -



:
. . . . ( Internet Explorer or Netscape ) : : . Links .
: .


index.html C.D

server .

- :


:
. - .

- :

:
-

: :
.
- -

 portfolio . .-

: :


.
.

- -


: :
- ) . (

) ( .-
- ) . (2001 : .
- ) . (


.
- ) . ( :
: .
- ) . ( : .
- ) . (

.
: :
7- Byun, H. , Hallett, K. & Essex, C. (2000) . Supporting Instructors in the Creation of Online
Distance Education Courses: Lessons Learned. Educational Technology,
40 (5), 57-60
8- Harrison, N. & Bergen, C. (2000) . Some Design Strategies for Developing an Online
Course. Educational Technology, 40 (1), 57-60
9- Jolliffe, A., Ritter, J., & Stevens, D. (2001) . The Online Learning Handbook " Developing
and Using Web-Based Learning". London: KOGAN PAGE.
10- Rankin, W. (2000) . A Survey of Course Web Sites and Online Syllabi. Educational
Technology, 40 (2), 38-42
11- Ruffini, M. (2000) . Systematic Planning in the Design of an Educational Web Site.
Educational Technology, 40 (2), 58-64
- -

12- Ryan, S., Scott, B., Freeman, H., & Patel, D. (2000) . The Virtual University: The Internet
and Resource-Based Learning. London & Sterling (U.S.A.): KOGAN
PAGE.
13- Valenti, S., Panti M., & Leo, T. (2003) . Relevant Issues for the Design of a Successful WebBased Instructional System: MODASPECTRA. In: A. Aggarwal (Eds.) .
Web-Based Education: Learning from Experience. (pp. 371-397) London:
IRM Press.
14- Weston, T. & Barker, L. (2001) . Designing, Implementing, and Evaluating Web-Based Learning
Modules for University Students. Educational Technology,41 (4), 15-22

- -