Objetivos del Taller
Familiarizar
a los Aprendices en la creación y
edición de sitios Web personales sencillos.
Facilitar
a los aprendices la publicación en Internet de material útil para su vida
académica y de investigación.
Mejorar el
conocimiento de los Aprendices en el uso de Tecnologías de Información y Comunicación
(TICs) modernas.
Incorporar
el uso de TICs en el quehacer académico de los Aprendices.
1.
Investigue y copie en su cuaderno de Apoyo técnico
el significado de:
Internet, World Wide Web, WWW, Web, Página Web, sitio Web, portal
Web, Navegador Web, browser, editor Web, editor HTML, servidor Web,
Alojamiento, hosting, publicación Web n HTTP, FTP, SFTP, SSH n URL, HTML, HTM n
Java, JavaScript, PHP.
2.
Analiza el siguiente gráfico y elabora una
conclusión:
A. Su
computador solicita a un servidor Web que le envíe un documento almacenado en
él.
B. El
documento viaja a través de Internet hasta su computador.
C. Su
computador despliega el documento que solicitó.
3.
Copia en tu cuaderno la siguiente información:
¿Cómo se encuentra un documento en la Web?
Las
direcciones Web (URLs) n Los documentos en Internet (y el Web) se pueden ubicar
gracias a que cada uno posee una “dirección web” (llamadas URLs) n Direcciones
web típicas serian las siguientes:
http://www.saber.ula.ve/unidades/planilla.html
|-servicio-|----
servidor ------|-- detalles del camino y el archivo ---|
¿Qué
necesitamos para elaborar y publicar páginas Web?
Para Navegar por el Web:
Conexión
de algún tipo a la red Internet.
Navegador Web (Google Chrome, Internet
Explorer).
Para elaborar páginas Web:
Navegador
Web. Editor de texto o editor HTML o conversores de formato.
Programas
para procesar o elaborar gráficos (opcional).
Para publicar información en el Web:
Haber
elaborado previamente páginas Web y gráficos relacionados.
Tener a
nuestra disposición una institución o compañía que “aloje” nuestras páginas
(tener una “cuenta de usuario” en una universidad, compañía o proveedor de
acceso a Internet, con derecho a publicar nuestros propios archivos en sus
servidores) o tener servidores propios conectados a Internet.
Tipos de
Documentos que puede publicar en su Web
A
continuación una lista algunos tipos de documentos que Ud. Puede publicar en su
Web:
No todos
estos tipos de documentos pueden ser mostrados por el Navegador directamente;
algunos necesitan aplicaciones de apoyo o plugins (es el caso de Word, Flash,
MP3, etc.)
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:
NO usar
!!! espacios en blanco en un nombre de archivo o carpeta aunque su sistema
operativo lo permita.
Usar una
convención para mayúsculas y minúsculas. Para un servidor Web el archivo
“mipagina.html” es diferente al archivo “MIPAGINA.Html” (para MS Windows no!!).
Consejo: usar minúsculas
NO usar
!!! Letras acentuadas dentro de los nombres de archivos.
NO usar
!!! caracteres especiales en el nombre de los archivos: ! @ # $ % ^ & * ( )
/ \ | “ : ; , ? + , etc...
Usar
nombres descriptivos para los archivos, sin importar su longitud.
Componentes
de una página Web
Las
páginas Web se componen de varios elementos:
Texto.
Gráficos.
Enlaces
(hipervínculos).
Elementos
de diagramación y formato.
4.
Lea atentamente la siguiente información, elabora un resumen cópialo en tu cuaderno de Apoyo Técnico,
al finalizar tu resumen con 15 palabras
que debes sustraer de los textos debes elaborar
un sopa de letras bien organizada.
El diseño
web.
Definición
El diseño
es fundamental para el éxito de un sitio web. Se entiende por diseño la forma y
el estilo de la página, es decir, no basta con crear una página mediante HTML y
CSS, sino que la página debe resultar útil y atractiva para el usuario.
Entran dentro del
diseño, aspectos tales como la maquetación, los colores, la distribución de
elementos, el tamaño y forma de los mismos, y otros elementos del estilo y
composición del sitio.
Un buen diseño
El éxito de un
sitio web no depende solamente de que se muestren buenos contenidos, sino que
gran parte del éxito se debe a un buen diseño. Una página con un buen diseño
debe ser a la vez útil y atractiva, para ello debemos tener en cuenta no sólo
la usabilidad o funcionalidad, sino también la estética. Al crear una página
debemos pensar sobre todo en el punto de vista del usuario, es decir que a éste
la página le resulte fácil de usar, y atractiva, no sólo por sus contenidos,
sino también visualmente.
En principio
cabría pensar que un buen diseño es sólo cuestión de aplicar el buen gusto y el
sentido común. Sin embargo esto puede no ser suficiente ya que en el diseño,
existen una serie de normas y directrices que van más allá de gustos personales
o de modas.
Limitaciones del diseño web
Como en cualquier
otro tipo de diseño, el diseño web también tiene sus limitaciones. En cualquier
tipo de diseño hay una serie de condicionantes que dependen del medio o
material con el que diseñamos, así como el tipo de diseño.
En el diseño web
dependemos de un medio, que es Internet, así como de unos lenguajes de
programación: HTML, CSS, Javascript, PHP. Estos condicionantes hacen que el
diseño web tenga una serie de características.
Descarga
desde un servidor: Las páginas web deben descargarse desde un servidor web
remoto, esto hace que el ancho de banda de la conexión del usuario sea un
factor importante. Tendremos que tener en cuenta el tamaño o "peso"
de la página (Kb que ocupa), para que ésta no tarde mucho en cargarse.
Tamaño de
las imágenes: El "peso" de la página depende del
"peso" de la suma de todos sus componentes o archivos. Sin duda los
archivos de mayor peso son las imágenes y archivos multimedia. No podemos
prescindir de las imágenes en la página, pero sí que podemos reducir su peso
sin disminuir por ello su calidad. Sobre este tema hablamos también en la página Imágenes en la web/Generalidades.
Los Navegadores: Las
páginas web son archivos que deben ser visualizados en unas aplicaciones
llamadas navegadores. No todos los navegadores visualizan las páginas de la
misma manera. A esto se añade que cada vez más usuarios se conectan a Internet
a través de otros dispositivos que no son ordenadores (móviles, tablets,
I-Phones, etc); Las páginas puede que no se visualicen de la misma manera en
estos dispositivos.
Interactividad: Toda
página tiene una serie de elementos interactivos que debemos tener en cuenta.
Algunos de éstos suelen ser listas de enlaces, formularios, u otros elementos
que pueden hacer la página más dinámica. La colocación de estos elementos
debemos hacerlo de forma que estén integrados en la página.
Otros
elementos : Hay otra serie de elementos que debemos tener en cuenta en el
diseño de páginas, entre ellos, la resolución de pantalla del usuario, el tipo
de letra empleado, los colores y líneas dominantes, la distribución de los
contenidos, etc.
El diseño web
tiene sus propias características, a lo dicho anteriormente tenemos que tener
en cuenta tanto el contenido de la página como la actitud de los usuarios de la
Web.
Utilidad y estética
Si éstas son las
claves de cualquier diseño, en el entorno de la Web esto debe ser la finalidad
de todo diseño web.
Como utilidad se
entiende también la funcionalidad y la usabilidad, es decir la
página debe ser fácil de ver y de utilizar por el usuario, es decir, que el
usuario encuentre en un primer vistazo lo que busca, que los enlaces y demás
elementos estén claros, de forma que el usuario no abandone la página por falta
de claridad.
La estética de
una página tiene que ver con la maquetación, los colores, la distribución de
los elementos, tipo de letra, etc. Todo esto debe estar en función de los
contenidos, del tipo de usuario al que va dirigida la página, del tipo de sitio
web al que pertenece, etc. La página debe resultar atractiva para el
usuario, de forma que su diseño esté en concordancia con los contenidos.
Nota: Por
ningún motivo, se permitirá pegar la copia del taller en el cuaderno. De ser
así se considera fraude.
