jueves, 10 de mayo de 2012

taller 3 bimestre 4

1. que es una hoja de estilo 
El nombre hojas de estilo en cascada viene del inglés Cascading Style Sheets, del que toma sus siglas. CSS es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML). El W3C (World Wide Web Consortium) es el encargado de formular la especificación de las hojas de estilo que servirán de estándar para los agentes de usuario o navegadores.

2. Que tipos de hojas de estilo existen
  • estilos individuales
  • estilos genericos
  • enlace a una hoja de estilos externa 

3. concepto y la funcionalidad de la aplicacion php 
 es un lenguaje de programación interpretado (Lenguaje de alto rendimiento), diseñado originalmente para la creación de páginas web dinámicas. Se usa principalmente para la interpretación del lado del servidor (server-side scripting) pero actualmente puede ser utilizado desde una interfaz de línea de comandos o en la creación de otros tipos de programas incluyendo aplicaciones con interfaz gráfica usando las bibliotecas Qt o GTK+. 

caracteristicas y funcionalidad: 
  • Orientado al desarrollo de aplicaciones web dinámicas con acceso a información almacenada en una base de datos.
  • El código fuente escrito en PHP es invisible al navegador web y al cliente ya que es el servidor el que se encarga de ejecutar el código y enviar su resultado HTML al navegador. Esto hace que la programación en PHP sea segura y confiable.
  • Capacidad de conexión con la mayoría de los motores de base de datos que se utilizan en la actualidad, destaca su conectividad con MySQL y PostgreSQL.
  • Capacidad de expandir su potencial utilizando módulos (llamados ext's o extensiones).
  • Posee una amplia documentación en su sitio web oficial, entre la cual se destaca que todas las funciones del sistema están explicadas y ejemplificadas en un único archivo de ayuda.
  • Es libre, por lo que se presenta como una alternativa de fácil acceso para todos.
  • Permite aplicar técnicas de programación orientada a objetos.
  • Biblioteca nativa de funciones sumamente amplia e incluida.
  • No requiere definición de tipos de variables aunque sus variables se pueden evaluar también por el tipo que estén manejando en tiempo de ejecución.
  • Tiene manejo de excepciones (desde PHP5).
  • Si bien PHP no obliga a quien lo usa a seguir una determinada metodología a la hora de programar (muchos otros lenguajes tampoco lo hacen), aun haciéndolo, el programador puede aplicar en su trabajo cualquier técnica de programación o de desarrollo que le permita escribir código ordenado, estructurado y manejable. Un ejemplo de esto son los desarrollos que en PHP se han hecho del patrón de diseño Modelo Vista Controlador (MVC), que permiten separar el tratamiento y acceso a los datos, la lógica de control y la interfaz de usuario en tres componentes independientes.
4. concepto y funcionamiento de del programa Mysql

MySQL es un sistema de gestión de bases de datos relacional, multihilo y multiusuario con más de seis millones de instalaciones. MySQL AB —desde enero de 2008 una subsidiaria de Sun Microsystems y ésta a su vez de Oracle Corporation desde abril de 2009— desarrolla MySQL como software libre en un esquema de licenciamiento dual. 

5.proceso de conexion entre una base de datos Mysql y la aplicacion php 

Mysql_connect()
Esta función es la que nos servirá para conectar PHP con una base de datos MySQL.
La sintaxis es la siguiente:
mysql_connect(dirección, nombre_de_usuario, contraseña) ;
En direccion: indicamos la dirección IP o el dominio en la que esta alojada la base de datos MySQL. En caso de que tengamos la base de datos en nuestro ordenador, o bien que tengamos contratado un servidor hosting que tenga PHP y MySQL en la misma maquina, pondremos localhost, si el servidor MySQL es contratado y está en un servidor distinto que el de PHP, normalmente, nuestra compañía de hosting nos dará los datos que tengamos que poner.
Nombre de usuario: su lo tenemos instalado en nuestro ordenador, el nombre de usuario lo habremos definido durante la instalación. Si esta contratado y no hemos definido nosotros el nombre, serán ellos quienes nos han de felicitar el nombre
Contraseña: lo mismo que el caso del nombre de usuario.
También podemos usar la función:
mysql_pconnect(dirección, nombre_de_usuario, contraseña);
La diferencia es que mysql_pconnect() crea una conexión persistente, mientras que mysql_connect() se cierra cuando el script finaliza su ejecución o utilizamos la función mysql_close()
Fin de la conversación
 

martes, 8 de mayo de 2012

taller 2 bimestre 4

CREACION DE UN SITIO WEB DREAMWEAVER
1. Crear una carpeta en mis documentos con el nombre web1.

2. Abrir el programa dreamweaver y crear un nuevo sitio desde el menu sitio siguiendo los siguientes pasos:
  • El nombre del sitio debe ser exactamente el mismo que se coloco a la carpeta creada, osea web1, en la direccion del sitio no se coloca nada, pulsamos siguiente.
  • Seleccionamos la opcion no deseo utilizar una tecnología de servidor y pulsamos siguiente.
  • El lugar donde se almacenaran los archivos debe ser la carpeta que creamos al principio, pulsamos siguiente
  • En la opcion como conecta con su servidor remoto seleccionamos ninguno, pulsamos siguiente
  • Finalmente pulsamos la opcino completado, y el sitio web ya esta creado
3. En los archivos locales ya encontramos el sitio, asi que el siguiente paso sera crear un nuevo archivo HTML

4. Escojemos la opcion diseño e insertamos dos tablas, una para el titulo de 1x1 y otra que sera el cuerpo de la página de 1x3

5. En la primera tabla colocamos el titulo de la página o insertamos una imagen que se debe guardas en la carpeta del sitio

6. En la segunda tabla insertamos botones tipo flash para vincularlos a las diferentes páginas creadas    

Nota: Todos los ementos usados en la página deben guardarse en la carpeta correspondiente al sitio web

jueves, 26 de abril de 2012

taller 1 bimestre 4

1. que es un sitio web?

Un sitio web es una colección de páginas web relacionadas y comunes a un dominio de Internet o subdominio en la World Wide Web en Internet.
Una página web es un documento HTML/XHTML que es accesible generalmente mediante el protocolo HTTP de Internet.
Todos los sitios web públicamente accesibles constituyen una gigantesca World Wide Web de información (un gigantesco entramado de recursos de alcance mundial).
A las páginas de un sitio web se accede frecuentemente a través de un URL raíz común llamado portada, que normalmente reside en el mismo servidor físico. Los URL organizan las páginas en una jerarquía, aunque los hiperenlaces entre ellas controlan más particularmente cómo el lector percibe la estructura general y cómo el tráfico web fluye entre las diferentes partes de los sitios.
Algunos sitios web requieren una subscripción para acceder a algunos o todos sus contenidos. Ejemplos de sitios con subscripción incluyen muchos portales de pornografía en Internet, algunos sitios de noticias, sitios de juegos, foros, servicios de correo electrónico basados en web, sitios que proporcionan datos de bolsa de valores e información económica en tiempo real, etc.

2. que es una pagina web?

Una página web es el nombre de un documento o información electrónica adaptada para la World Wide Web y que puede ser accedida mediante un navegador para mostrarse en un monitor de computadora o dispositivo móvil. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegación a otras páginas web mediante enlaces de hipertexto. Las páginas web frecuentemente incluyen otros recursos como hojas de estilo en cascada, guiones (scripts) e imágenes digitales, entre otros.
Las páginas web pueden estar almacenadas en un equipo local o un servidor web remoto. El servidor web puede restringir el acceso únicamente para redes privadas, p. ej., en una intranet corporativa, o puede publicar las páginas en la World Wide Web. El acceso a las páginas web es realizado mediante su transferencia desde servidores utilizando el protocolo de transferencia de hipertexto (HTTP).

3 y 4. proceso a tener en cuenta para crear un sitio web

En esta lección, creará un sitio Web que contiene información acerca de la Materia de Evaluación de Sistemas, materia muy importante en la carrera de Licenciado en sistemas de información administrativa. El sitio tendrá información básica ya que solo será para ejemplificar como se crea una pagina Web.
Preparemos una carpeta con los archivos que estaremos utilizando, ya sea imágenes o otras paginas vinculadas en esta, ya que así resulta mas fácil administrar una pagina Web.
Aprenderá a:
  • Abrir FrontPage.
  • Crear páginas Web.
  • Trabajar con texto e hipervínculos.
  • Insertar imágenes y archivos.
  • Aplicar formato a listas.
  • Colocar objetos.
  • Agregar un formulario de comentarios.
  • Diseñar una galería de fotografías.
  • Crear una estructura de sitio Web.
  • Guardar el trabajo realizado.
Para manejar este programa trabajaremos muy similar a como se trabaja en Microsoft Word, ya que de la misma manera le daremos formato al texto que estemos plasmando en nuestras paginas.
Empecemos por teclear el titulo de nuestra en este caso lo haremos referente a Evaluación de sistemas y sera nuestra pagina principal, lo hacemos como se muestra en la siguiente imagen:
Para darle formato a nuestro texto lo hacemos similar al procesador de textos Word.
Seleccionamos y después damos el formato, también podemos utilizar nuestras barras de herramientas para dar justificado y alineación
Así es como queda el texto después de dar formato::
Para estar visualizado como va quedando nuestra pagina, damos clic en la pestaña, en la parte inferior izquierda.
Al entender como podemos dar formato al texto de una pagina Web, pasaremos a explicar como insertamos una imagen.
Insertar una imagen en la página principal
En este paso agregamos la imagen desde el menu insertar y en la opción imagen desde archivo y ahí nos iremos hasta donde tenemos guardada nuestra imagen.
Ya teniendo una imagen en nuestra pagina principal, con ella misma aprenderemos a como tener un hipervínculo.
Para crear un hipervínculo a partir de una imagen
Teniendo la imagen insertada en nuestra pagina, seguiremos a seleccionarla, ya seleccionada le damos clic derecho y seleccionamos la opción hipervínculo. Nos aparecerá una ventana en donde pondremos la dirección a la estaremos vinculados, en este caso será la de nuestra universidad, ITSON.
 
Para saber que esta operacion ha sido satisfactoria, nos vamos a vista previa, como antes ya lo habíamos mencionado, y ponemos el cursor sobre la imagen, y se pondrá la manita de vínculo, y en la parte inferior izquierda aparecerá la dirección que vinculamos.
Si queremos hacer un vinculo a partir de texto, se hace la misma operación, seleccionando el texto a vincular, ya sea una palabra, frase o dirección Web.
Por ultimo aprenderemos a crear hipervínculos a otras paginas creadas en esta misma estructura.
Crear una estructura de exploración
En la vista Exploración, haga clic en Nueva página, en la barra de herramientas estándar.
FrontPage crea una nueva página de nominada "Página nueva 1" bajo la página principal. Las páginas de la vista Exploración no son las páginas reales del sitio Web actual, sino marcadores de posición que llevan hasta las mismas. De este modo, puede hacer pruebas con la estructura y la organización del sitio Web antes de crear el contenido.
Para crear rápidamente mas as páginas, mantenga presionada la tecla CTRL del teclado y presione U.


5. tipos de lenguages para paginas web 
  • Lenguaje HTML

    Lenguaje Javascript

    Lenguaje PHP

    Lenguaje ASP

    Lenguaje ASP.NET

    Lenguaje JSP

    Lenguaje Python

    Lenguaje Ruby

     

    6. herramientas basicas de dreamweaver

    La barra de herramientas
    La barra de herramientas de Dreamweaver contiene botones que permiten alternar entre diferentes vistas del documento rápidamente, cambiar el título del documento o previsualizar la página en el navegador. Los elementos del menú Opciones (botón situado en el extremo derecho de la barra de herramientas) cambia en función de la vista que seleccione.
    Barra de herramientas
  • Para ver u ocultar la barra de herramientas, elija en el menú Ver la opción Barra de herramientas.
  • Para ver sólo código en la ventana de documento, haga clic en el botón Vista de código.
  • Para ver una vista que contenga las vistas de Código y de Diseño, haga clic en el botón Vistas de código y diseño.
  • Para ver sólo la vista de Diseño, haga clic en el botón Vista de diseño.
  • Para introducir un título para el documento, utilice el campo Título. Si el documento ya tiene título, éste aparecerá en dicho campo.
  • Para poner, obtener o proteger un archivo, haga clic en el botón de menú de "Estado de archivo".
  • Para previsualizar o depurar un documento en un navegador, haga clic en Vista previa/depurar en navegador y elija uno de los navegadores enumerados en el menú emergente.
  • Para actualizar la vista de Diseño, haga clic en el botón Actualizar vista de diseño.
  • Para obtener información de referencia sobre código HTML, CSS y JavaScript, haga clic en el botón Referencia.
  • Para desplazarse por el código, haga clic en el botón Navegación por el código. Para obtener más información, consulte "Introducción al depurador JavaScript".
  • Para mostrar u ocultar la regla, la cuadrícula y las ayudas visuales, haga clic en el botón de menú Opciones. 
  •