SEM 6 Ejerccios PHP

¡La universidad para todos!
¡La Universidad para todos!
Tema: Ejercicios PHP

Docente: Ing.Chauca
Escuela Profesional Periodo académico: 2018-1

INGENIERIA SISTEMAS E INFORMATICA Semestre: VII
Unidad: 3
CONFIGURACIÓN BÁSICA DE NOTEPAD++ PARA CREAR PÁGINAS PHP

Antes de poder comenzar a crear páginas PHP, necesitaremos realizar una
configuración básica de nuestro entorno de desarrollo.
En nuestro caso, la configuración será bastante simple y consistirá en elegir la

codificación con la que guardaremos nuestros ficheros PHP y seleccionar el
lenguaje con el que vamos a trabajar.
Lo primero que vamos a hacer es abrir el programa Notepad++. Para esto, nos
vamos a Inicio -- > Programas -- > Notepad++ -- > Notepad++. Se nos abrirá el
programa, mostrando una pantalla similar a la siguiente.
Para seleccionar la codificación con la que trabajaremos durante todo el

curso, en la pestaña Formato, hacemos click sobre “Codificar en UTF-8 sin
BOM”, tal y como se indica en la imagen siguiente.
Compruebar periódicamente que la opción de codificación sea siempre

“Codificar en UTF-8 sin BOM”. Si no es así, puedes tener problemas y no
obtener los resultados deseados.
Ahora tendremos que indicar que vamos a utilizar el lenguaje de etiquetas

PHP. Para ello, en la pestaña lenguaje abrimos P y seleccionamos PHP de
entre todas las opciones posibles. Sería algo similar a lo que se muestra en la
imagen siguiente.
Ya tenemos todo listo para poder empezar a crear nuestras páginas PHP.
AUTOCOMPLETAR. UNA VENTAJA DE NOTEPAD++

Para facilitar la escritura de código Notepad++ cuenta con una opción de
autocompletar, la cual se activa en la pestaña Configurar --> Preferencias.
En la ventana que nos aparecerá, dentro de la pestaña Copia de

seguridad/Autocompletar ó Autocompletar (autocompletion) debemos activar
la casilla “Habilitar autocompletar en cada entrada” (Enable autocompletion
on each input) y “Pistas para los parámetros de la función” (Function
parameters hint on input).
Tener en cuenta que la situación de los menús y opciones puede variar de

una versión a otra de Notepad++, por lo que no siempre encontrarás estas
opciones en el mismo sitio que las estamos describiendo.
AUTOCERRADO DE ETIQUETAS. OTRA VENTAJA DE NOTEPAD++

Para activar el autocerrado inteligente de etiquetas HTML, en menú superior
seleccionamos TextFX --> TextFX Settigns --> Autoclose XHTML/XML tag
En algunas versiones de Notepad++ no aparece TextFX en el menú superior.

En este caso, debemos:
a) En el menú Configurar -- > Preferencias. En la ventana que nos

aparecerá, tenemos que buscar la opción Autocompletar (autocompletion)
como hicimos anteriormente y marcar la opción “html/xml close tag”
b) O bien instalar el plugin TextFX Characters accediendo a Plugins, elegir

TextFX Characters y pulsar Install. Una vez instalado el plugin, activar
Autoclose XHTML/XML tag.
También es de interés activar TextFX --> TextFX Settigns --> Autoclose {([.
En caso de no tener TextFX usaríamos en el menú Configurar - >
Preferencias, Activar autoinsert {([.
Estas opciones nos permiten en general una escritura más rápida,

aunque si en algún momento nos resultan molestas las podemos
desactivar.
OTRAS VENTAJAS DE NOTEPAD++

Quizás te preguntes por qué hemos elegido Notepad++ para este curso. La
respuesta es que tiene diversas ventajas, por ejemplo:
- Consume pocos recursos del sistema. No sobrecargarás tu ordenador

porque el programa es al mismo tiempo que potente, ligero.
- Dispone de la función autocompletar que ya hemos citado, que nos

facilita ayuda mientras estamos escribiendo el código.
- Permite abrir múltiples archivos simultáneamente, y reemplazar un texto en

todos los archivos abiertos a la vez si así lo deseamos.
- Permite abrir dos archivos y realizar una comparación línea a línea entre
ellos, indicándonos en qué líneas existen diferencias entre un archivo y
otro.
- El código se nos muestra con un conjunto de colores que permite ver con
claridad las etiquetas de apertura y cierre y otros elementos especiales de
la codificación.
- Permite ampliar sus posibilidades mediante la instalación de plugins

gratuitos disponibles en internet.
- Tiene muchísimas más posibilidades, pero no podemos citarlas todas. En

conjunto, es un buen editor útil para programadores a nivel profesional y
para principiantes.
- Es software libre que podemos descargar gratuitamente desde internet.
Como verás Notepad++ nos parece un buen editor de código para

programación. Esto no quiere decir que no haya otras editores igual de
buenos y potentes
DESCARGAR E INSTALAR EL CLIENTE FTP FILEZILLA. TRABAJAR

REMOTAMENTE
Una forma de trabajar en desarrollos webs es remotamente. Es decir,

modificando directamente en el servidor, donde tengamos nuestro sitio web,
los archivos necesarios.
La otra forma de trabajo sería el trabajo en local, es decir, manteniendo los

archivos en nuestro propio ordenador.
En general, los desarrollos web se hacen sobre servidores remotos y para

trabajar con ellos tenemos que trabajar remotamente. Para esto, lo que
tenemos que hacer en primer lugar es instalar un cliente FTP.
Un cliente FTP es un programa que nos permite conectarnos a un servidor

FTP para transferir archivos y realizar otras tareas (renombrar archivos, crear
directorios, asignar permisos, etc.).
Nosotros vamos a usar un cliente ftp gratuito y de gran popularidad porque

es muy útil y potente. Para descargar este programa gratuito, lo primeros
que vamos a hacer es ir a la dirección web siguiente: http://filezilla-
project.org/
Aparecerá una web similar a la que se muestra en la siguiente imagen

(aunque ten en cuenta que el aspecto puede ir variando cada pocos
meses).
Ahora tendremos que descargar el cliente haciendo click en Download

FileZilla Client. Busca el link de descarga y ten cuidado de elegir Filezilla
Client y no Filezilla Server, ya que es el client el que buscamos.
Tras realizar este paso, se nos abrirá una nueva página web con los links de
descarga (el aspecto de la web puede cambiar cada pocos meses).
Para que comience la descarga del programa, haremos click en Download

Now comprobando que sea la versión adecuada para nuestro sistema
operativo (lee lo que indica junto al link de descarga).
Una vez descargado, si usamos Windows lo instalaremos como cualquier otro

programa de Windows. Tener en cuenta que si en vez de Windows estamos
usando Linux o Macintosh, existen versiones de Filezilla propias de estos
sistemas y debemos elegir la adecuada según el sistema que estemos
usando.
Una vez instalado el programa lo abrimos visualizando una imagen que será
similar a la siguiente.
hora tendremos que crear una conexión con nuestro servidor FTP y
conectarnos. Para ello hacemos click en Archivo -> Gestor de Sitios
Y en la pantalla que se nos mostrará, seleccionamos nuevo sitio. Aquí

sería donde introduciríamos los datos de acceso si los tuviéramos.
Como ahora no los tenemos, cerramos la ventana.
Para establecer una conexión con un servidor remoto en general

tendremos que:
- Especificar el nombre de servidor: para conocerlo tenemos que consultar

al proveedor que ofrece el servicio del servidor, o que nos hayan
facilitado este dato.
- Especificar como modo de acceso “Normal”.

- Introducir un nombre de usuario que nos habrá facilitado el proveedor
que ofrece el servicio del servidor (o que habremos establecido nosotros
mismos).
- Introducir una contraseña que nos habrá facilitado el proveedor que ofrece
el servicio del servidor (o que habremos establecido nosotros mismos).
Tener en cuenta que en algunos servidores antes de establecer una

conexión ftp hay que dar un paso previo que consiste en “crear una cuenta
ftp”. Si no sabes si dispones de una cuenta ftp, consulta a tu proveedor.
Una vez introducidos los datos de la conexión le daríamos a conectar y

aparecería una pantalla similar a la siguiente, donde, como podemos
observar, tenemos un explorador de archivos.
Esto nos permitirá modificar directamente en el propio servidor los archivos

deseados (antes de hacer modificaciones en el servidor es conveniente
hacer copia de seguridad y guardarla en local de modo que si cometemos
algún error o borrado accidental podamos recuperar los archivos) y subir o
descargar los archivos locales que queramos.
Se explicaremos más adelante dentro de este mismo tema cómo crear

una cuenta de hosting en un servidor, lo que nos permitirá conectar con
el servidor usando Filezilla.
Si no dispones de una cuenta con nombre de servidor, nombre de

usuario y password no podras conectarte usando Filezilla
Asta este momento, lo único necesario es compruebar que se tiene

Filezilla instalado en el computador y que puedas abrir el programa sin
problemas.
LAS VENTAJAS DE GOOGLE CHROME. ¿POR QUÉ USAR CHROME?

En este curso vamos a usar Google Chrome, pero si lo prefieres por algún
motivo como tenerlo ya instalado, Mozilla Firefox también nos parece una
opción recomendable, y puedes seguir este curso también con este navegador.
Otros navegadores como Internet Explorer también se pueden usar, pero en

principio no es lo más recomendable por diversos motivos.
Uno de ellos es que no dispone de las mismas herramientas que Chrome o

Firefox, que son los navegadores más usados por programadores y
desarrolladores web.
Vamos a citar algunas ventajas de Google Chrome:

a) El navegador se abre muy rápidamente en comparación con otros
navegadores. Google Chrome es muy ligero, por eso tarda poco en abrirse.
b) El navegador tiene una buena velocidad de carga de las páginas web por
las que vamos navegando. Esto se debe a su estructura interna, que
también es ligera.
c) Por el mero hecho de instalarlo, ya disponimos de una potente

herramienta de análisis y depuración de páginas web o “Inspeccionador de
elementos”. Mozilla Firefox también viene con herramientas de análisis
incorporadas, y además dispone de la extensión “Firebug”, muy valorada
por los programadores.
d) Si tenemos abiertas varias pestañas y una de ellas se tiene que cerrar

debido a algún error o bloqueo, no se nos quedará colgado el programa al
completo, sino únicamente la pestaña o pestañas afectadas.
LAS CUESTIONES MÁS BÁSICAS EN GOOGLE CHROME (Y EN

GENERAL PARA CUALQUIER NAVEGADOR)
Al abrir el navegador Google Chrome se nos mostrará una ventana similar a

la siguiente.
Tener en cuenta que el aspecto puede variar según la versión de Chrome que
estemos usando, por tanto tendremos que buscar las opciones según
aparezcan en nuestro computador, que puede diferir en algunos detalles de lo
que indicamos aquí.
Una vez abierto Chrome podremos abrir tantas pestañas como queramos,
introducir una dirección URL en la barra de direcciones, recargar la página
actual (también podremos pulsar F5 como atajo de teclado para conseguir
recargar una página) y acceder al menú de opciones de Google Chrome entre
otras operaciones.
Para cambiar la página web de inicio que viene por defecto en nuestro
navegador Google Chrome (la que aparece cada vez que abrimos el
navegador), procederemos de la siguiente forma:
a) En algunas versiones de Chrome, tendremos que hacer click en ‘Llave

inglesa’ y dentro del menú desplegable que nos aparece en la opción
‘opciones’.
Se nos abrirá una nueva pestaña donde en la opción ‘Pagina de inicio’

pondremos por ejemplo http://aprenderaprogramar.com ( o la página que
queramos). Otras versiones no traen llave inglesa.
b) En otras versiones de Chrome, haremos click en el icono a la derecha de

la barra de direcciones para desplegar el menú y elegimos “Configuración”.
En la opción “Iniciar sesión”, elegimos la opción “Abrir una página específica

o un conjunto de páginas -- > Establecer páginas”, introducimos la URL de la
queramos sea nuestra página de inicio, por ejemplo
http://aprenderaprogramar.com ( o la página que queramos) y pulsamos
aceptar.
c) Otra opción para acceder a la configuración es escribir en la barra de

direcciones lo siguiente (como si fuera una dirección web): chrome://settings/
LIMPIAR LA CACHÉ Y OTRAS OPERACIONES ÚTILES QUE USAREMOS

CON FRECUENCIA
Llamamos “caché” o “cache” a contenidos que se almacenan en nuestro
navegador y que no se descargan desde internet, sino que los tenemos
localmente en nuestro equipo.
Estos contenidos pueden ser texto o imágenes y permite que cuando

navegamos por una web las páginas se muestren más rápido ya que parte de
la información no se descarga de internet (o no se actualiza desde los archivos
fuente) sino que se mantiene en nuestro navegador.
Sin embargo, cuando estamos creando páginas web esto puede dar lugar a
resultados engañosos, ya que tras hacer una modificación puede que el
navegador no la muestre por estar utilizando contenidos de la caché.
Por tanto una operación que va a ser de gran utilidad, es limpiar la caché
cuando deseemos que todo el contenido venga directamente de internet. Si no
eliminamos la cache puede que lo que estemos visualizando en nuestra
pantalla de ordenador sea información cacheada y, por lo tanto, no
actualizada.
Para limpiar la caché del navegador tenemos que hacer lo siguiente: Llave
inglesa o icono para desplegar el menú --> Herramientas --> Eliminar (borrar)
datos de navegación.
También podemos acceder escribiendo directamente en la barra de

direcciones chrome://settings/clearBrowserData como si se tratara de una
dirección web.
En la pantalla que se nos muestra a continuación seleccionamos todas las

opciones, y para definir desde cuándo en la opción “Eliminar elementos
almacenados desde:” elegimos ‘el origen de los tiempos’ (es decir, borrarlo todo
sin dejar nada).
Para guardar una página web en local debemos simplemente ir a llave

inglesa o icono de despliegue de menú y seleccionar ‘Guardar página
como…’ y seleccionar el nombre y ubicación donde queremos guardar la
página HTML.
Para añadir una página a favoritos debemos clickar sobre marcadores

(normalmente un icono con forma de estrella a la derecha de la barra de
direcciones) y elegir el nombre y carpeta donde guardaremos el nuevo
marcador favorito.
Esto sirve para ir manteniendo una colección de enlaces a páginas web que
visitamos con frecuencia, de forma que pulsando sobre el enlace accedemos
directamente a la web sin necesidad de escribir la url en la barra de
direcciones.
Para visualizar esa colección de enlaces tenemos que desplegar el menú y

elegir la opción Marcadores -- > Mostrar barra de marcadores.
Si queremos ver las propiedades de una imagen clickamos sobre la

imagen con el botón derecho del ratón y pulsamos en ‘Inspeccionar
elemento’ en el menú desplegable que se nos abre. Así veremos el tamaño
de la imagen.
Para hacer zoom basta con utilizar los siguientes atajos de teclado: ‘Ctrl’ +
‘+’ (más zoom, es decir, pulsando la tecla CTRL y al mismo tiempo la tecla
+, logramos acercar la vista), ‘Ctrl’ + ‘-‘ (menos zoom, es decir, alejar la
vista).
O si lo preferimos usar ‘Ctrl’ + ‘ruleta o rueda del ratón’ hacia arriba o hacia
abajo, para acercar o alejar la vista.
En cualquier caso, para volver a ver la página con su tamaño original sólo
tenemos que pulsar ‘Ctrl’ + ‘0’.
CÓMO ACTUALIZAR GOOGLE CHROME

Google Chrome se actualiza automáticamente cuando detecta que hay una
nueva versión del navegador.
El proceso de actualización se produce en segundo plano y no es necesario

que realices ninguna acción.
No obstante, puedes comprobar si el navegador está actualizado pulsando

sobre llave inglesa o icono para desplegar el menú --> Información de Google
Chrome.
Ahí te aparecerá un mensaje con la versión que estás usando actualmente, y

te indicará si el navegador está actualizado o no.
También puedes acceder a esta información escribiendo chrome://chrome/

en la barra de direcciones como si fuera una dirección web.
Que el navegador se mantenga actualizado sirve para tratar de evitar

posibles fallos de seguridad y ataques de virus o programas maliciosos.
TRABAJAR EN LOCAL O CON UN SERVIDOR REMOTO PHP. ¿QUÉ ES

MEJOR?
En este artículo vamos a intentar mostrar las diferencias entre trabajar en
local (en nuestro computador) o trabajar en un servidor remoto.
Ambas opciones pueden ser válidas, aunque es recomendable trabajar en

remoto.
La principal diferencia se encuentra en que en un servidor remoto, ya

dispondremos de las herramientas necesarias e instaladas.
En el trabajo en local, tendremos que instalar las herramientas de trabajo

necesarias: servidor web, PHP, MySQL, etc. (Las herramientas no tienen que
ser exactamente las indicadas, sólo se muestran a modo de ejemplo).
En un primer planteamiento podríamos pensar que sería mucho mejor

trabajar en remoto porque el trabajo de la instalación de las herramientas y
tecnologías necesarias ya estaría hecho.
Pero esto puede ser algo no deseado porque no tendremos control total sobre
esas herramientas y tecnologías, siendo el proveedor del hosting el que
controlará las actualizaciones, configuraciones y herramientas instaladas.
Aunque siempre podremos ponernos en contacto con dicho proveedor y

indicarle que deseamos unas u otras configuraciones y ver si es posible el
cambio por su parte.
Además de las anteriores, otra de las diferencias entre estas dos formas de
trabajar, es la actualización de los cambios en el servidor.
Si trabajamos en remoto directamente sobre nuestro sitio web, los cambios se

hacen instantáneamente ya que los archivos que modificamos son los que un
usuario que navega por Internet puede observar.
Esto tiene unos pros y unos contras.
Como ventaja podemos indicar que, sabiendo lo que estamos haciendo y no

cometiendo errores, tendremos una página actualizada al instante.
Si cometemos errores y la página, con esos errores, no puede visualizarse,

los usuarios de Internet tampoco podrán verla y esto es una desventaja.
¿Qué pasaría si trabajamos en local? Pues si trabajamos en local tendremos

la ventaja de poder probar y visualizar todos los cambios en nuestro
computador y hasta que esos cambios no sean de nuestro agrado, nadie más
tendrá acceso a ellos, teniendo siempre nuestro servidor sin cambios.
De esta manera, la página web no se vería modificada hasta que nosotros lo

decidamos una vez hayamos probado los cambios.
Ahora bien, cuando estos cambios sean de nuestro agrado y quedemos

totalmente conformes, para que éstos sean visibles en Internet, tendremos
que sobrescribir los archivos modificados localmente al servidor remoto.
Es decir, hacemos un trabajo extra: primero, hacer las modificaciones en

local, luego, trasladar esas modificaciones al servidor remoto.
Si no tienes una buena conexión a Internet, lo más recomendable es trabajar

en local y subir la página cuando esté terminada, ya que trabajar en remoto
requiere una buena conexión a internet para poder guardar nuestro trabajo
en el servidor remoto a medida que lo vayamos desarrollando.
Estas diferencias que hemos comentado serían las diferencias más claras
entre estas dos formas de trabajar.
¿QUÉ ES MEJOR, TRABAJAR EN LOCAL O EN REMOTO?

La mejor forma de trabajo es la que mejor se adapta a nuestras
necesidades y/o conocimientos.
Las personas que están dando sus primeros pasos en programación PHP
pueden elegir entre una opción u otra, y quizás ambas sean válidas.
Nosotros vamos a recomendar que se trabaje en remoto por las siguientes

razones:
a) Se asemeja más a lo que va a ser el trabajo con desarrollos web reales.
Aunque ahora se trate de aprendizaje, será un aprendizaje más cercano
a lo que es la realidad.
b) Nos podemos despreocupar (en cierta medida) de cuestiones de

configuración del servidor e instalación de herramientas.
c) Existen proveedores que ofrecen hosting gratuito, por lo que no habremos

de contar con un dominio de internet propio ni una cuenta de hosting
(alojamiento de archivos, bases de datos, etc.) de pago.
Es cierto que las ofertas de servicio de hosting gratuito tienen limitaciones

importantes, pero de cara al aprendizaje nos resultarán suficiente.
Las grandes empresas no suelen hacer modificaciones sustanciales de sus

sitios web directamente sobre el sitio, sino que disponen de un servidor de
pruebas (al que se denomina servidor de desarrollo) donde ensayan los
cambios que, una vez contrastados, son trasladados al servidor de acceso
público al que se suele denominar servidor de producción.
Es decir, las grandes empresas no suelen trabajar en local (alojando todo en

sus propios computadores) entre otras cosas porque buscan emular con la
mayor fiabilidad posible lo que van a ser los ambientes y circunstancias de
los servidores donde finalmente se van a alojar sus sitios web.
CREAR UNA CUENTA DE HOSTING GRATUITA EN UN SERVIDOR PHP Y

ACCEDER VÍA CPANEL Y VÍA FTP
En esta entrega vamos a crear una cuenta de hosting gratuita en un servidor
web que nos permita trabajar con PHP y accederemos a éste vía Panel de
Control (Cpanel) y vía FTP.
CREAR CUENTA DE HOSTING GRATUITA

En Internet hay muchas páginas web que permiten crear una cuenta de
hosting gratuito en un servidor php: por ejemplo www.000webhost.com,
www.byethost.com, www.agilityhoster.com y varios más.
Creando una cuenta en un hosting gratuito, disponemos de un servidor (que

compartimos con otros usuarios) donde podemos alojar una página web.
Para este curso, vamos a utilizar un servidor gratuito porque es adecuado

para aprender.
En concreto usaremos el servidor de Byethost (byethost.com), aunque

podríamos usar cualquier otro porque todos ellos son similares.
También, si dispones de una cuenta de hosting de pago y de un dominio,

puedes utilizar cualquier servidor siempre que ofrezca soporte php y base de
datos MySql.
En nuestro caso, en primer lugar crearemos la cuenta de hosting gratuita.
Para ello, accedemos a la página web de Byethost, introduciendo en nuestro

navegador la siguiente dirección: www.byethost.com. Hazlo y vete siguiendo
los pasos que indicamos.
Nos aparecerá una página que ofrece diferentes opciones (ten en cuenta que
el aspecto puede variar cada pocos meses):
Buscamos el enlace donde diga “Free hosting” (alojamiento gratuito) y

pulsamos sobre él. Ahora debemos buscar la opción para crear una cuenta
(sign up):
Una vez accedemos a la página de creación de una cuenta, se nos

mostrará un formulario donde tendremos que rellenar una serie de datos.
Aquí tendremos que tener en cuenta que el nombre de usuario que

insertemos, estará ligado a la url de acceso a nuestro sitio.
Es decir, si como nombre de usuario (username) introducimos

‘lacocinademarco’, la dirección de nuestro sitio Web será similar a la
siguiente ‘http://lacocinademarco.byethost31.com’:
En nuestro caso introduciremos una serie de datos a modo de ejemplo tal y

como podemos ver en la imagen que se muestra a continuación.
Una vez hayamos finalizado de introducir los datos solicitados, haremos

click sobre el botón Registrar (Register) y nos aparecerá una página Web
indicándonos que se nos ha enviado un correo electrónico a la dirección de
correo que hayamos facilitado en el formulario y en ese correo nos indicarán
un enlace web (dirección url) donde debemos activar nuestra cuenta.
El último paso que nos quedaría para crear nuestra cuenta de hosting
gratuita sería entrar a nuestro correo y hacer click en el enlace de activación
del correo de Byethost que nos acaba de llegar.
Dear byethost7.com's Member, Thank you for registering with byethost7.com.

Please click on the link below to activate your account. If the page does not
display, you may copy and paste the link to your browser.
http://securesignup.net/activate.php? user=b7_1372194&email
= contacto@aprenderaprogramar.com&
hash=8gtfg9sfddd17c98hfdghj39637c764&token=-572342451
While you wait for your account to activate, please 'like' us at
http://www.facebook.com/free.byethost
best regards byethost7.com
Acto seguido se nos indicará que la activación fue realizada con éxito y se
nos enviará un nuevo correo electrónico con la información detallada de
nuestros datos de acceso.
El correo que nos envía Byethost con la información de acceso detallada

tiene más o menos el siguiente contenido: “Dear Valued Customer, Thank
you for registering at byethost7.com. We are…”
Además nos envían los datos de acceso (los que ponemos aquí son a
modo de ejemplo, tú debes haber recibido tus propios datos de acceso):
Cpanel Username: b7_datos
Cpanel Password: elpassword
Your
url: http://apr2.byethost7.com or http://www.apr2
.byethost7.com
FTP Server: ftp.byethost7.com
FTP Loging: b7_datos
FTP Password: elpassword
MySQL Database Name: must create in Cpanel
MySQL Username: b7_datos
MySQL Password: elpassword
MySQL Server: see CPanel
Cpanel URL: http://cpanel.byethost7.com
Estos datos son importantes pues son los que nos permitirán gestionar todo
lo necesario relativo a nuestra página web. Conviene imprimirlos además de
mantenerlos bien localizados en un archivo de texto dentro de nuestro
ordenador.
ACCEDER VÍA PANEL DE CONTROL (CPANEL)

Para acceder vía Cpanel, debemos ir a la url que nos hayan facilitando, en
este ejemplo http://cpanel.byethost7.com, e introducir el nombre de usuario y
la contraseña.
Una vez comprobados que los datos sean correctos, se nos abrirá el Panel
de Control (Cpanel en este hosting, pero puede ser otro panel similar si
estamos usando otro hosting)
Dentro de Cpanel existen distintas áreas. Podemos ver un área de información

de la cuenta, un área de administrador de archivos que nos proporciona un
explorador de archivos parecido al de Windows o Filezilla pero que además nos
permitirá descomprimir archivos .zip y, una tercera área con el que podremos
acceder a las bases de datos previamente creadas.
ACCEDER VÍA FTP CON FILEZILLA

El proceso es el explicado en la anterior entrega del curso dedicada a Filezilla,
con la salvedad que los datos necesarios son los que encontraremos en el
Cpanel en el área marcada de información del sistema, que serán los mismos
que hayamos recibido por correo electrónico.
Una vez abierto Filezilla, introducimos nombre de servidor, nombre de usuario y

contraseña y de esta manera accedemos al sistema de archivos de nuestro
servidor.
Te recomendamos que guardes los datos de la conexión, para ello accede a

FileZilla y haz en Archivo -> Gestor de Sitios para almacenar el acceso.
Accede al servidor usando FileZilla para comprobar que esté todo correcto.
Si logras acceder debes ser capaz de visualizar el sistema de carpetas y

archivos en el servidor:
PREPARAR EL ENTORNO PARA TRABAJAR EN REMOTO

En entregas anteriores ya se indicó como acceder vía FTP al servidor remoto.
Por lo tanto, no vamos a volver a explicar como conectarnos a nuestro

servidor mediante FTP y daremos por supuesto que ya estamos conectados.
Una vez estemos conectados, nos aparecerá una imagen similar a la

siguiente:
Ahora debemos entrar en el directorio remoto htdocs (en otros servidores el

nombre del directorio de trabajo suele ser public_html ó www).
Este directorio es en el que debemos crear nuestras páginas en PHP ya que

será el directorio que el servidor use para servir las páginas web.
Los archivos en este directorio serán accesibles escribiendo la dirección web

raíz de nuestro sitio. Si tenemos un dominio propio, accederemos escribiendo
http://www.nombreDominio/index.php.
Si hemos creado una cuenta de hosting gratuito será accesible desde el

navegador escribiendo la dirección web que nos haya indicado el proveedor
del servicio, por ejemplo: http://apr2.byethost7.com/index.php
Esta dirección nos la indica el proveedor del servicio de hosting gratuito:

recordar la entrega donde explicamos la creación de la cuenta de hosting
gratuito donde indicábamos que el dominio una vez registrada nuestra cuenta
en el hosting era http://apr2.byethost7.com.
(Esta dirección es un ejemplo.
En tu caso, si has creado tu cuenta gratutita, tendrás tu propia dirección que te

permita acceder).
Esto indica que dentro del directorio htdocs, tenemos creado un fichero en
PHP llamado index.php y su contenido será el mostrado en el navegador al
acceder a la URL anteriormente indicada.
Nota: Si no ponemos el nombre del fichero en la ruta del navegador, es decir, si

simplemente escribimos http://apr2.byethost7.com,
por defecto el servidor buscará un fichero llamado index.php, index.html ó
index.htm para enviar la respuesta html al navegador.
Es decir, si se escribe http://apr2.byethost7.com/miarchivo.php

se buscará el archivo miarchivo.php, pero si se escribe
http://apr2.byethost7.com
el servidor buscará el archivo index existente y ese será el que devuelva.

MI PRIMERA PÁGINA EN PHP

Al entrar en el directorio htdocs, es posible que veamos que ya existe una
página index.htm (ó index.html ó similar).
La razón de esto es que en algunos servidores cuando creamos una cuenta

gratuita, el proveedor de hosting automáticamente nos crea dicho fichero que
por ejemplo puede contener un mensaje de bienvenida.
Antes de crear nuestra primera página en PHP, borraremos la página

index.html ya que su contenido no nos interesa.
Para esto, haremos click con el botón derecho del ratón sobre el fichero que
deseamos borrar y en el menú desplegable, que nos aparecerá, pulsaremos
en borrar.
Una vez borrado el archivo, crearemos en local (en nuestro ordenador) un

archivo al que llamaremos index.php. Para ello usaremos Notepad++.
Una vez creado el archivo, lo subiremos al servidor remoto, arrastrándolo desde

el directorio local donde lo hayamos creado, al directorio remoto actual, es
decir, trasladamos el archivo desde nuestro ordenador hasta el servidor.
Una vez realizados estos pasos, tendremos en el servidor remoto un archivo

llamado index.php que estará vacío y que editaremos haciendo click con el
botón derecho del ratón sobre el archivo que deseamos editar.
Hay que aclarar que el archivo index.php lo podemos editar tanto en local como
en remoto.
Se puede hacer de ambas maneras, siendo ambas correctas. La diferencia

radicará en que si trabajamos en local cada vez que queramos ver los cambios
en la página web tendremos que subir el archivo al servidor, y cada vez que lo
subamos “sobreescribir” el archivo.
Si trabajamos editando en remoto, una vez editado el archivo y guardados los

cambios, directamente quedará modificado el archivo en el servidor, con lo
cual directamente veremos los cambios en la página web.
Supongamos que hemos hecho click sobre el archivo en remoto y pulsado el

botón derecho, y a su vez la opción “Ver/Editar” (View/Edit):
Ahora, normalmente, al ser la primera vez que editamos con FileZilla un

archivo con extensión PHP, nos dará la opción de seleccionar el programa
con el que queremos abrir dicho archivo.
Indicaremos que queremos abrirlo con el Notepad++. Si no nos pide el

programa con el que queremos editar, podemos establecerlo manualmente
de la siguiente manera: desplegar el menú “Edición” (Edit) de Filezilla y pulsar
sobre “Opciones” (Settings).
En la ventana que se abre, en el lateral izquierdo seleccionamos “Edición de

archivo -- > Asociaciones de tipo de archivo” (File editing -- > Filetype
associations), y en el lado derecho en el cajetín de texto escribimos: php
“C:\Program Files\Notepad++\Notepad++.exe”, donde la ruta entre comillas
representa la ruta donde se encuentra el fichero ejecutable del Notepad++.
Esta ruta puede ser diferente según el sistema operativo e instalación que
hayamos hecho. Comprueba cuál es la ruta en tu computaor e introduce la
ruta correcta para tu caso.
Una vez establecido Notepad++ como editor para trabajar en remoto con
Filezilla, cuando pulsamos sobre un archivo en remoto y con botón derecho
elegimos “Ver/Editar” (View/Edit), se nos abrirá Notepad++ para editar el
archivo correspondiente.
En nuestro caso vamos a editar el archivo index.php que habíamos subido al

servidor anteriormente.
Ahora sólo nos falta crear nuestra primera página PHP. Para ello
simplemente añadiremos este código en el archivo index.php (más adelante
se explicarán los conceptos propios de PHP y entenderemos mejor lo que
hacemos ahora mismo; no te preocupes ahora si tienes dudas, las iremos
solucionando poco a poco).
<?php
echo "Mi primera página en PHP - aprenderaprogramar.com";
?>
<?php
echo "Mi primera página en PHP - aprenderaprogramar.com";
?>
Cuando terminemos de editar el archivo, lo guardamos (para ello podemos

usar la combinación de teclas Ctrl + s ó hacerlo a través del Menú archivo --
> Guardar de Notepad++). Una vez guardado en Notepad++ hacemos click
sobre el programa FTP FileZilla que teníamos en segundo plano.
Automáticamente nos indicará que el archivo ha cambiado (a file previosly

opened has been changed) y nos preguntará si deseamos subir los cambios
(¿Volve a subir este archivo al servidor? ó Upload this file back to the
server?). Contestaremos que sí (yes).
Y ahora visualizaremos nuestra página en el navegador escribiendo la dirección

web que es nuestro dominio raíz. Si hemos creado una cuenta gratuita, esta
dirección web nos la habrá facilitado el proveedor del servidio de hosting gratuito
y podrá ser (esto es un ejemplo) similar a:
http://apr2.byethost7.com/index.php o http://apr2.byethost7.com.
Recordar que en el segundo caso, cuando no especificamos el archivo que hay

que abrir, es el propio servidor el que se encarga automáticamente de buscar el
archivo index.html ó index.php.
¡Gracias!

SEM 6 Ejerccios PHP

Caricato da

Informazioni sul documento

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

SEM 6 Ejerccios PHP

Caricato da

Copyright:

Formati disponibili

¡La universidad para todos!

¡La Universidad para todos!

Tema: Ejercicios PHP

Escuela Profesional Periodo académico: 2018-1

CONFIGURACIÓN BÁSICA DE NOTEPAD++ PARA CREAR PÁGINAS PHP

En nuestro caso, la configuración será bastante simple y consistirá en elegir la

Para seleccionar la codificación con la que trabajaremos durante todo el

Compruebar periódicamente que la opción de codificación sea siempre

Ahora tendremos que indicar que vamos a utilizar el lenguaje de etiquetas

AUTOCOMPLETAR. UNA VENTAJA DE NOTEPAD++

En la ventana que nos aparecerá, dentro de la pestaña Copia de

Tener en cuenta que la situación de los menús y opciones puede variar de

AUTOCERRADO DE ETIQUETAS. OTRA VENTAJA DE NOTEPAD++

En algunas versiones de Notepad++ no aparece TextFX en el menú superior.

a) En el menú Configurar -- > Preferencias. En la ventana que nos

b) O bien instalar el plugin TextFX Characters accediendo a Plugins, elegir

Estas opciones nos permiten en general una escritura más rápida,

OTRAS VENTAJAS DE NOTEPAD++

- Consume pocos recursos del sistema. No sobrecargarás tu ordenador

- Dispone de la función autocompletar que ya hemos citado, que nos

- Permite abrir múltiples archivos simultáneamente, y reemplazar un texto en

- Permite ampliar sus posibilidades mediante la instalación de plugins

- Tiene muchísimas más posibilidades, pero no podemos citarlas todas. En

- Es software libre que podemos descargar gratuitamente desde internet.

Como verás Notepad++ nos parece un buen editor de código para

DESCARGAR E INSTALAR EL CLIENTE FTP FILEZILLA. TRABAJAR

Una forma de trabajar en desarrollos webs es remotamente. Es decir,

La otra forma de trabajo sería el trabajo en local, es decir, manteniendo los

En general, los desarrollos web se hacen sobre servidores remotos y para

Un cliente FTP es un programa que nos permite conectarnos a un servidor

Nosotros vamos a usar un cliente ftp gratuito y de gran popularidad porque

Aparecerá una web similar a la que se muestra en la siguiente imagen

Ahora tendremos que descargar el cliente haciendo click en Download

Para que comience la descarga del programa, haremos click en Download

Una vez descargado, si usamos Windows lo instalaremos como cualquier otro

Y en la pantalla que se nos mostrará, seleccionamos nuevo sitio. Aquí

Para establecer una conexión con un servidor remoto en general

- Especificar el nombre de servidor: para conocerlo tenemos que consultar

- Especificar como modo de acceso “Normal”.

Tener en cuenta que en algunos servidores antes de establecer una

Una vez introducidos los datos de la conexión le daríamos a conectar y

Esto nos permitirá modificar directamente en el propio servidor los archivos

Se explicaremos más adelante dentro de este mismo tema cómo crear

Si no dispones de una cuenta con nombre de servidor, nombre de

Asta este momento, lo único necesario es compruebar que se tiene

LAS VENTAJAS DE GOOGLE CHROME. ¿POR QUÉ USAR CHROME?

Otros navegadores como Internet Explorer también se pueden usar, pero en

Uno de ellos es que no dispone de las mismas herramientas que Chrome o

Vamos a citar algunas ventajas de Google Chrome:

c) Por el mero hecho de instalarlo, ya disponimos de una potente

d) Si tenemos abiertas varias pestañas y una de ellas se tiene que cerrar

LAS CUESTIONES MÁS BÁSICAS EN GOOGLE CHROME (Y EN

Al abrir el navegador Google Chrome se nos mostrará una ventana similar a

a) En algunas versiones de Chrome, tendremos que hacer click en ‘Llave

Se nos abrirá una nueva pestaña donde en la opción ‘Pagina de inicio’

b) En otras versiones de Chrome, haremos click en el icono a la derecha de

En la opción “Iniciar sesión”, elegimos la opción “Abrir una página específica

c) Otra opción para acceder a la configuración es escribir en la barra de

LIMPIAR LA CACHÉ Y OTRAS OPERACIONES ÚTILES QUE USAREMOS

Estos contenidos pueden ser texto o imágenes y permite que cuando

También podemos acceder escribiendo directamente en la barra de

En la pantalla que se nos muestra a continuación seleccionamos todas las

Para guardar una página web en local debemos simplemente ir a llave