Práctica
#1:
<html>
<body>
<h1>
Texto de prueba 1</h1>
<h2>
Texto de prueba 2</h1>
<h3>
Texto de prueba 3</h1>
<h4>
Texto de prueba 4</h1>
</html>
<
viernes, 2 de junio de 2017
viernes, 26 de mayo de 2017
Tag´s HTML.
La etiqueta presenta frecuentemente dos partes su apertura y
cierre, y se cierran ambas partes entre símbolos “MENOR QUE”, “MAYOR QUE”. Lo veremos
a continuación.
APERTURA:
*El
inicio de una etiqueta se produce de la siguiente manera.
<Etiqueta>
CIERRE:
*El
final de una etiqueta se produce de manera similar a su apertura, aunque
agregando una barra:
</Etiqueta>
viernes, 19 de mayo de 2017
1.2 Elabora páginas web
estáticas haciendo uso del lenguaje de etiquetas XHTML.
A) Identificación de las normas
mínimas para facilitar el acceso.
El peso de las páginas de un sitio web
debe tener cierto peso razonable en kilobytes, es decir que la página no estará
cargada de imágenes que impida visualización.
Se recomienda ciertos estándares
internacionales internacionales para que el usuario no espere tanto en la
página, un tiempo de espera entre tres a 8 segundos para que aparezca algo
visible o legible en la pantalla, o 15 segundos para hacer clic hacia otra
parte del sitio.
Información de las páginas
Se recomienda construir una estructura
sobre el contenido que a llevar la página, por ejemplo utilizando tablas se
puede colocar un logotipo y el nombre del sitio, al usar la tabla podemos
colocarlos en la izquierda en la derecha o en donde mejor convenga.
Uso de presentaciones con flash
El uso del flash en una página web hace
que se recargue la página y pueda tardarse el tiempo de espera, por eso se
recomienda no exagerar en el uso de los elementos con flash en nuestro sitio.
Nota: En ocasiones será necesario descargar
el Plug IN para poder ver la animación del flash en la página.
Uso de marcas o Formas
Son documentos que permiten mostrar
documentos HTML en la misma ventana del navegador, es decir como si fueran
varias páginas abiertas.
Uso de imágenes o background (imagen de
fondo)
Con la finalidad facilitar los
contenidos, no se permite el uso de imágenes como fondo, se debe aplicar
color a un fondo para que sea agradable a la vista y no se tarde tanto la
página al cargarse.
Uso de Metatags
Son marcas usadas en el lenguaje Html,
utilizándose como rótulos (algo visible).
-Rótulos de términos que por
lo general no están visibles pero se trabajan en segundo plano. Para crear
un metatag se le da un nombre se debe a un documento a traves de la etiqueta
Meta ahí escribe el contenido, nombre de la empresa, etc, ejemplos:
B) Uso de las normas requeridas en la
incorporación de elementos gráficos y multimedia.
Se deben usar ciertas recomendaciones
para evitar que el peso de la página se vean afectadas.
1. Optimizar el peso de las páginas: Bajar
el máximo el peso de las paginas sin afectar la calidad de las imágenes (Visor
de imágenes)
2. Forma de imágenes: Los más
recomendados son: GIF y JPG
El GIF porque son imágenes con pocos
colores o con áreas de colores sólidos y los JPG porque llevan sombreado un
amplia gama de 256 colores.
Veamos para que debemos usar cada una:
GIF: Perfecta para usar en archivos
pequeños con colores limitados (escala de grises, por ejemplo). Evitar su uso
para fotografías.
JPG: ideal para mostrar fotografías en
la web sin ocupar mucho espacio en un servidor. Terrible para edición de
imágenes.
Ubicación de las imágenes
Toda imagen que se usa en el diseño de
una de nuestros paginas debe de ir en una carpeta llamada img y
dentro de ella crear carpetas para imágenes JPG o GIF. Usando la tecla Alt al
utilizarla mediante el código permite que la imagen sea leída mediante el
código y contenido.
Imágenes con alto y ancho
Los códigos para especificar el
alto y el ancho son:
-Ancho= width="60"
-Alto=height="80"
Manejo de plugins
viernes, 3 de marzo de 2017
A) identificación de elementos de una página
web.
En Internet es el resultado de
la interconexión de miles de computadoras que comparte los protocolos de
comunicación es decir el mismo lenguaje estos protocolos de comunicación es
decir el mismo lenguaje estos protocolos son TCP/IP los servicios básicos del
Internet son el correo, redes sociales, noticias, vídeo llamada etc.
- Ø www (World Wide Web)
- Ø Hipertexto
- Ø Funcionamiento de la web
- Ø Navegadores
- Ø Sistemas de búsqueda
- Ø Protocolo HTTP
WWW (World Wide Web):
Significa red de ancha mundial y es la más usada en Internet
a través de conexiones remotas llamadas sitios utiliza vínculos e hipertextos.
Además vídeos contenido multimedia etc. todo esto a través de las llamadas
URL.
Hipertexto:
Son los que contienen los enlaces por ejemplo los links de
este tipo http:/www.blogcaguamas.com estas ligas nos enlazan a otras páginas o
documentos.
El hipertexto está habituado a mensajes escritos pero
también a contenidos multimedia es decir si pulsamos cualquier imagen también
los enlaza a otra página a esto se llama hipermedia.
Funcionamiento de la web:
El programa que se usa para leer los documentos de
hipertexto que se llama navegador o browser es decir Internet Explorer, google
chrome, firefox, opera, thor, safari, por eso al decir que estamos navegando es
la forma de decir que nos movemos entre paginas por todo el mundo.
Navegadores:
Como ya mencionamos el google chrome, Internet Explorer,
firefox, existen varios tipos de navegadores pero los más populares son los que
ya mencionamos.
Sistemas de búsqueda:
En la actualidad los motores de búsqueda como yahoo, google
poseen los motores más importantes de la comunidad el motor de google agrega
texto clave que son a base de una base de datos por ejemplo si escribimos la
palabra lady a parece lady gaga o las múltiples lady de México. Esto en base a
una preferencia de búsqueda ya sea nacional e internacional.
Protocolo HTTP:
Es el protocolo usado para acceder a la web y nos muestra
todo tipo de información, al guardar la información de páginas visitadas se
utilizan los cookies que son archivos de texto que dejan rastro de donde
navegamos el protocolo HTTP utiliza el puerto 180 para navegar.
Estándares web y sus beneficios:
Son un conjunto de recomendaciones otorgadas por el world
wide web consurtium, y otros organismos sobre la forma de crear documentos web,
es decir consejos sobre el uso de la tecnología
para publicaciones web.
Entre los beneficios una página web debe tener un agrado
visual, colores de fondo, agradables a la vista, cargas de imágenes sin
exagerar o sobre carga de texto o otro beneficio es el uso del código xhtml y css que manejan
la apariencia visual agregando efectos
que antes usaba java script, este tipo de códigos so relevantes para agregar
motores de búsqueda hace compatible a los navegadores y permite que las
personas discapacitados utilicen su contenido.
CSS:
Las hojas estilo cascadas es un código o lenguaje utilizado
en códigos HTML, XML que hacen más presentable nuestra página web.
SCRIPTS:
Un script cuya traducción natural es como el guion de una
obra de teatro es decir un archivo de órdenes que ejecuta varios archivos para
realizar varias tareas y combinar varios componentes.
Lenguajes del lado del cliente:
1.
XHTML
2.
HTML
3.
XML
4.
JAVASCRIPT
1.
El primero de ellos el XHTML, es un lenguaje
demarcado de hipertexto extensible, es más estricto que el HTML y nació con ese
objetivo remplazarlo. está orientado al uso correcto de las etiquetas,
elementos cerrados valores entre comillas (" ") <HTML>
"a=href" etc...
2.
El HTML es un lenguaje de etiquetas de
hipertexto para crear documentos que son contables para otros programas.
3.
El XML, es un lenguaje que tiene distintas
tecnologías que cubren un amplio abanico de posibilidades juega un papel
fundamental en la programación y en la
lenguaje.net.
4.
Java script era un código con lenguaje pero en
la actualidad a vuelto a las mejoras que presente.
Lenguaje de servidor son los que generan la página antes de
enviarla al cliente.
B) Comprobación de uso de estándares en el código de
programación.
Una página web es accesible
para todo el mundo cuando se puede navegar, independientemente si la persona es
discapacitada o no las páginas web de
las dependencias del gobierno en casi todos los países cumplen con ciertos
estándares de acceso.
Esto aplica a personas con
vista cansada, que carezcan de la vista, problemas en las muñecas etc.
Validación HTML:
Es la forma de visualizar archivo de tipo gráfico a través
de los estándares establecidos por el www w3c en base a la tecnología de las
computadoras y su forma de accesar.
El formato de un sitio web es:
Que el usuario tenga una interfaz fácil para navegar que los
mostradores faciliten las búsquedas y que se apliquen estándares XTML. CSS.
La estructura de la página tiene que desarrollar códigos
HTML en su contenido CSS en su presentación.
El documento de la página web cumple con estándares si está
escrito en código XHTML, que usa código CSS que funciona en todos los
navegadores y que no use elementos flash.
La dimensión de la pagina web son 1024 y 768 pixeles como
resolución optima el ancho de pagina de
900 pixeles, debe llevar fuentes, mapas de sitio etc.
En conclusión la valides de una página web es la estructura
de sus componentes.
C) Determinación de la información del sitio
Temática del sitio:
La idea de crear un sitio web es que vamos a publicar o
difundir algo al mundo. El tema que elegimos para nuestra página tiene que
llevar introducción o imágenes sobre lo que vamos a hablar o difundir y tiene que haber una misión o visión para
definir los objetivos de nuestra página debemos saber que mensaje queremos
transmitir y hacernos la pregunta para que se publica este sitio y de esa
manera establece mas nuestro objetivo. Supongamos que vemos una página web
donde la imagen centra es la imagen entonces para que publicaremos un sitio que
hable de animales.
Elaboración del objetivo de la página:
Si existen más de uno hay que hacer una lista del más
importante al menos, esto nos sirve para que
nuestra página este mejor visualmente. Al hablar de la audiencia pública
quiere decir aquel tipo de personas queremos que llegue a nuestra página por
ejemplo si vamos a subir videojuegos si vamos a descargar nuestra publico en la
mayoría será joven si el contenido de
nuestra página trata de decoraciones para la casa nuestro publico será de
adultos. La audiencia a quien va dirigida nuestra página se dividen en 2 tipos
de personas las de capacidad técnica que son los que saben de computación
informática o que saben descargar en otro tipo de audiencia son los de
capacidad física es decir personas que batallan para ver, las que le fallan las
muñecas de las manos etc.
Contenidos:
Esta información que debe llevar nuestra página es decir un
organigrama de la empresa o institución, horario de atención, teléfonos, etc. a
demás de productos o servicios, noticias, etc. debemos agregar formulario de
contacto, correo electrónico, mapa de sitio, etc.
D) Diseño de la estructura del
sitio:
Consiste en 3 etapas:
1.
Definir la estructura, mapas del sitio.
2.
Definir el árbol de contenidos
3.
Definir los sistemas para que avancen área vez
de sus contenidos.
Elaboración del mapa del sitio:
El mapa del sitio, o el site map como su nombre lo dice es
una representación gráfica o textual de un sitio web equivalente al índice de
un sitio y consta de una sola página. En HTML mostrando la estructura del sitio
directorios, archivos y como está en lazados el mapa del sitio de la navegación
a nuestros usuarios a si como los buscadores.
Características de un mapa del sitio en HTML:
·
Debe de
ser claro
·
Debe ser jerarquizado
·
Con títulos descriptivos
·
Cortos
·
Agradables a la vista
Definir el árbol de contenidos:
Es un diagrama que muestra de manera práctica en cuanto a
secciones tendrá el sitio de desarrollo y cuentos niveles habrá de cada uno.
Tipos de árboles:
El de organización que agrupa los contenidos de manera que
se organiza la institución y el árbol funcional que agrupa los contenidos según
las tareas de la página.
Definición en los sistemas de navegación:
Son.los que generan los sistemas de acceso a los contenidos
del sitio es decir la forma de en qué navegan los usuarios sin perderse y se
refieren a 2 elementos muy importantes;
1.
Elemento textual, lo que tenga que ver con textos
guía, enlaces menús etc.
2.
Elementos con textual, lo que está basado en
botones, imágenes, etc. todo esto si se cuida visualmente ayudan al usuario a
no perderse.
E) Determinación de los elementos de navegadores:
Hay 11 elementos que conforman el sistema de navegación:
1.
Menú general.
2.
Pie de página.
3.
Barra corporativa.
4.
Ruta de acceso.
5.
Fecha de publicación.
6.
Botón de inicio/ home.
7.
Mapa de sitio.
8.
contacto.
9.
Buscador.
10. Botón
de ayuda.
11. Botón
de imprimir.
Estructura del Menú:
En una página web debemos usar menús son listas de enlaces a
otras páginas el menú se coloca en la parte superior o en el logo, debe ser
ligero el contenido, suele producir efectos más visuales.
Definición de diseño visual:
Se requiere a la forma como presentamos la información a
través del aspecto visual.
Ideas básicas para un buen diseño:
Comodidad para que nos visita a través del texto las
imágenes la animación etc. La comodidad para el autor se refiere a la facilidad
para modificar o actualizar nuestra pagina
Accesibilidad:
en el aspecto técnico nuestra página tiene que cumplir con
ciertos estándares, que sea compatible navegadores antiguos y actuales y que
pueda verse en cualquier aparato que se conecte a Internet Que sea fácil de
usar, transmitir información que sea bonito y original que sea simple para el
usuario.
Diseños de la estructura de las páginas:
En esta fase se describe los componentes y ubicación de los
elementos lo ideal es dibujar nuestra página antes de hacerla crear bocetos
borradores etc. Los borradores aprueban cuando el boceto está terminado y esto
da paso a la última fase llamada maqueta del diseño que como su nombre lo dice
es la parte como va a quedar nuestra página.
Suscribirse a:
Entradas (Atom)