Documente Academic
Documente Profesional
Documente Cultură
TABLA DE CONTENIDO
1.
2.
3.
4.
5.
6.
ALOJAMIENTO ............................................................................................................ 87
ACTIVIDADES DE PRCTICA ................................................................................. 91
CUESTIONARIO.......................................................................................................... 91
7.
8.
REFERENCIAS.......................................................................................................... 100
Disea, crea y edita pginas web mediante el uso de software local o en lnea
para la creacin de sitios web administrativos y pedaggicos.
Utiliza hosting gratuitos o pagos para cargar los archivos necesarios para el
funcionamiento de un sitio web.
de
enormes
protocolos
actualmente
se
de
utiliza
comunicacin,
la
familia
de
fsicas
heterogneas
que
la
mediante
enlaces.
cualquier
actividad
rea
humana.
de
la
La
informacin se ha convertido en
lo ms valioso dentro de, por
ejemplo,
una
empresa,
Wordpress,
Blogger,
Wikipedia,
Youtube,
Flirck,
los
denominados
discusiones
construir
contenido
en
de
foros,
manera
Por otro lado existen sitios web que por la dimensin se denominan Portales o
pueden ser corporativos o personales. Un portal, a decir de Flores (2010, p. 6)
es un sitio web que centraliza enlaces de una forma organizada y fcil de tal
forma que facilita la navegacin dentro de un tema especfico en la red.
11
Webs
institucionales
Informativos
webs de recursos
o bases de datos
educativos
Sitios web
educativos
Formativos
Webs Entornos
de formacin a
distancia
Webs de
materiales
didcticos
13
Webs institucionales
Este tipo de sitio es el tradicional. Por medio de este la institucin informa a
los usuarios (padres, estudiantes y comunidad) sobre temas relacionados a
su historia, actividades, datos estadsticos, organigramas, relaciones de
docentes, estudiantes, fotos, vdeos de actividades, relacin de blogs de
docentes, proyectos, asistencia de docentes y estudiantes, entre otros datos
de naturaleza meramente informativa.
Un ejemplo de este tipo de sitios es:
15
17
ACTIVIDADES DE PRCTICA
1. Identifica los elementos o partes de los diferentes tipos de sitios web
educativos tratados.
2. Elabora un croquis de la estructura de tu sitio web.
3. Completa la prctica del docente.
CUESTIONARIO
1. Qu otros tipos de pginas web educativas has podido encontrar? Por
qu no pueden estar dentro de la clasificacin propuesta?
2. Qu semejanzas y diferencias puedes encontrar entre los diferentes
tipos de sitios web educativos tratados?
3. Es necesario contar con un sitio web propio? Por qu?
18
19
20
22
Como se indic al inicio del apartado, el lenguaje para construir una pgina web
es el HTML que se trata bsicamente de etiquetas que sirven para definir los
textos y dems elementos que contendr la pgina web. En la imagen anterior
se muestra la sintaxis de una etiqueta.
CSS
HTML
Java
Script
HTML5
en el presente manual.
HTML5 es un estndar que
rene tres (3) tecnologas: el
24
En el Block de Notas
escribir la etiqueta de
apertura o inicio <html>,
las
etiquetas
Etiqueta de apertura
van
Etiqueta de cierre
poseen
una
25
26
28
<svg> es una etiqueta, al igual que <img>, que permite insertar dibujos y
animaciones vectoriales al estilo de Flash.
Existen muchas otras etiquetas que permiten mejorar el aspecto final de la pgina web
u organizar mejor la informacin, pero a partir de ahora puede ser necesario utilizar otros
tipos de editores HTML o plantillas que es lo ms recomendable.
29
Hacer clic derecho en el archivo y buscar la opcin Abrir con y hacer clic
en Bloc de notas.
30
31
Al costado de las partes de la pgina web se pueden observar las etiquetas que
se utilizan en HTML5.
Por ejemplo para poner el ttulo de la pgina web utilizamos la etiqueta
<header> y </header> para cerrar.
Otra etiqueta que se usa bastante es <h1> y </h1> que permite establecer el
tamao de la fuente ms grande, estas etiquetas pueden ir de h1 a h6 siendo h1
el tamao de fuente ms grande y h6 el ms pequeo.
32
33
34
35
36
e. Al hacer clic en una opcin del men izquierdo se muestra las alternativas
que se tiene. Por ejemplo en la opcin Fondo de pgina muestra las
opciones de color, imagen o vdeo.
f.
37
la
personalizacin y edicin de
la pgina se puede pasar
hacer lo mismo con las
dems pginas o crear otras
y proceder a editarlas de
acuerdo
al
criterio
del
usuario.
Para acceder a editar las
otras pginas del sitio hacer
clic en la opcin pginas
ubicada en la barra superior.
El
cuadro
de
pginas
del
sitio
como
ir
al
panel
de
continuacin
un dominio gratuito
j.
39
Elige distintos tipos de pgina, como pgina web, anuncios, panel de control y
lista.
Para utilizar esta aplicacin de Google, se debe tener una cuenta en Gmail:
a. Para ingresar a SITES usar la URL https://sites.google.com/?hl=ca o en el
Google buscar sites. Cuando se ingresa a Google Sites se muestra el
escritorio o pgina de inicio que se muestra en la imagen siguiente. En esta
pgina de inicio de SITES se mostrarn, luego todas las pginas que se
hayan creado.
En la parte superior de la pgina de inicio se muestra el botn de Crear, hacer
clic ah para empezar a crear un sitio.
40
41
g. Se cuenta con las opciones de elegir un diseo y escribir una descripcin del
sitio. Luego se muestra la opcin para marcar que no es un robot quien crea
el sitio y el RECAPTCHA para comprobarlo.
42
h. Ahora slo queda hacer clic en el botn CREAR ubicado en la parte superior
de la pgina. Esto tomar algn tiempo. Finalmente se mostrar el sitio recin
creado en modo de edicin. En la parte superior de la pgina del editor se
tienen las herramientas para editar representado por el cono de un lpiz
, crear una nueva pgina
, ms acciones
y la opcin de
compartir el sitio.
i.
Para editar la pgina web actual hacer clic en el cono del lpiz, a
continuacin se presenta en modo edicin. En este modo se tiene una barra
de men y herramientas de formato de texto, adems se tiene el botn
guardar o cancelar. Si se desea utilizar el lenguaje HTML, existe la opcin
para pasar a ese modo de ingresar informacin.
43
HTML
j.
Los elementos situados en la categora comn nos sirven para poder insertar
imgenes y otros elementos que toda pgina web posee. Por ejemplo para
subir una imagen a la pgina web en edicin hacer clic en la opcin
correspondiente, esto mostrar un cuadro donde se puede subir una imagen
44
l.
45
del
eliminarla
hasta
la
por
ejemplo
el
que
pueden
ser
adjuntos
entre
y
otras.
47
48
50
51
d. Para configurar la pgina hacer clic en el cono del engranaje ubicado en la parte
superior.
52
g. Para seguir editando la pgina creada, hacer clic en el cono del lpiz. Esto nos
muestra la pgina en modo edicin con las barras de herramientas.
h. Si es necesario insertar contenido hacer clic en el men insertar de la barra
superior para que muestre los tres tipos de contenido que se puede insertar.
Como se observa en la imagen siguiente, es posible insertar directamente
contenido de los otros servicios de Google como Calendario, Grfico, Drive,
Google+, Grupo, Hangout, Mapas y Youtube.
i.
Para insertar un archivo que se tenga guardado en Google Drive hacer clic en
Drive lo que, como lo muestra la imagen siguiente, los distintos tipos de archivos
que se guarda en Drive.
53
l.
54
55
d. Hacer clic en Guardar. Esto muestra la pgina como se mostrar al pblico, con
el vdeo incrustado en la pgina.
56
57
58
conocimientos
tcnicos
de
modelos
educativos
59
fuera
de
los
espacios
60
WORDPRESS
62
63
f.
64
i.
j.
65
k. Cambiar los datos solicitados y resaltados y hacer clic en grabar, cono del
disquete ubicado en la parte superior de la ventana, esperar a que termine
de grabar antes de salir. Luego cerrar la ventana haciendo clic en la X.
Grabar cambios
l.
66
67
68
69
70
necesario
para
creacin
de
los
es
lo
que
obtendrs,
71
ticmoquegua.webcindario.com
que
es
ingresar
cualquier
navegador
http://ticmoquegua.webcindario.com/wpadmin
b. Se solicitar el nombre del usuario y la
contrasea que se ingresaron durante la
instalacin de Wordpress.
c. Hacer clic en iniciar sesin para acceder a la administracin del sitio web creado.
d. Lo primero que se tiene es la pgina del panel con otras opciones de
administracin en un men a la izquierda.
e. Para poder acceder al panel de control se debe hacer clic en el botn omitir
ubicado en la parte superior izquierda de la pgina de panel.
f.
72
administrar
la
apariencia,
los
caracterstica
del
men
de
Cuando se encuentra en el rea pblica (hacer clic en el nombre del sitio opcin
Visitar sitio) la barra de herramientas tendr el siguiente aspecto:
PERSONALIZACIN
75
hacer
clic
en
la
opcin
cambiar.
Es
posible
del
mismo,
en
la
clic
en
el
botn
d. Hacer clic en el botn salvar y publicar. Ahora el sitio se muestra con los cambios
realizados.
76
CONFIGURACIN INICIAL
De acuerdo a muchos expertos en Wordpress, el primer paso luego de instalar
Wordpress es configurar sus funciones debido a que de esta manera podremos
administrar mejor el contenido del sitio web ahorrando tiempo dado que muchas
opciones pueden determinarse desde el inicio.
Para configurar las principales funciones en la versin de Wordpress instalada se
utilizar la Opciones del panel principal, tal como se muestra en la imagen siguiente, al
hacer clic en opciones e despliegan varios tems: General, escritura, lectura, discusin
multimedia y enlaces permanentes.
77
b. Comentarios
78
79
Se recomienda utilizar la opcin Nombre de Entrada. Esto hace que todas las
entradas, artculos o pginas tomen por defecto en la URL el ttulo que se les
hayas puesto. De esta manera se evitar que se generen URL complejas. En su
lugar, las URL tendrn las palabras clave que se ha colocado en el ttulo, lo cual
es ideal para posicionamiento SEO.
No olvidar de buscar el botn de guardar cambios ubicado al final de la pgina,
de lo contrario no se establecer las funciones configuradas.
Importante: aunque se haya automatizado las URL, cuando se est editando una
pgina o entrada se puede editar la URL, y aqu es recomendable simplificar al
mximo el slug dejando slo las palabras clave separadas por guiones medios
(no se usa guion bajo en las URL).
d. Actualizaciones
Peridicamente se lanzan nuevas versiones de Wordpress por lo que es
importante revisar estos cambios y actualizar la versin que se ha instalado a la
nueva versin pero considerando lo siguiente: verificar que los plugins instalados
en el sitio sean compatible con la nueva versin porque de lo contrario se podra
causar problemas diversos; esperar un tiempo desde que se publique la
actualizacin antes de proceder a actualizar el sitio web, para verificar los errores
que se reporten y las incompatibilidades encontradas por miembros de la
comunidad.
Para actualizar todo lo referido al software del CMS hacer clic en Panel y luego
en la opcin Actualizar.
80
Es necesario configurar que se mostrar cuando los usuarios digiten la URL del
sitio creado. Como se observa en la imagen anterior esto se denomina portada
y se puede elegir entre 2 opciones: Sus ltimas entradas mostrar esto y una
pgina esttica mostrar cualquiera de las pginas que se tengan creadas. Esto
se puede determinar luego de la creacin de las pginas que tendr el sitio. Para
ver las pginas y elegir alguna, desplegar el combo. Es posible tambin
determinar la pgina donde se colocarn las entradas.
CREAR ARTCULOS
Los artculos o entradas o post son el elemento ms importante de un sitio web dinmico
dado que permiten a los dems usuarios como estudiantes u otros comentar la
publicacin, completar una consigna, entre otras utilidades. Poder hacer publicaciones
de manera rpida, con aspecto profesional y sin tener mucho conocimiento de
81
82
d. Esto muestra otros temas en la parte inferior, pero adems muestra otras
opciones ubicadas en la parte superior. Una de ellas es la de agregar temas con
83
f.
Ahora se muestra los temas que concuerdan con los filtros. Cada tema que se
muestra presenta las opciones de instalar para poder luego acceder y la de vista
previa para poder probar el tema sin instalar. Lo recomendable es hacer clic en
la vista previa.
84
j.
85
86
87
88
registrarse
en
miarroba.es
escribimos
en
el
navegador
la
URL
http://miarroba.es/
89
f.
A continuacin se debe completar el formulario con los datos requeridos, nombre del
sitio nuevo, la contrasea personal y el cdigo de seguridad.
90
91
92
el
uso
compartido
de
ficheros
(programas
y/o
datos),
(a
travs
de
programas) de servidores
remotos,
hacer
5.
en Finalizar
94
Para poder subir archivos usando el protocolo FTP se debe tener algunos datos
informativos referidos al nombre del servidor remoto al cual se transferirn, un nombre
de usuario, la contrasea (si el sitio FTP lo establece).
95
96
4. En el panel del servidor remoto, para el caso de Miarroba hacer clic en la carpeta
web que es donde se deben subir los archivos.
97
98
99
100
101