Mesa sobre programación en PHP y algunos lenguajes adicionales como Javascript para la creación de aplicaciones útiles en internet web: www.macropc.com.ar
Voy a dar algunos pasos con sitios actuales que se pueden tomar para hacer nuestras primeras pruebas en PHP sin complicarnos con instalaciones. Gracias a mi experiencia comprendí que no tenía mucho sentido instalar el servidor Apache, PHP y MySQL en mi computadora. Era solo complicarse la vida. Lo mejor es trabajar directamente en un servidor o en el servidor donde vamos a alojar nuestro sitio web. Por lo tanto el comienzo será simple y rápido.
En primer lugar busquemos un hosting gratuito o económico para empezar a subir archivos de prueba. Como hosting pago recomiendo nuthost.com es argentino y tiene planes desde $5 por mes. Pero para los que recién comienzan un hosting pago es un gasto innecesario. En los casos en los que quieran probar y no tengan decidido lanzar ningún sitio web aún, pueden abrir una cuenta gratuita en sitios como www.awardspace.com. Para abrir una cuenta en este hosting gratuito hagan click en el enlace, cuando ingresan a la página hagan click en "Easy starter hosting plan", este es el plan gratuito. En el paso siguiente hacen click en "Free Subdomain", copian el codigo de seguridad y hacen click en "Continue". En el siguiente paso eligen un nombre de usuario "username", y luego colocan sus datos personales (fist name=nombre, last name=apellido, email=email ). Una vez completado estos datos, si no marca ningún error, nos mostrará una página con un artículo (en este momento está mostrando un artículo sobre hosting) que no tengo la menor idea por qué lo hace. La cuestion es que en ese momento envian un email a nuestra cuenta con los datos y toda la información que necesitamos para usarla.
Cuando reciben el email, dentro van a encontrar un enlace hacia el panel de control y su nombre de usuario y contraseña. Con estos datos ya pueden entrar a su cuenta. Dentro de la cuenta van a ver debajo de todo, a la izquierda un enlace que dice "Hosting Settings", hacen click y les muestra un panel con opciones de su cuenta de hosting. Hagan click en "Subdomain Manager" para generar un nuevo subdominio. Donde dice "Subdomain name" eligen el nombre del subdominio. Creo que pueden crear hasta 5 subdominios. Pero para hacer pruebas con uno solo les va a bastar.
Una vez creado el subdominio les va a aparecer en la lista. Si hacen click en el subdominio verán una página de prueba que ellos ponen llena de anuncios. Lo que tenemos que hacer ahora es generar nuestro primer archivo y subirlo. Vamos a hacer un index.php:
Copiamos el siguiente código en un editor de texto (notepad) o en el programa que utilicen para generar sus códigos (yo utilizo Dreamweaver):
<?PHP print('hola a todos'); ?>
Grabamos este archivo con el nombre index.php.
Ahora vamos a subirlo al subdominio. Dentro del panel de control hacemos click en la opción "File Manager". Aparece una lista de los archivos y las carpetas de nuestra cuenta. Aparece en esta lista el subdominio creado. Hacemos click en el subdominio y aparece ... (leer todo)
Básicamente la razón para utilizar php en un sitio web es porque se trata de un lenguaje sencillo, fácil de aplicar e integrar para convertir a tu sitio estático en dinámico. Lo que más facilita su uso es la facilidad para conectarse con una base de datos MySQL. Es por esto que muchos servicios de hosting en la actualidad incluyen en todos sus planes PHP y la posibilidad de crear bases de datos. Al principio algunos hosting ofrecían PHP sin MySQL, pero ultimamente es muy poco frecuente encontrar un servicio así ya que los que aprenden PHP de inmediato comienzan a programar aplicaciones que utilizan bases de datos.
PHP se incluye facilmente en el código HTML agregando las etiquetas correspondientes:
<?PHP // código php ?>
Es muy común integrar este código dentro de un celda para imprimir algún valor o texto resultado de un cálculo o un proceso:
Para que un código PHP incluido dentro de un código HTML sea ejecutado en un servidor, es necesario que en el servidor se encuentre instalado el servicio PHP y que el archivo tenga extensión ejecutable, por ejemplo: miarchivo.php (ya no podrás llamar más a tus archivos con la extensión html).
Cualquier duda me consultan. Voy a seguir publicando tips básicos como este para aquellos que aún no conozcan este útil lenguaje de programación.
Un editor web es un espacio dentro de una página en un sitio web donde podemos escribir textos y agregar objetos como imágenes o enlaces. Lo que hace un editor web es transformar una entrada de un formulario tipo textarea en un editor completo, similar al estilo de Word o cualquier editor de texto que puedan utilizar en su PC.
Los editores se usan para muchas cosas. Desde mejorar los formularios de un sitio web hasta crear nuevas aplicaciones como las que se ven en sitios que actualmente te permiten montar una oficina virtual y guardar y editar documentos en Internet. Si quieren ver un ejemplo pueden responder este texto y verán que en el formulario que les aparece pueden agregar caritas, imágenes y enlaces, y verán que esas imágenes y esos enlaces se muestran dentro del formulario exactamente como serán publicados, sin utilizar codigos BBCode o similares.
Existen varias formas de crear un editor. Yo les voy a mostrar la más práctica y luego podremos profundizar un poco más.
La función ExecCommand:
Existe una función importante establecida por los navegadores actuales y es execCommand. Para un editor básico, esta función es más que suficiente, aunque para editores profesionales deberán quemarse un poco más las pestañas.
Iniciar el contenedor:
Pero empecemos por conocer esta función. Con execCommand lo que hacemos es insertar dentro de un contenedor (que puede ser un iframe o un div, por ejemplo) etiquetas HTML que serán de inmediato interpretadas y mostradas. De este modo podremos modificar el texto escrito (poniendolo en negrita, cursiva, subrayado, cambiar colores y demás cosas) e ingresar enlaces o imágenes.
Vamos a ver el primer ejemplo:
En el código podemos ver una función javascript llamada iniciar() que se ejecuta al cargarse la página (el onload dentro de la etiqueta body lo hace). Luego vemos dentro de las etiquetas body del documento un iframe. Este iframe será el contenedor, el espacio que se utilizará para ingresar y editar el texto.
La función iniciar lo único que hace es activar el contenedor para que se pueda escribir en él. Esta función y todas las del ejemplo estarán hechas solo para Internet Explorer, pero pueden consultarme o buscar en internet cómo hacerlo con Firefox y luego seleccionar qué función usar detectando el navegador.
Ahora si ejecutamos este archivo en nuestro navegador veremos un recuadro y podremos escribir en él. Ya tenemos nuestro editor básico, aunque hasta ahora era lo mismo poner un textarea.
Pero vamos a ver pronto que no es lo mismo.
Agregando la funcion de cambiar el texto:
OK. Agreguemos ahora un botón (yo lo voy a hacer con un simple enlace) para pasar el texto a negrita (bold):
La función agregada se llama negrita() y lo que hace es utilizar la función execCommand con los parámetros correctos para que el texto sea transformado a negrita. Fácil, no?
Para cambiar el texto a Italic o subrayado lo único que tienen que hacer es generar nuevas funciones poniendo los parámetros adecuados en execCommand:
Con execCommand se pueden hacer todas las acciones comunes de un editor. En el siguiente ejemplo agregué todas las funciones comentadas anteriormente y una que nos permite centrar el texto: ... (leer todo)
Un amigo me pidió que le explicara cómo crear un editor web, tipo WYSIGYG, y me di cuenta que no tenía un espacio propio en el bar donde hacerlo, así que organicé esta mesa. Espero volcar algo de lo que conozco sobre programación y ayudar a todos los que pueda con sus códigos.
Y por supuesto, espero que ustedes colaboren también!
ver más mesas sobre Computación
). Una vez completado estos datos, si no marca ningún error, nos mostrará una página con un artículo (en este momento está mostrando un artículo sobre hosting) que no tengo la menor idea por qué lo hace. La cuestion es que en ese momento envian un email a nuestra cuenta con los datos y toda la información que necesitamos para usarla.
