Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Taller Web Del Profesor
Taller Web Del Profesor
Web: http://webdelprofesor.ula.ve
E-mail: webdelprofesor@ula.ve
2. Aspectos Básicos
n Terminología y conceptos.
n ¿Qué es HTML?.
n ¿Qué necesitamos?...
n Demostración del Instructor. Edición de los elementos de una página Web con Netscape Composer.
http://webdelprofesor.ula.ve 2
1. Introducción
3
Objetivos del Taller
http://webdelprofesor.ula.ve 4
Alcances del Taller
http://webdelprofesor.ula.ve 5
Servicio “Web del Profesor”
http://webdelprofesor.ula.ve 6
Alternativas para publicación electrónica en la ULA
n Requerimientos especiales
n Servicios Web para dependencias universitarias
n Sitios Web de postgrados y unidades de investigación
n Sitios Web de eventos Todas
Todas estas
estas opciones
opciones están
están
disponibles
disponibles para
para Uds.
Uds. Como
Como
profesores
profesores ee investigadores
investigadores de
de
http://webdelprofesor.ula.ve la
la ULA
ULA 7
2. Aspectos Básicos
n Terminología y conceptos.
n ¿Cómo trabaja la Web?.
n ¿Cómo se encuentra un documento en la Web?. URLs y buscadores.
n ¿Qué es HTML?.
n ¿Qué necesitamos?...
n Formas de crear sitios Web.
n Pasos previos a la creación de un sitio Web.
n Tipos de Documentos que puede publicar en su Web.
n Consejo para el nombramiento de carpetas y archivos para sus
páginas Web.
n Dirección de la página principal de su sitio Web.
n Componentes de una página Web.
8
Terminología y conceptos.
http://webdelprofesor.ula.ve 9
¿Cómo trabaja la Web?
Su computador
...solicita
...solicita documento
documento a...
a... Servidor Web
Servidor
Servidor envía
envía documento
documento
aa su
su computador
computador
Su
Su computador
computador
despliega
despliegael
el
documento
documento enviado
enviado
http://webdelprofesor.ula.ve 10
¿Cómo se encuentra un documento en la Web?
Las direcciones Web (URLs)
n http://www.saber.ula.ve/unidades/planilla.html
n http://webdelprofesor.ula.ve/ingenieria/fpalm
Mencionen
Mencionen otras
otras direcciones
direcciones Web
Web que
que hayan
hayan visto
visto yy les
les llamen
llamen la
la atención.
atención.
http://webdelprofesor.ula.ve 11
...¿Cómo se encuentra un documento en la Web?
Los buscadores
n Buscadores globales
n http://www.google.com
n http://www.altavista.com
n http://www.auyantepui.com
n Etc...
n Buscadores locales
-- Mencionen
Mencionen cual
cual buscador
buscador global
global les
les da
da mejores
mejores resultados.
resultados.
-- Mencionen
Mencionen un
un problema
problema que
que ocurre
ocurre con
con los
los buscadores
buscadores globales.
globales.
http://webdelprofesor.ula.ve 12
¿Qué es HTML?
http://webdelprofesor.ula.ve 13
¿Qué necesitamos?...
¿¿ Uds.
Uds. tienen
tienen un
un lugar
lugar donde
donde publicar
publicar sus
sus páginas
páginas Web?
Web?
http://webdelprofesor.ula.ve 14
Formas de crear sitios Web
Utilizando
1
Herramientas de
Conversión de
Formato
Utilizando
2
Editores HTML
Escribiendo el
3
código HTML
http://webdelprofesor.ula.ve 15
Pasos previos a la creación de un Sitio Web
Secciones del sitio, Árbol del sitio Boceto o esquema de una página
navegación
Logo de la ULA Nombre e-mail
Datos de Contacto Resumen Curricular
Se
Se puede
puede usar
usar un
un patron
patron de
de diseño
diseño pre-
pre-
definido
definido para
para facilitar
facilitar esta
esta tarea
tarea (diseño,
(diseño,
boceto,
boceto, diagramación)
diagramación)
http://webdelprofesor.ula.ve 16
Tipos de Documentos que puede publicar en su Web
Cualquier otro archivo digital: p.ej. documentos Word, Power Point, Excel, etc.
http://webdelprofesor.ula.ve 17
Consejos para el nombramiento de carpetas y archivos para sus
páginas Web
Cuando se trabaja con archivos para un servidor
Web, es conveniente seguir algunos consejos:
! @ # $ % ^ & * ( ) / \ | “ : ; , ? + , etc...
http://webdelprofesor.ula.ve 18
Dirección de la página principal de su sitio Web
n http://webdelprofesor.ula.ve/ciencias/josepena/clases.html
n http://webdelprofesor.ula.ve/ciencias/josepena/
Mencione
Mencione cual
cual es
es la
la desventaja
desventaja de
de NO
NO usar
usar estos
estos nombres
nombres sugeridos
sugeridos de
de
archivo
archivo para
para la
la página
página principal
principal de
de su
su sitio
sitio Web.
Web.
http://webdelprofesor.ula.ve 19
Componentes de una página Web
n Gráficos.
n Enlaces (hipervínculos).
Se
Se podrán
podrán crear
crear gráficos
gráficos en
en un
un editor
editor Web?
Web?
http://webdelprofesor.ula.ve 20
3. Creación de Sitios Web usando un Editor Web (Netscape
Composer)
21
Planificación del sitio Web del profesor
http://webdelprofesor.ula.ve 22
... Planificación del sitio Web del profesor
http://webdelprofesor.ula.ve 23
… Planificación del sitio Web del profesor
http://webdelprofesor.ula.ve 24
… Planificación del sitio Web del profesor
http://webdelprofesor.ula.ve 25
… Planificación del sitio Web del profesor
http://webdelprofesor.ula.ve 26
… Planificación del sitio Web del profesor
http://webdelprofesor.ula.ve 27
Demostración del Instructor. Edición de los elementos de una
página Web con Netscape Composer
Patrón previamente
creado para dar
mayor facilidad a los
profesores
http://webdelprofesor.ula.ve 29
Práctica: Editando sus páginas Web
1. Escoja en que lugar de su computador creara el sitio Web (para el taller en:
C:\taller_web_del_profesor\mi_sitio_web\).
2. Genere las carpetas necesarias en el lugar escojido (para el taller ya
estarán creadas algunas).
3. Coloque los archivos necesarios en las carpetas correspondientes (para el
taller ya existirán algunas carpetas y archivos).
4. Abra el archivo patrón proporcionado (patron1.html), con Netscape
Composer y guardelo con el nombre index.html
5. Comience a editar la página principal de su sitio. Incorpore o edite
elementos en la página Web (texto, enlaces, imágenes, tablas, etc.).
6. Guarde el archivo a menudo.
7. Pruebe la página en el navegador Web (Explorer o Netscape).
8. Repita pasos del 4 al 7 para crear cualquier otra página de su sitio.
http://webdelprofesor.ula.ve 30
...Práctica: Editando sus páginas Web
http://webdelprofesor.ula.ve 31
...Práctica: Editando sus páginas Web
n Modelo posible:
http://webdelprofesor.ula.ve 32
4. Publicación de Sitios Web en la Web del Profesor
33
Herramientas necesarias para publicar contenidos en
la Web del Profesor
n SFTP son las siglas que corresponden a Secure File Transfer Protocol
(Protocolo Seguro de Transferencia de Archivos); y es un sistema seguro
de envío de archivos a través de Internet que se usa en el servicio Web del
Profesor de la ULA.
Será
Será que
que existen
existen clientes
clientes yy servidores
servidores FTP
FTP inseguros?
inseguros? R:
R: SI
SI
http://webdelprofesor.ula.ve 34
Antes de Transferir los archivos al servidor
http://webdelprofesor.ula.ve 35
Conectándose con el servidor webdelprofesor.ula.ve
http://webdelprofesor.ula.ve 36
Transfiriendo archivos al servidor webdelprofesor.ula.ve
http://webdelprofesor.ula.ve 37
Comprobando que su sitio Web se despliegue correctamente
http://webdelprofesor.ula.ve/SU_FACULTAD/SU_LOGIN
http://webdelprofesor.ula.ve 38
Felicitaciones !!
http://webdelprofesor.ula.ve 39
Preguntas, dudas, comentarios finales? …
40
Gracias por su atención
webdelprofesor@ula.ve