Las tablas sirven para encolumnar y estructurar el texto y las imagenes con mas precision
LAS MARCAS QUE USAN SON :
<TABLE> </TABLE> Al inicio y al final
<TR> </TR> Definen las filas
<TD> </TD> Definen las columnas
Ejemplo de codificación:
<table border = "1">
<tr>
<td>texto1</td>
<td>texto2</td>
<td>otra columna</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
miércoles, 7 de septiembre de 2016
miércoles, 10 de agosto de 2016
Lista Ordenadas y Desordenada
Creación de listas:
*Lista no ordenadas
<UL>
<LI>
</UL>
*Lista ordenadas
<OL>
<LI>
</OL>
Podemos usar diferentes iconos al principio de las listas
Actividad
Busca ejemplo de ambas listas donde se visualice las etiquetas, su aplicación y el formato para los iconos
LISTA ORDENADA
*Lista no ordenadas
<UL>
<LI>
</UL>
*Lista ordenadas
<OL>
<LI>
</OL>
Podemos usar diferentes iconos al principio de las listas
Actividad
Busca ejemplo de ambas listas donde se visualice las etiquetas, su aplicación y el formato para los iconos
LISTA ORDENADA
Las listas representan uno de los instrumentos más difundidos para organizar la información dentro de los sitios web. Una de sus características principales es la de proporcionar un cuadro claro y sintético del tema tratado.
HTML pone a disposición distintos tipos de listas
<ol>
<li>Enchufar correctamente</li>
<li>Comprobar conexiones</li>
<li>Encender el aparato</li>
</ol>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo del uso de listas - aprenderaprogramar.com</title>
</head><body>
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo del uso de listas - aprenderaprogramar.com</title>
</head><body>
<ol>
<li value="20">Este será el número 20.</li>
<li>Este será el 21.</li>
<li>Este será el 22. Y así sucesivamente.</li>
</ol>
</body>
</html>
</html>
LISTA NO ORDENADA
Las listas desordenadas funcionan de manera similar a las ordenadas. La diferencia básica es que en el caso de las listas desordenadas no existen relaciones jerárquicas entre los elementos del elenco, por lo cual no se prevén ordenaciones progresivas como las obtenidas mediante números o letras.
<ul>
<li>Inicio</li>
<li>Noticias</li>
<li>Artículos</li>
<li>Contacto</li>
</ul>
<ul style="list-style-type:disc"><ul style="list-style-type:circle"><ul style="list-style-type:square"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Ejemplo del uso de listas - aprenderaprogramar.com</title> </head> <body> <ul> <li type="circle">Esto es un tipo de punto.</li> <li type="square">Este es otro.</li> <li type="disc">Y este es otro diferente.</li> </ul></body> </html>
viernes, 6 de mayo de 2016
HTML
CARACTERÍSTICAS GENERALES:
• HTML : HyperText Markup Languaje
-Basado en etiquetas ("marcas" , "tags").
LAS ETIQUETAS:
• El formato general a seguir:
<etiqueta>contenido</etiqueta>
• La inclusión de comentarios que no se ven:
<!Comentario>
• Las etiquetas que nunca deben faltar:
<HTML></HTML>
<HEAD></HEAD>
<BODY></BODY>
Notepad:
<html>
<head>
<title>mi primer pagina web</title>
</head>
<h1>TITULO GRANDE</h1>
<h2>TITULO</h2>
<h3>TITULO MEDIO</h3>
<h6>TITULO PEQUENO</h6>
</body>
</html>
Formateo elemental de texto
• HTML : HyperText Markup Languaje
-Basado en etiquetas ("marcas" , "tags").
• El formato general a seguir:
<etiqueta>contenido</etiqueta>
• La inclusión de comentarios que no se ven:
<!Comentario>
• Las etiquetas que nunca deben faltar:
<HTML></HTML>
<HEAD></HEAD>
<BODY></BODY>
Notepad:
<html>
<head>
<title>mi primer pagina web</title>
</head>
- <body>
<h1>TITULO GRANDE</h1>
<h2>TITULO</h2>
<h3>TITULO MEDIO</h3>
<h6>TITULO PEQUENO</h6>
</body>
</html>
Formateo elemental de texto
- Encabezamientos
<H1></H1>...........<H6></H6>
- Salto de párrafo
- Centrado
- Negrita y Cursiva
Abre y cierra una linea horizontal.
<HR>
Otras Etiquetas:
- SUBRAYADO <U></U>
- TACHADO <S></S>
- ESPACIADO <TT></TT>
- SUPERINDICE <SUP></SUP>
- SUBINDICE <SUB></SUB>
- PALABRA MAS PEQUEÑA <SMALL></SMALL>
- PALABRA MAS GRANDE <BIG></BIG>
- AMBOS CURSIVA <I></I> = <EM></EM>
- AMBOS NEGRITA <B></B> = <STRONG></STRONG>
PÁRRAFOS Y SALTOS DE LINEA
- <BR> CREAR UN SALTO DE LINEA (donde se menciona)
Tamaño de letra - Color y Estilo.
<FONT SIZE> </FONT SIZE> TAMAÑO
<FONT COLOR = "RED"> </FONTCOLOR> COLOR DE LA FUENTES (letras) TAMBIÉN VER CÓDIGO DE COLORES HTML
<FONT FACE="ARIAL"></FONT FACE> ESTILO
<FONT SIZE=5, COLOR="YELOW", FACE="ARIAL"> </FONT>
miércoles, 20 de abril de 2016
Trabajo Práctico
Actividad:
1) Tomando como referencia el tema de tu pagina web, investiga tres paginas que tengan este contenido y que difieran entre ellas. Realiza captura de pantalla de la pagina presentación si la tuviera y de dos paginas posteriores donde se muestre el icono y seguimiento de uno de ellos recuerda copiar los links.
2) Compara cada una de ellas entre si, analizalas de acuerdo al diseño y la arquitectura web que estudiaste.
3) Elige una y compárala ahora con el diseño que vos elaboraste.
4) Nombra 5 aplicaciones concretas del uso de Internet para resolver problemas útiles a las personas en nuestra época.
5) ¿Que aporte hizo la tecnología a la informática para que se de el desarrollo de las web actuales? (Electrónicas - Redes- Hardware).
1) Páginas web:
http://www.asos.com/es/
http://www.c-and-a.com/es/es/
1) Tomando como referencia el tema de tu pagina web, investiga tres paginas que tengan este contenido y que difieran entre ellas. Realiza captura de pantalla de la pagina presentación si la tuviera y de dos paginas posteriores donde se muestre el icono y seguimiento de uno de ellos recuerda copiar los links.
2) Compara cada una de ellas entre si, analizalas de acuerdo al diseño y la arquitectura web que estudiaste.
3) Elige una y compárala ahora con el diseño que vos elaboraste.
4) Nombra 5 aplicaciones concretas del uso de Internet para resolver problemas útiles a las personas en nuestra época.
5) ¿Que aporte hizo la tecnología a la informática para que se de el desarrollo de las web actuales? (Electrónicas - Redes- Hardware).
1) Páginas web:
http://www.asos.com/es/
http://www.c-and-a.com/es/es/
2)
3) Comparamos la página MANGO con nuestra página, ya que eran bastante similares.
Las dos páginas tienen una página de inicio (presentación), y despues, ambas tienen una lista de opciones donde se puede comprar a través de internet, ver los producctos, y hasta buscar alguna forma de contactarse. A nuestra página le faltaria más opciones por ejemplo tener una sección para cada prenda, con respecto al resto de la página me parece que nuestra página esta bastante bien.
4) Aplicaciones para facilitar la vida cotidiana:
- ANSES: A través de esta página se puede sacar turnos y/o enterarse de anuncios importantes del gobiero.
- MERCADO LIBRE: Sirve para comprar cosas a través de internet y te llegan directamente a tu domicilio.
- FACEBOOK: Nos ayuda para comunicarnos con alguien sin importar lo lejos que este.
- SKYPE: Podemos comunicarnos a través de videollamadas sin costo.
- WIKIPEDIA: Sirve para buscar información y tambien podemos aportar nuestros conocimientos.
5) Tecnología es el conjunto de conocimientos técnicos, científicamente ordenados, que permiten diseñar, crear bienes, servicios que facilitan la adaptación al medio ambiente y satisfacer tanto las necesidades esenciales como los deseos de la humanidad. La actividad tecnológica influye en el progreso social y económico. La tecnología aporta grandes beneficios a la humanidad, su papel principal es crear mejores herramientas útiles para simplificar el ahorro de tiempo y esfuerzo de trabajo, la tecnología juega un papel principal en nuestro entorno social. Es decir que cada avance importante, como la reducción del tamaño de los elementos tales como procesadores y memorias, así también como el aumento de su capacidad y velocidad, se produce un salto generacional. Con cada uno de estos saltos, los equipos informáticos y dispositivos electrónicos, son cada vez más pequeños y económicos, garantizando de este modo que sea cada vez mayor la cantidad de consumidores que los compran.
martes, 19 de abril de 2016
viernes, 8 de abril de 2016
Arquitectura de Sitios Web
¿QUÉ ES LA ARQUITECTURA DE SITIOS WEB?
Se utiliza el término arquitectura web, para definir una tarea que requiere conocimientos técnicos de construcción, funcionales y de diseño para sitios o páginas web. La construcción de páginas web requiere una compleja conjunción de diferentes sistemas integrados entre sí: servidores, bases de datos, organización de la información, etc.
ALOJAMIENTO, PUBLICACIÓN, DOMINIO Y PROMOCIÓN DE UNA PÁGINA WEB:
Las tres decisiones primordiales en el proceso de construcción de una página web son:
• Dónde alojaremos el sitio
• Qué nombre de dominio daremos al sitio
• Cómo lo promocionaremos
¿DÓNDE ALOJAR Y COMO PUBLICAR UNA PÁGINA WEB?
Toda página web está alojada en un servidor. Quien administra la página tiene acceso remoto a dicho servidor, de modo que puede modificar los archivos o cargar nueva información.
La publicación de una página web se produce cuando se hace pública la información que está alojada en el servidor, quien administra la página decide qué información se publica.
Cada página web alojada en un servidor tiene su propio dominio, es decir, la dirección web o URL que utilizaran los usuarios para acceder a la página.
1) Presupuesto:
• Servicios de alojamiento GRATUITO, a cambio del servicio ponen publicidad en la página web que desarrollemos.
• Servicios de alojamiento PAGOS, su valor varía de acuerdo con los servicios que ofrecen.
2) Transferencia y espacio del servidor:
Cada servicio de alojamiento, tiene diferentes características de transferencias de datos que varían según el servidor con el que cuenta.
La transferencia de datos es la información que se intercambia entre el servidor y la computadora del usuario de una página web. Esta decisión deberá tomarse teniendo en cuenta las características de la página, ya que los recursos que se utilicen en ella la harán más o menos pesada.
3) El modo de acceder al servidor:
Los servidores ofrecen diferentes propuestas para que el administrador acceda al sitio, que en general es un servicio de FTP(File Transfer Protocol), es decir protocolo de transferencia de archivos. Debemos conocer las características del servidor para decidir si es apropiado a nuestras necesidades y conocimientos.
4) El tipo de dominio que ofrecen:
Los servicios de alojamiento gratuito ofrecen dominios que incluyen en su dirección el nombre del alojamiento. Por eso, siempre que sea económica-mente viable, se recomienda obtener un dominio propio que facilitará que los usuarios recuerden la dirección web de la página y permitirá cambiar de servicio de alojamiento sin que se modifique la dirección.
¿QUÉ ES EL DOMINIO DE UNA PÁGINA WEB?
El dominio es la dirección web de nuestra página: es una dirección única e irrepetible y por eso existen entes que las organizan y distribuyen.
• Es la dirección que los usuarios deben recordar para acceder a una página.
• Es uno de los factores principales por medio del cual los motores de búsqueda encuentran nuestro sitio.
• Da identidad a la página y de algún modo describe los contenidos que hay en ella.
Los dominios poseen una estructura y una sintaxis propia. Las partes estructurales de un dominio están separadas por un punto.
El tipo identifica la finalidad del sitio, existen muchos pero los más comunes son:
• com: identifica páginas comerciales.
• gov: identifica páginas gubernamentales.
• org: identifica páginas de organizaciones no gubernamentales.
• edu: identifica páginas con fines educativos.
• net: identifica páginas relacionadas con internet y telecomunicaciones.
El país es una parte opcional del dominio que identifica el país de origen del mismo. Algunas extensiones de este tipo son:
ar: Argentina
mx: México
br: Brasil
ve: Venezuela
Los dominios poseen, además de una estructura, una sintaxis propia en la que se aceptan números, letras y guiones. Sin embargo, en un dominio no se aceptan tildes, espacios en blanco, puntos (aparte de los que organizan la estructura del dominio) ni ningún otro tipo de símbolos. La cantidad máxima de caracteres permitidos es diecinueve (19).
Los dominios están regulados internacionalmente por ICANN (Corporación Internacional para la Asignación de Nombres y Números), que es una organización sin fines de lucro que se encarga de administrar el sistema de asignación de dominios.
En Argentina, NIC (Centro de Interconexión de Información) es el ente que administra el dominio.
Es importante tener en cuenta que los dominios .com son pagos, mientras que los dominios .ar son gratuitos y deben renovarse cada año.
https://drive.google.com/open?id=0B7CMwiuBzKWudm4wdXJnNmo4bEE
Se utiliza el término arquitectura web, para definir una tarea que requiere conocimientos técnicos de construcción, funcionales y de diseño para sitios o páginas web. La construcción de páginas web requiere una compleja conjunción de diferentes sistemas integrados entre sí: servidores, bases de datos, organización de la información, etc.
ALOJAMIENTO, PUBLICACIÓN, DOMINIO Y PROMOCIÓN DE UNA PÁGINA WEB:
Las tres decisiones primordiales en el proceso de construcción de una página web son:
• Dónde alojaremos el sitio
• Qué nombre de dominio daremos al sitio
• Cómo lo promocionaremos
¿DÓNDE ALOJAR Y COMO PUBLICAR UNA PÁGINA WEB?
Toda página web está alojada en un servidor. Quien administra la página tiene acceso remoto a dicho servidor, de modo que puede modificar los archivos o cargar nueva información.
La publicación de una página web se produce cuando se hace pública la información que está alojada en el servidor, quien administra la página decide qué información se publica.
Cada página web alojada en un servidor tiene su propio dominio, es decir, la dirección web o URL que utilizaran los usuarios para acceder a la página.
• Para elegir un servidor de alojamiento más adecuado, hay que tener en cuenta las siguientes dimensiones:
1) Presupuesto:
• Servicios de alojamiento GRATUITO, a cambio del servicio ponen publicidad en la página web que desarrollemos.
• Servicios de alojamiento PAGOS, su valor varía de acuerdo con los servicios que ofrecen.
2) Transferencia y espacio del servidor:
Cada servicio de alojamiento, tiene diferentes características de transferencias de datos que varían según el servidor con el que cuenta.
La transferencia de datos es la información que se intercambia entre el servidor y la computadora del usuario de una página web. Esta decisión deberá tomarse teniendo en cuenta las características de la página, ya que los recursos que se utilicen en ella la harán más o menos pesada.
3) El modo de acceder al servidor:
Los servidores ofrecen diferentes propuestas para que el administrador acceda al sitio, que en general es un servicio de FTP(File Transfer Protocol), es decir protocolo de transferencia de archivos. Debemos conocer las características del servidor para decidir si es apropiado a nuestras necesidades y conocimientos.
4) El tipo de dominio que ofrecen:
Los servicios de alojamiento gratuito ofrecen dominios que incluyen en su dirección el nombre del alojamiento. Por eso, siempre que sea económica-mente viable, se recomienda obtener un dominio propio que facilitará que los usuarios recuerden la dirección web de la página y permitirá cambiar de servicio de alojamiento sin que se modifique la dirección.
¿QUÉ ES EL DOMINIO DE UNA PÁGINA WEB?
El dominio es la dirección web de nuestra página: es una dirección única e irrepetible y por eso existen entes que las organizan y distribuyen.
• Es la dirección que los usuarios deben recordar para acceder a una página.
• Es uno de los factores principales por medio del cual los motores de búsqueda encuentran nuestro sitio.
• Da identidad a la página y de algún modo describe los contenidos que hay en ella.
Los dominios poseen una estructura y una sintaxis propia. Las partes estructurales de un dominio están separadas por un punto.
El tipo identifica la finalidad del sitio, existen muchos pero los más comunes son:
• com: identifica páginas comerciales.
• gov: identifica páginas gubernamentales.
• org: identifica páginas de organizaciones no gubernamentales.
• edu: identifica páginas con fines educativos.
• net: identifica páginas relacionadas con internet y telecomunicaciones.
El país es una parte opcional del dominio que identifica el país de origen del mismo. Algunas extensiones de este tipo son:
ar: Argentina
mx: México
br: Brasil
ve: Venezuela
Los dominios poseen, además de una estructura, una sintaxis propia en la que se aceptan números, letras y guiones. Sin embargo, en un dominio no se aceptan tildes, espacios en blanco, puntos (aparte de los que organizan la estructura del dominio) ni ningún otro tipo de símbolos. La cantidad máxima de caracteres permitidos es diecinueve (19).
Los dominios están regulados internacionalmente por ICANN (Corporación Internacional para la Asignación de Nombres y Números), que es una organización sin fines de lucro que se encarga de administrar el sistema de asignación de dominios.
En Argentina, NIC (Centro de Interconexión de Información) es el ente que administra el dominio.
Es importante tener en cuenta que los dominios .com son pagos, mientras que los dominios .ar son gratuitos y deben renovarse cada año.
https://drive.google.com/open?id=0B7CMwiuBzKWudm4wdXJnNmo4bEE
jueves, 7 de abril de 2016
Diseño Web
Si tuviéramos que hacer un diagnóstico diríamos que muchas páginas web, en su afán por capturar la atención del usuario, terminan generando una especie de indigestión virtual y visual.
Recomendaciones para el diseño de una pagina web:
Recomendaciones para el diseño de una pagina web:
- El espacio que se usa, incluso el espacio en blanco, comunica sentidos:
la distribución de información, imágenes y espacios es una estrategia comunicacional que habla de la calidad del diseño. No hace falta mostrar todo, el usuario debe poder imaginar lo suficiente como para sentir curiosidad y explorar más. - Se puede jugar, tanto con lo literal como con la metáfora:
hay muchos elementos que permitirían al navegante anticipar intuitivamente el contenido de la página, como un objeto, una fotografía, una frase. - Jerarquizar los contenidos es decidir sobre su importancia:
Es fundamental destacar con letras grandes y al principio lo que es más importante. Lo secundario va después y en letra pequeña. - La letra, por la vista entra:
Una tipografía armónica garantiza más posibilidades de que un mensaje sea leído (fuentes fácilmente legibles, sin sombras ni curvaturas).
Plantillas
Para el trabajo de diseño web existen páginas pre-diseñadas que facilitan al usuario el trabajo de planificación, diseño y desarrollo de su página web.
Se trata de las plantillas o páginas web prefabricadas. Algunas de ellas traen incorporadas imágenes y están desarrolladas con el código HTML, lo cual permite al usuario modificarlas.
Se trata de las plantillas o páginas web prefabricadas. Algunas de ellas traen incorporadas imágenes y están desarrolladas con el código HTML, lo cual permite al usuario modificarlas.
Ejemplos de plantillas web:
Elección de fuentes:
es un componente del diseño sobre el que debemos estar atentos: la correspondencia entre el estilo de la fuente y el mensaje,espacios del sitio, los colores y las imágenes
Utilización de colores:
Con dos o tres colores podríamos realizar un excelente diseño web para publicitar una línea de cerámicos. Con cuatro o cinco colores quizás podríamos armar un blog literario donde publicar poesías, cuentos cortos, noticias breves y crónicas de viajes.
las computadoras a las que accedía el común de los usuarios no tenían la calidad de resolución de imagen que vemos hoy.
¿Cómo se arman los colores en la PC?
Cada sistema operativo reconoce tres colores elementales, a partir de los cuales construye los demás. Esa construcción se da por un proceso de mezcla por unidades de pantalla o píxeles.
A mayor cantidad de bits, más precisiones podrán hacerse sobre estos tres colores elementales.
El uso de imágenes:
El uso excesivo de imágenes puede entorpecer la navegabilidad. El usuario, frente a una página que tarde demasiado tiempo en cargarse o en mostrar un contenido, probablemente abandone la búsqueda y decida visitar otro sitio.
Esta dificultad puede sortearse si aprendemos a reducir el lugar que ocupan las imágenes: no nos referimos a su apariencia, sino al peso que generan como archivo.
- Con los archivos de extensión .gif se puede reducir el número de colores disponibles en la paleta. Es posible hacerlo con el editor gráfico, o incluso al guardar el archivo en algún sitio del disco.
- Con los archivos de extensión .jpg es posible reducir la calidad de la imagen sin que esta reduzca o pierda el sentido visual en su resolución final.
Programas a imagen y sin semejanza:
PhotoShop 5.5 o PhotoShop 6 permiten al usuario configurar una imagen de manera sencilla. Desde la opción de Guardar para el Web, es posible definir la calidad del jpg, los colores del gif y otras opciones, en varias muestras de la imagen a la vez.
Suscribirse a:
Entradas (Atom)