jueves, 17 de junio de 2010

ASP

Active Server Pages (ASP), también conocido como ASP clásico, es una tecnología de Microsoft del tipo "lado del servidor" para páginas web generadas dinámicamente, que ha sido comercializada como un anexo a Internet Information Services (IIS).
La tecnología ASP está estrechamente relacionada con el modelo tecnológico de su fabricante. Intenta ser solución para un modelo de programación rápida ya que "programar en ASP es como programar en Visual Basic y C#", por supuesto con muchas limitaciones y algunas ventajas específicas en entornos web.
Lo interesante de este modelo tecnológico es poder utilizar diversos componentes ya desarrollados como algunos controles ActiveX así como componentes del lado del servidor, tales como CDONTS, por ejemplo, que permite la interacción de los scripts con el servidor SMTP que integra IIS.
Se facilita la programación de sitios web mediante varios objetos integrados, como por ejemplo un objeto de sesión basada en cookies, que mantiene las variables mientras se pasa de página a página.
PHP
PHP Perl. El programa está liberado bajo la licencia GNU y actúa como un servidor Web libre, fácil de usar y capaz de interpretar páginas dinámicas. Actualmente XAMPP esta disponible para Microsoft Windows, GNU/Linux, Solaris, y MacOS X.
PHP también tiene la capacidad de ser ejecutado en la mayoría de los
sistemas operativos, tales como UNIX (y de ese tipo, como Linux o Mac OS X) y Windows, y puede interactuar con los servidores de web más populares ya que existe en versión CGI, módulo para Apache, e ISAPI.
PHP es una alternativa a las tecnologías de
Microsoft ASP y ASP.NET (que utiliza C# VB.NET como lenguajes), a ColdFusion de la compañía Adobe (antes Macromedia), a JSP/Java de Sun Microsystems, y a CGI/Perl. Aunque su creación y desarrollo se da en el ámbito de los sistemas libres, bajo la licencia GNU, existe además un IDE (entorno de desarrollo integrado) comercial llamado Zend Studio. Recientemente, CodeGear (la división de lenguajes de programación de Borland) ha sacado al mercado un entorno integrado de desarrollo para PHP, denominado Delphi for PHP. Existe un módulo para Eclipse, uno de los IDE más populares.
Python
es un lenguaje de programación interpretado creado por Guido van Rossum en el año 1991.[1]
Se compara habitualmente con Tcl, Perl, Scheme, Java y Ruby. En la actualidad Python se desarrolla como un proyecto de código abierto, administrado por la Python Software Foundation. La última versión estable del lenguaje es la 3.1.1.[2]
Python es considerado como la "oposición leal" a Perl, lenguaje con el cual mantiene una rivalidad amistosa. Los usuarios de Python consideran a éste mucho más limpio y elegante para programar.
Python permite dividir el programa en módulos reutilizables desde otros programas Python. Viene con una gran colección de módulos estándar que se pueden utilizar como base de los programas (o como ejemplos para empezar a aprender Python). También hay módulos incluidos que proporcionan E/S de ficheros, llamadas al sistema, sockets y hasta interfaces a GUI (interfaz gráfica con el usuario) como Tk, GTK, Qt entre otros.
Python se utiliza como
lenguaje de programación interpretado, lo que ahorra un tiempo considerable en el desarrollo del programa, pues no es necesario compilar ni enlazar. El intérprete se puede utilizar de modo interactivo, lo que facilita experimentar con características del lenguaje, escribir programas desechables o probar funciones durante el desarrollo del programa.
El nombre del lenguaje proviene de la afición de su creador original, Guido van Rossum, por los humoristas británicos
Monty Python.[3] El principal objetivo que persigue este lenguaje es la facilidad, tanto de lectura, como de diseño.

Php+apache
Explicamos el proceso completo para instalar PHP en una máquina Windows y un servidor Apache. La instalación se realiza como módulo que es lo más seguro y rápido.
Por
Miguel Angel Alvarez
Atención: Contenido exclusivo de DesarrolloWeb.com. No reproducir. Copyright.
En este artículo vamos a explicar cómo instalar PHP como módulo de Apache 2.0 en un sistema Windows. Para las pruebas hemos utilizado Windows XP, pero seguro que con otros sistemas el proceso será muy parecido, aunque, en todo caso, indicaremos las diferencias documentadas en el sitio de PHP.
Anteriormente habíamos explicado la
instalación de PHP como un CGI, aunque en la página de PHP desaconsejan esta opción, puesto que adolece de graves problemas de seguridad. Además, PHP instalado como módulo de Apache resulta mucho más rápido que como CGI.
Referencia: Vamos a suponer que el servidor de páginas web Apache 2.0 está instalado en nuestro sistema. No obstante, para los que no lo tengan, les referimos a nuestro
manual de instalación y configuración de Apache.
Descargar y descomprimir PHP
El primer paso consiste en descargar la última versión de PHP. Podremos hacerlo desde la página oficial de PHP, en la sección de descargas. http://www.php.net/downloads.php Debemos elegir la versión "zip package" que contiene todas las funcionalidades de PHP y el módulo necesario para instalarlo en Apache.
Una vez descargado el paquete comprimido en .zip de PHP necesitamos descomprimirlo en nuestro disco duro. Podemos utilizar el directorio raíz del disco duro para descomprimir los archivos. En ese caso, se creará un directorio llamado algo como "php-4.3.1-Win32" que colgará de nuestro directorio raíz. Se recomienda cambiar el nombre del directorio creado a algo como "c:php". En todo caso, nos advierten en la página de PHP sobre no colocar ningún nombre de directorio que contenga espacios, pues algún servidor web puede dar problemas. Por ejemplo, cuidado con instalar PHP en un directorio como este "c:archivos de programaphp", pues en la ruta tenemos directorios con espacios.
Copia de las DLL
A continuación nos informan sobre la necesidad de copiar en nuestro directorio de sistema una serie de librerías (.dll), que encontraremos en el directorio sapi de nuestra instalación de PHP, supuestamente algo como "c:phpsapi",
El mencionado directorio de sistema puede variar de unas versiones a otras de Windows. En Windows XP, el directorio de sistema donde debemos copiar las dll, es "C:WINDOWSsystem32". En Windows 9x/ME, el directorio sería "C:WindowsSystem" y en Windows NT/2000 sería el directorio "C:WINNTSystem32" o bien, "C:WINNT40System32".
Nota: no se deben mezclar las DLL de diversas versiones de PHP, porque de lo contrario, podría causarnos problemas.
Definir un archivo php.ini
Otro archivo que debemos copiar, esta vez en nuestro directorio Windows, es el php.ini, que guarda las opciones de configuración definidas para PHP. En la distribución de PHP se incluyen dos archivos php.ini que podemos utilizar directamente en nuestro sistema. Estos dos archivos se llaman "php.ini-dist" y "php.ini-recommended" y contienen unas opciones típicas de configuración de PHP. Se recomienda utilizar "php.ini-recommended", porque viene optimizado para obtener los mejores niveles de seguridad. En cualquier caso, podemos editar en cualquier momento el contenido del archivo para modificar la configuración de PHP a nuestro gusto o necesidades.
Para definir el php.ini debemos hacer una copia del archivo de configuración escogido ("php.ini-dist" o "php.ini-recommended") y renombrarlo como el "php.ini". Posteriormente debemos copiarlo en nuestra carpeta Windows, que en sistemas 9x/ME/XP es "c:windows" y en sistemas NT/2000 suele ser "c:WINNT", o bien "c:WINNT40".

Leia Mais

jueves, 3 de junio de 2010

Interfaz y dreamweaver

Apariencia general
Nuestra andadura en la web ha comenzado con Dreamweaver y el estudio de XHTML.
A lo largo de las páginas de este documento iremos desarrollando los diferentes aspectos del diseño de páginas web, combinando tanto las herramientas propias de dreamweaver (DW de ahora en adelante), y recurriendo al código puro y duro en aquellos casos donde sea necesario.
En esta sección vamos a hablar sobre todo de la apariencia del programa, de algunas recomendaciones acerca de su configuración y uso y de herramientas a las que podemos recurrir sin que nuestro código resulte perjudicado.
Comencemos pues, con la apariencia y configuración del programa.

comenzar con dreamweaver.
Al abrir el DW descubrimos que es muy similar en apariencia al resto de los programas de la familia Macromedia:
Tenemos nuestros indispensables menús, una barra de herramientas para insertar elementos y paletas para desarrollar los diferentes aspectos de nuestro diseño.
El resto del espacio lo ocupará el área de trabajo, donde iremos añadiendo los elementos que necesite nuestro documento. No hablamos sólo de elementos visuales, como pueda ser el texto o las imágenes, sino también de enlaces (links) o botones que nos validen un formulario.


La barra de herramientas
La barra de herramientas nos permite insertar diferentes elementos en nuestro documento. En muchos casos nos ofrece un acceso rápido y cómodo a ciertas funciones del DW.
En el caso de que alguna vez tengamos que activarla (podemos cerrarla accidentalmente), debemos hacerlo desde el Menú Ver > Barras de herramientas > Insertar

La barra de herramientas nos ofrece varias opciones. Según la visualización que escojamos nos aparecerán diferentes herramientas, específicas para cada caso.
En el apartado "Común", que aparece por defecto al abrir el programa por primera vez tenemos las opciones más generales: crear tablas, puntos de ancla, insertar imágenes o crear imágenes de sustitución son las que mejor funcionan.


Nota acerca de las herramientas de DW
Tengamos en cuenta que no todas las opciones de la barra de herramientas son recomendables. Destacamos insertar formularios porque DW lo hace de manera aceptable, evitando que escribamos código. Pero en otros casos, DW genera código inadecuado. Aprender a controlar nuestro código es tan fundamental como saber para qué sirven las herramientas del programa.
Si pulsamos "Común" para desplegar las opciones de la barra, tendremos acceso al resto de herramientas propias de cada apartado. Uno de los más útiles para evitarnos escribir código es el de Formulario.

Desde aquí podemos definir qué tipo de elementos deseamos para nuestro formulario, insertar campos para pedir información al usuario y botones que validen la información, de tal manera que llegue a nuestro correo. Para más información, consulta el apartado sobre formularios.
¿Código o diseño?
Como ya te habrás dado cuenta, estamos haciendo mención a un buen uso del código XHTML. Esto es importante para no generar un resultado a partir de una etiqueta inadecuada.
Por tanto, desde aquí aconsejamos utilizar el doble espacio de trabajo que nos ofrece DW. ¿Qué es esto?
Básicamente, se trata de una opción que nos permite trabajar en el documento bien a nivel de código, bien sólo en modo diseño (la apariencia de la web).
Nosotros sugerimos la tercera opción: el modo dividir.

De esta manera visualizamos diseño y código al mismo tiempo. Esta opción se encuentra en la barra de herramientas "Documento", a la que accedemos desde el menú Ver > Barras de herramientas > Documento.




Vista de código

Cuando navegamos por internet podemos solicitar al navegador que nos muestre el código fuente de una página para saber cómo está hecha. Cuando trabajamos en nuestro documento en modo dividir también tenemos ese código a mano.

Por defecto, DW suele mostrar el código ocupando tanto ancho como sea necesario. Esto puede generar líneas de código interminables e incómodas de leer.

Para solucionar esto debemos activar una opción que permite visualizar el código según el ancho del área de trabajo, de tal manera que no habremos de recurrir a las barras de desplazamiento horizontales.

A esta opción llegamos desde el menú Ver > Opciones de vista de código > Ajustar texto.






Las paletas de trabajo

A medida que vayamos experimentando con DW y dominemos mejor el código necesitaremos nuevas herramientas que nos aporten nuevas posibilidades.

Una de las primeras aspiraciones es, por supuesto, la de para que esté accesible en la red y pueda ser visitada. Podemos también usar la paleta de los estilos CSS para gestionarlos desde nuestro documento, o crear comportamientos.

También surgirá la idea de crear un pop-up o abrir una nueva ventana mostrando en detalle alguna foto o cualquier otra cosa. Y a medida que queramos dar consistencia a nuestra página nos vendrá bien aplicar los estilos CSS de manera más rápida que tecleando en código.

Muchas de estas operaciones se realizan desde las paletas que nos ofrece DW. Todas ellas pueden activarse desde el menú Ventana.


El formato de texto en dreamwever

A.- CREAR Y CONFIGURAR LA PÁGINA O DOCUMENTO
1.- Crear Página: Archivo - Nuevo - Aparece el cuadro de diálogo «Nuevo documento» - En la lista de categorías de la izquierda, bajo Categoría, seleccionar la categoría Página básica

- Hacer clic en Crear - Aparece la ventana de Documento vacía

2.- Guardar página: Archivo - Guardar como - En el campo «Guardan en» buscar la carpeta raíz y subcarpeta - En el campo «Nombre de archivo» escribir el nombre del archivo y en el campo «Guardar como tipo» seleccionar Todos los documentos - Guardar

3.- Abrir página: Archivo - Abrir

4.- Modificar página: Existen dos maneras: Modificar - Propiedades de la página o pulsar el botón derecho del ratón y en el menú contextual seleccionar Propiedades de la página

a) Asignar un título al documento

b) Definir una imagen de fondo (si se quiere): Hacer clic en Examinar - En el campo Buscar en seleccionar el disco local, carpeta y archivo de la imagen que se quiere poner de fondo- Aceptar - Aparece un cuadro de mensaje - Aceptar - Aparece un segundo cuadro de diálogo - Contestar: Sí - Guardar - Aceptar

c) Definir un color de fondo (si se quiere): Hacer clic en el cuadro Fondo - Seleccionar un color del selector de color - Aceptar

B.- EDITAR TEXTO

1.- Escribir un texto

a) En la ventana del documento vacío escribir títulos y párrafos

b) Para insertar caracteres especiales en un documento, hacer uno de los siguientes pasos:

Insertar - Caracteres especiales - Seleccionar el carácter deseado

En la barra «Insertar» hacer clic en categoría «Caracteres» - Aparece el menú de caracteres - Seleccionar el carácter deseado

Para utilizar otros caracteres especiales: Insertar - Caracteres especiales - Otro o también hacer clic en el icono «Otros caracteres» (el último icono de la derecha del menú de caracteres) - Seleccionar un carácter en el cuadro «Insertar otro carácter» - Aceptar

c) Para hacer el salto de línea (no confundir con el punto y aparte): En la barra «Insertar» marcar la categoría «Caracteres» - Aparece la barra de menú de caracteres - Hacer clic en el botón «Salto de línea» (primer botón de la izquierda)

d) Para insertar la fecha actual en el documento:

En la ventana de documento, situar el punto de inserción en el lugar donde se desea insertar la fecha

Insertar - Fecha o también, en la barra «Insertar» hacer clic en la categoría «Común» - Aparece un menú de botones - Hacer clic en el botón «Fecha» - En el cuadro de diálogo que aparece seleccionar el formato de día, fecha y hora - Activar la opción «Actualizar automáticamente al guardar» - Aceptar

e) Para corregir la ortografía: Texto - Ortografía - En el cuadro «Ortografía» seleccionar la ortografía correcta en el cuadro «Sugerencias» o teclear la palabra correcta en el cuadro «Cambiar por» - Cambiar


2.- Dar formato al texto

a.- Aplicar fuentes y tamaños

Seleccionar el texto. Si no hay texto seleccionado, el cambio se aplicará al texto que se escriba a continuación

Para cambiar la fuente, caben dos opciones:

o Texto - Fuente - Seleccionar la fuente deseada

o En el inspector de propiedades de Texto elegir una fuente o combinación de fuentes

Para editar la lista de fuentes: Texto - Fuente - Editar lista de fuentes - En el cuadro «Editar lista de fuentes» seleccionar la fuente que se desee en el cuadro «Fuentes disponibles» - Hacer clic en el botón << - Aceptar. Si se quiere quitar una fuente de la lista editada de fuentes, en el cuadro «Lista de fuentes» seleccionar la fuente que se quiere quitar - Volver a seleccionar la misma fuente en el cuadro «Fuentes elegidas» - Hacer clic en el botón >> - Aceptar

Para cambiar el tamaño de la fuente, existen dos opciones:

o Texto - Fuente - Tamaño - Elegir el número de tamaño

o En el inspector de propiedades de Texto, en el cuadro «Tamaño de texto» hacer clic en la flecha de opciones - Seleccionar el número de tamaño que se desee

b.- Aplicar color al texto

Seleccionar texto

Existen dos opciones para cambiar el color de texto

o 1ª) Texto - Color - Se abrirá la paleta de colores - Hacer clic en el color deseado

o 2ª) En el inspector de propiedades de Texto hacer clic en icono de color de texto - Se abrirá la paleta de colores - Hacer clic en el color deseado Figura

c.- Aplicar estilo al texto

Seleccionar texto

Existen tres opciones para aplicar estilo al texto

o 1ª) Texto - Estilo - Negrita, cursiva, etc.

o 2ª) En el inspector de propiedades de texto hacer clic en los botones negrita (B) o cursiva (I)

o 3ª) En la barra «Insertar» hacer clic en la categoría «Caracteres» - Aparece la barra de menú - Hacer clic en los botones negrita (B) o cursiva (I)


3.- Alinear y sangrar texto

a) Para alinear texto:

Seleccionar texto

Para alinear texto existen dos posibilidades:

i. Texto - Alinear - Izquierda, centro, etc.

ii. En el inspector de propiedades de texto hacer clic en los botones «alinear a la izquierda», «alinear al centro», etc.

b) Para crear o quitar sangría de texto existen también dos opciones:

i. Texto - Sangrar o Anular sangría

ii. En el inspector de propiedades de texto hacer clic en los botones «sangría de texto» o «anular sangría de texto»


4.- Crear una lista

a) Situar el punto de inserción en la línea o lugar donde se desea añadir una lista

b) Para empezar a crear una lista existen dos posibilidades:

1ª) Texto - Lista - Seleccionar el tipo de lista deseado en el menú desplegable

En el inspector de propiedades hacer clic en los botones «Lista sin ordenar» (viñeta) o «Lista ordenada» (numerada)

c) Para terminar de crear la lista, se puede actuar de dos maneras:

Presionar dos veces seguidas la tecla Entrar

Después de haber pulsado la tecla Entrar, caben dos opciones:

o 1ª) Texto - Lista - Ninguno

o 2ª) En el inspector de propiedades de texto hacer clic en los botones «Lista sin ordenar» o «Lista ordenada»


5.- Formato de párrafos y encabezados

a) Situar el punto de inserción en el párrafo o seleccionar parte del texto del párrafo

b) Existen dos posibilidades para aplicar o quitar una etiqueta de párrafo o encabezado:

1ª) Texto - Formato de párrafo - Elegir un formato de párrafo del menú desplegable

2ª) En el inspector de propiedades de texto hacer clic en el cuadro Formato - Aparece el menú desplegable - Elegir la opción deseada
6.- Insertar una regla horizontal

En Dreamweaver es posible separar visualmente diferentes textos y objetos en la misma ventana de documento con una o más reglas horizontales.

a) Para insertar una regla horizontal:

Situar el punto de inserción en el lugar donde se quiere insertar una regla horizontal

Existen dos opciones para insertar regla horizontal:

o 1ª) «Insertar - Regla horizontal

o 2ª) En la barra «Insertar» marcar la categoría «Común» - Aparece la barra de menú - Hacer clic en el botón «Regla horizontal» (4º botón empezando por la derecha)

c) Para modificar una regla horizontal en la ventana de documento.

Seleccionar la regla horizontal que se quiere modificar

En el inspector de propiedades de «Regla horizontal» modificar las propiedades que se deseen: ancho (An) y alto (Al), alineación de de la regla y sombreado




Leia Mais