CONSULTA DE NOTAS

El dia de hoy van a ver un ejemplo de cómo realizar una consulta de notas por internet. Lo primero que debemos hacer es crearnos una cuenta en algun host gratuito, en mi caso yo lo hize en el webhost. Luego debemos crear nuestra base de datos en el host que hayamos elegido, y subir los archivos html o php de nuestros códigos. Es muy sencillo

Aqui les mando el link de mi página para que vean como me salio a mi, y eso que se puede mejorar:

http://herrera04.site90.com/Index.html

Diseño Web

1. ¿En qué consiste?

El diseño de páginas web trata básicamente de realizar un documento con información hiperenlazada con otros documentos y asignarle una presentación para diferentes dispositivos de salida (en una pantalla de computador, en papel, en un teléfono móvil, etc.)

El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web y páginas web. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen y vídeo. Se lo considera dentro del Diseño Multimedial.

La unión de un buen diseño con una jerarquía bien elaborada de contenidos aumenta la eficiencia de la web como canal de comunicación e intercambio de datos, que brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos, característica destacable del medio Internet.

Aplicación

El diseño web ha visto amplia aplicación en los sectores comerciales de Internet especialmente en la World Wide Web. Asimismo, a menudo la web se utiliza como medio de expresión plástica en sí. Artistas y creadores hacen de las páginas en Internet un medio más para ofrecer sus producciones y utilizarlas como un canal más de difusión de su obra.

Fundamentos

Un correcto diseño web implica conocer cómo se deben utilizar cada una de los elementos permitidos en el HTML, es decir, hacer un uso correcto de este lenguaje dentro de los estándares establecidos.

2. Importancia

• Siendo la forma de marketing más económica, una pagina web potencia a todas las demás.


• Gracias a una página web podemos bajar el costo de toda nuestra publicidad gráfica con sólo incluir el nombre de nuestro sitio para que los interesados puedan consultar todo lo que deseamos comunicar.


• Teniendo una página web con un dominio propio, portales como el SOM (inmobiliarias) y otros envían a los interesados a nuestra página en vez de consignar solo nuestros datos básicos.


• En el mundo moderno la página web es la tarjeta de presentación para todo el que se dedique a una actividad comercial o profesional.

3. ¿Qué programas y herramientas existen actualmente?

• FrontPage


• Microsoft Expression Web


• Macromedia Dreamweaver


• Macromedia Fireworks


• Macromedia Flash


• HotDog


• HotMetal Professional


• Arachnophilia


• Adobe GoLive


• Editplus


• HTML-kit


• Simple CSS


• Sothink DHTML

Todos los programas antes mencionados facilitan la creación de páginas web y en especial los 2 últimos permiten optimizar la apariencia de nuestro diseño.


4. ¿Qué se necesita saber para aprender Diseño Web?

Para aprender correctamente el desarrollo y contenido de cualquier sitio web y por tanto el diseño web, se necesita:

* Mucha perseverancia
* Ganas
* Tiempo
* Lectura y prácticas (encontrarás mucha información en Internet)
* Consejos en foros.

El aprender diseño web es como aprender a montar bicicleta, porque cuando recién estamos aprendiendo generalmente utilizamos bicicletas con ruedas traseras pero usándolas o no de todos modos aprendimos a montar la bicicleta.

Del mismo modo sucede con el diseño web, podemos aprenderlo usando o no editores que nos faciliten la codificación, pero de todos modos al familiarizarnos con el código, aprenderemos. Por ello puse como primer punto la perseverancia.

Ejemplo de Portal de una Clase

http://herrera04unfv.orgfree.com/CLASE/Index.html

Link del Proyecto Final

http://webshadilumaster.hostei.com/PAGINA%20WEB%20DE%20COLEGIO/Index.html

Fuente

http://wiki.biensimple.com/pages/viewpage.action?pageId=48988295

Capas en Diseño Web

CONCEPTO

Las capas se pueden definir como páginas que se pueden incrustar dentro de otras. Los atributos de una capa (posición, visibilidad, etc.), como los de cualquier otro elemento HTML, pueden definirse dentro de una hoja de estilo. Su contenido, en cambio, siempre deberá ser especificado dentro de la parte principal de la página.

Una capa es una división, una parte de la página, que tiene un comportamiento muy independiente dentro de la ventana del navegador, ya que la podemos colocar en cualquier parte de la misma y la podremos mover por ella independientemente, por poner dos ejemplos. En el uso de capas se basan muchos de los efectos más comunes del HTML.

Las capas no son más que unos recuadros, que pueden situarse en cualquier parte de la página, en los que podemos insertar contenido HTML. Dichas capas pueden ocultarse y solaparse entre sí, lo que proporciona grandes posibilidades de diseño.

¿CÓMO DEFINIR UNA CAPA?

Para definir una capa se debe de seguir la siguiente estructura:

< type="text/css">

#micapa {position:absolute; top:100px; left:20px;}

< /STYLE >

¿DÓNDE SE USAN LAS CAPAS?

Las capas pueden utilizarse en aplicaciones como Photoshop, Flash, Dreamweaver, Fireworks, entre otros.

CONCLUSIONES

Las capas se utilizan con la finalidad de hacer más vistosa la página y para que no se tenga que hacer uso de varias páginas web al momento de presentar la información, sino que dentro de una misma página se encuentre toda la informacion requerida.

---

REFERENCIA

* http://www.webtaller.com/construccion/lenguajes/html/lecciones/capas-html.php

Aprende a diferenciar los Tipos de Sitios

SITIO REMOTO VS. SITIO LOCAL

SITIO LOCAL

Es aquel que contiene físicamente todos los archivos (Páginas web, css, recursos, funciones JavaScript) del sitio web que estoy visualizando, es decir que ese sitio está físicamente dentro de mi PC; si la PC cumple con esos requisitos entonces estamos hablando de un sitio local.

SITIO REMOTO

Es aquel al que se accede, por ejemplo mediante una dirección IP; es decir que se necesita estar en red con la PC a la que quiero acceder, por tanto el sitio es remoto puesto que todos los archivos que contiene no están físicamente en la PC en la que me encuentro sino que estoy accediendo a ellos ayudándome de una red.

CONCLUSIÓN

Mi sitio local, es local siempre y cuando yo este físicamente ahí y se convierte en remoto cuando no estoy allí y accedo a él mediante una dirección IP valiéndome de una conexión de red.

"Mi sitio local se vuelve remoto cuando accedo a él desde otra PC"

---

REFERENCIA

http://espanol.answers.yahoo.com/question/index?qid=20070914103742AAGOezs

¿Qué ruta usar? - Rutas Absolutas o Relativas

RUTAS ABSOLUTAS VS. RUTAS RELATIVAS

¿Qué es una ruta?

Una ruta es la forma de referenciar un archivo informático, cada vez que insertamos en una de nuestras páginas un elemento externo a ellas (una imagen, un sonido, un enlace, etc.) tenemos que definir claramente dónde se encuentra este, para que el navegador pueda encontrarlo e insertarlo.

Existen 2 formas de definir las rutas de los archivos:

1. Ruta Absoluta

Son aquellas que mencionan la ubicación completa del lugar dónde se ubica el archivo deseado, empezando por el directorio raíz. Veamos los ejemplos:

a. Si me encuentro en Módulo 1 y deseo acceder a Foto 1, debo escribir:
C: \Mis Documentos\Mi Web\Mis Imágenes\Foto 1

b. Si me encuentro en Módulo 2 y deseo acceder al Módulo 1, debo escribir:
C \Mis Documentos\Mi Web\Mis Páginas\Módulo 1

2. Ruta Relativa

Son aquellas que mencionan la ruta que se va a seguir el navegador desde la ubicación actual (directorio actual) hasta llegar al lugar donde se encuentra el objeto al que se quiere acceder. Veamos los ejemplos:

a. Si me encuentro en Módulo 1 y deseo acceder a Foto 1, debo escribir:
.. \Mis Imágenes\Foto1

b. Si me encuentro en Módulo 2 y deseo acceder al Módulo 1, debo escribir:
\Módulo 1

CONCLUSIÓN

La carga de la página cuando se usa rutas relativas es más rápida ya que el navegador no tiene que hacer el recorrido completo sino que sólo sale de donde se encuentra para ir al lugar donde esta el archivo deseado.

---

REFERENCIAS

http://es.wikipedia.org/wiki/Ruta_(inform%C3%A1tica)
http://www.comocreartuweb.com/herramientas-utiles/enciclopedia-r-rutas.html