You are on page 1of 29

]  

M  
   
M

  
M  M 

Ì  
  
        

¤ 


 


|
M M
   

M
 

÷
 !"#$%
!"#$% $&'(
9 Es un conjunto de páginas Web o 
que
que sirve como un
punto de entrada único a la información de una institución o
empresa.
9 úos portales deben estar organizados de forma que para los
usuarios sea fácil, cómodo e intuitivo encontrar la información
que desean.
9 Actúa como punto de entrada a Internet
9 Concentra servicios y productos
9 Organiza Internet ayudando a los usuarios en sus requerimientos
de información.
9 Cuentan con un mecanismo de búsqueda

{
 !)*
!)* +)
Entre las características claves que debe cumplir un buen portal
están:
9 (n diseño agradable de sus páginas y una interfaz de fácil uso
para los usuarios
9 Proporcionar mecanismos de organización y búsqueda de
información
9 Proveer mecanismos de gestión y seguridad adecuados
9 Permitir el acceso a una variedad de recurso, no sólo HTTP.

×
!'+))+&
! '+))+&  ,$)+-
9 
 úsqueda de información. ( uscador o índices)
 Cuentas de acceso a e
email
 oticias ( suscripciones rss)
 Entretenimientos (páginas personales)
 ervicios comunicaciones (chat, foros)
 escargas

9 ]  
- Información (noticias, información especializada, galerías,
etc.)
- Comunidades virtuales.
- Directorios de información.

É
!'+))+&
! '+))+&  ,$)+-

à
!
!  +.+))+/&
9  !
 Tienen una vida limitada
 Objetivo es informar y promocionar eventos
9 6""#$#
 Publicaciones diarias de prensa o académicos
 ácil mantenimiento para facilitar su actualización
%!&"
'(
% !&"
'(
9 ###
 u contenido es !&)
 ariedad y originalidad de entretenimientos
 El )  es uno de sus mayores servicios
%
% 
9 #("
 (so de consumidores o clientes finales
 Permite transacciones comerciales de compra
%*
% * +
<
!
!  +.+))+/&
9 (#(#
 Orientado solo a usuarios finales, no pueden realizar transacciones
 Acceso a catálogos y enlaces de productos
%#'(
% #'(
9 #, $#
 itios de información y corresponden a organismos educativos,
cultural, etc.
%#
%#  "( 
9 "( 
 rindan servicios de formación, capacitación
 rindan recursos para los docentes, educadores y público en general
%*(  -##!
-##! 

%
!'+))+&
! '+))+&  ,$)+-
9 
 úsqueda de información. ( uscador o índices)
 Cuentas de acceso a e
email
 oticias ( suscripciones rss)
 Entretenimientos (páginas personales)
 ervicios comunicaciones (chat, foros)
 escargas

.
0,$)+-!"#$%
0,$)+-! "#$% (
9 s una Web de interés educativo, diseñado con un objetivo
pedagógico.
9 Busca facilitar aprendizajes o acceso a recursos didácticos
9 Proporciona información, comunicación y formación,
convirtiéndose en un espacio virtual de trabajo individual y
colaborativo.
9 Pueden ser Web personales (Web docente), institucionales
(Portales educativos), formativas (Campus virtuales)

|
+ 1,0,$)+-
9 M." &$&
 Objetivo
 Público
 Contenidos
9 M.(( !
 Estructura general del web
 istema de navegación
9 M."! #, /
 Estructura de las páginas (marcos)
 Composición de los elementos(textos, fondos, imágenes, íconos,
tablas, marcos)

||
+ 1,0,$)+-
'"
 ""



( 
"))  



 
 ()
!"-.

!" !"*
##$
!
!" +
) )+
!" ,
$ &$


+ 1',2/2+)
a Y*/01 *) ) ! '  )*! 2 
)'' '03
2)*)-4*

  ) "- 2 0'' ' ) !


'0  ) "'' '0 2 ) 5 ))
  ) "'' '0 6' 2 '7
'   0''   )
 ' 8. 2 './3

|
+ 1',2/2+)

a M1 *) ) *)!  )  '"


).  ) 4*3
$0'-')-4*

*)  '9: 6;7 ') *) 


)  '-  
) - = 3  -) 2
)3
   *  " -
="! *) *) )  ') '8
' ' )-/ 2  2 ) =" " 
 ) )"  '*  ) 3
|
+ 1',2/2+)

a ] ' 1 ] ' )) =  


 2     
 ' =  -.'  )  - 4*3
(  ' 2
  -. ) 

)   ) =  


 2    -= 0 
 )  )    3
  = ''' 2 ) )- /   ) =  

'*  ' '   2  3  )- /
   *- 3
*)  )    -) ' )  '  2 )
   )   ) ' ) 4*

|
+ 1',2/2+)
a ] ' 1

|
+ 1',2/2+)
a ] '   ) 4* ' 1
 
 ') '  6 = ) 7
 
 ' )  
 ') ' 
4* ' ) -    ') ' 
$ 0'' ' 0- 
  ' 
 )  )
$-'
]) '    
 69) =    *) -
0' = 7
)    0   6' -  -
   =  ' =  
  37

|
+ 1',2/2+)
a ] '   ) 4* ' - 1
 
 ' ) - 
 ' )  '  2    6'  
 )    0'  /    2  0''
*  )  **) -=; 7
&  ' ' - '    6 -7
)    0   6' -  -
   =  ' =  
  37
]) '    
 6)' '  ' *) - 9
) =    0' = 7
$-' 2     ' ) - 

|
+ 1 $)$
a µ0- 
1 Y-. 
 ')  0; )  ' )
 -   =-  )    ')  3

]
   '2 )=  


" ú    '*  '  )    ' * ' 2


   ) =  
3
" ] 0 '0' ) '' ' =  
   *9 ''
 8 ) 2   ) - ).) 3
" )*  )  ' 0- 
  =)/ ) ) 
 
)  - ') 4* 3

|.
+ 1 $)$
a ] '  1

" ²- 
 ' ' 1 M0
 )
-  ' ) 
'   )      )  0  )
=- 
 5 )3
" ]  
 ' )   1 '= 
 ' ) / ;
-. 
 ' )  0) ' =  

"  ' 0- 
1 )    5)  )
 -    -    )     '= )    '
5)  
3

÷
+ 1 $)$
a µ0- 
1
  '' 1
9 ]
  0 

÷|
+ 1 $)$
a µ0-
1
  0-
 ) * 

))  "5 #'

÷÷
+ 1 $)$
a µ0- 
1
   ' 0- 
 ') * 

÷
+ 1,+&.3
a V=.1  =  )     ' ) 0 ). 
 ' 
 - 4*
]
 '*0) -)    
]


M= )    ' )  - */  =


M )   
 ' )  )  ]
 
 ) =  

ú  )  - =  '*    )  */0  2
   ) ) ')  *) 3
µ  '* '  '   )  
'   ) /3
ú    '* '   )  -   2 =  '
)   *)3
÷
+ 1,+&.3
ú  - '*  = ) ' -3
ú  - '*  = ) ' )
*)  - ; 0 )

²"

Izquierda uperior up. Izq. anidado

÷
+ 1,+&.3
V=.1  
')))

÷
+ 1,+&.3
a ] '  1

9 8-=
½ 5 1)= ))-*)8 6 |÷7 = 
*0  ' ' ')2 )3
½ ² ' 1 ' ' )-*)''') 5  
 = '   ) '  
2
   
3
½ V -1'* ) =  
8     )
8 *23
½ *)1  / )  - 0  ')
'8 3
½ > 1      ;' '

÷
+ 1,+&.3
a ] '  1

9 !-)*)
½ M=)  ;  ') ; )  *; ) 2  ')
5 3
½ ) 
'=  )  ') 0; ) 3
½ M=) = ' )  )')  ) 60' 
 ' 73

÷
+ 10,$)+-
9 Y )&+,)+&
 ] *)'' ) 0-' 
 ] *)''' )  
 ² )'''0- 

 '.) - -- = 
 ] ')  ).  

÷.

You might also like