pagina web

5
CFE Instrumentaci ´ on y control, febrero - Agosto 2015. Proyecto pr´ acticas profesionales: agina web para la consulta del departamento de instrumentaci ´ on y control Practicante: Pineda Molina Christopher Isaac Responsable directo del desarrollo del proyecto: Ing. Martin Alberto P ´ erez Moreno Resumen El siguiente documento es la recopilaci ´ on del proceso, de los datos e instrucciones necesarias que se llevaron a cabo para poder poner en funcionamiento la p ´ agina web. La informaci ´ on expuesta en este reporte abarca desde colocar el administrador de contenido en el servidor hasta el modelado final de la p ´ agina web. Keywords Html, servidor, p´ agina web, administrador de contenido, base de datos, ftps, php, hosting, cfe, unidad 3, unidad 4. CFE, Instrumentaci ´ on y control, Reporte del proyecto para las pr´ acticas profesionales E-mail:[email protected] ´ Indice 1 Introducci ´ on 1 1.1 Justificaci ´ on de la p ´ agina web ................ 1 1.2 Objetivo general ......................... 1 1.3 Marco te ´ orico .......................... 1 2 Desarrollo 1 2.1 Hosting ............................... 2 Creaci ´ on del hosting 2.2 CPANEL .............................. 2 Creaci ´ on y configuraci ´ on de la base de datos. 2.3 Administrador de contenidos ................. 3 Configuraci ´ on del administrador de contenidos WordPress Instalar WordPress con el cliente FTP 2.4 Modelado de la p´ agina .................... 3 2.5 C´ odigo HTML .......................... 5 Referencias 5 1. Introducci ´ on 1.1 Justificaci ´ on de la p ´ agina web Debido a la modernizaci ´ on de la tecnolog´ ıa que es fun- damental en estos tiempos, se vio la necesidad de crear una p ´ agina web que permita a los ingenieros del ´ area de instrumen- taci ´ on y control utilizar los medios digitales que proporcionan algunos administradores de contenido para la disposici ´ on de informaci´ on de dicha ´ area. 1.2 Objetivo general Fortalecer y facilitar la comunicaci ´ on y tr ´ afico de informa- ci ´ on del ´ area de instrumentaci ´ on y control a trav ´ es del dise ˜ no de una p´ agina web. 1.3 Marco te ´ orico Para poder entender el proceso de creaci ´ on de una p ´ agina web es necesario tener noci ´ on y conocimiento de los siguien- tes conceptos: Servidor WEB: Es un ordenador o m´ aquina inform´ ati- ca que est ´ a al “servicio” de otras m´ aquinas, ordenadores o personas llamadas clientes y que le suministran a es- tos, todo tipo de informaci ´ on. Alojamiento WEB: Es el servicio que provee a los usuarios de Internet un sistema para poder almacenar informaci ´ on, im´ agenes, v´ ıdeo, o cualquier contenido accesible v´ ıa web. DNS: son las siglas de Domain Name System. Es un sistema por el que se asocia una informaci ´ on con un nombre de dominio. FTP: acr ´ onimo de File Transfer Protocol o Protocolo de transferencia de archivos. Es un protocolo utilizado para la transferencia de archivos entre un cliente y un servidor, permitiendo al cliente descargar el archivo des- de el servidor o al servidor recibir un archivo enviado desde un cliente. Sistema de gesti´ on de contenidos: Un sistema de ad- ministraci ´ on de contenidos (Content Management Sys- tems o CMS) es un software que se usa para facilitar la creaci ´ on de sitios Web, ya sea en Internet o en una intra- net. El CMS permite manejar de manera independiente el contenido y el dise ˜ no. 2. Desarrollo

Upload: johnlovecraft

Post on 06-Nov-2015

28 views

Category:

Documents


1 download

DESCRIPTION

Montar una pagina web con Wordpress

TRANSCRIPT

  • CFEInstrumentacion y control, febrero - Agosto 2015.

    Proyecto practicas profesionales:Pagina web para la consulta del departamento deinstrumentacion y controlPracticante: Pineda Molina Christopher IsaacResponsable directo del desarrollo del proyecto: Ing. Martin Alberto Perez Moreno

    ResumenEl siguiente documento es la recopilacion del proceso, de los datos e instrucciones necesarias que se llevaron a cabopara poder poner en funcionamiento la pagina web. La informacion expuesta en este reporte abarca desde colocar eladministrador de contenido en el servidor hasta el modelado final de la pagina web.

    KeywordsHtml, servidor, pagina web, administrador de contenido, base de datos, ftps, php, hosting, cfe, unidad 3, unidad 4.

    CFE, Instrumentacion y control, Reporte del proyecto para las practicas profesionalesE-mail:[email protected]

    Indice

    1 Introduccion 11.1 Justificacion de la pagina web . . . . . . . . . . . . . . . . 11.2 Objetivo general . . . . . . . . . . . . . . . . . . . . . . . . . 11.3 Marco teorico . . . . . . . . . . . . . . . . . . . . . . . . . . 1

    2 Desarrollo 12.1 Hosting . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2

    Creacion del hosting

    2.2 CPANEL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2Creacion y configuracion de la base de datos.

    2.3 Administrador de contenidos . . . . . . . . . . . . . . . . . 3Configuracion del administrador de contenidos WordPress Instalar WordPress con el cliente FTP

    2.4 Modelado de la pagina . . . . . . . . . . . . . . . . . . . . 32.5 Codigo HTML . . . . . . . . . . . . . . . . . . . . . . . . . . 5

    Referencias 5

    1. Introduccion1.1 Justificacion de la pagina web

    Debido a la modernizacion de la tecnologa que es fun-damental en estos tiempos, se vio la necesidad de crear unapagina web que permita a los ingenieros del area de instrumen-tacion y control utilizar los medios digitales que proporcionanalgunos administradores de contenido para la disposicion deinformacion de dicha area.

    1.2 Objetivo generalFortalecer y facilitar la comunicacion y trafico de informa-

    cion del area de instrumentacion y control a traves del disenode una pagina web.

    1.3 Marco teoricoPara poder entender el proceso de creacion de una pagina

    web es necesario tener nocion y conocimiento de los siguien-tes conceptos:

    Servidor WEB: Es un ordenador o maquina informati-ca que esta al servicio de otras maquinas, ordenadoreso personas llamadas clientes y que le suministran a es-tos, todo tipo de informacion.

    Alojamiento WEB: Es el servicio que provee a losusuarios de Internet un sistema para poder almacenarinformacion, imagenes, vdeo, o cualquier contenidoaccesible va web.

    DNS: son las siglas de Domain Name System. Es unsistema por el que se asocia una informacion con unnombre de dominio.

    FTP: acronimo de File Transfer Protocol o Protocolode transferencia de archivos. Es un protocolo utilizadopara la transferencia de archivos entre un cliente y unservidor, permitiendo al cliente descargar el archivo des-de el servidor o al servidor recibir un archivo enviadodesde un cliente.

    Sistema de gestion de contenidos: Un sistema de ad-ministracion de contenidos (Content Management Sys-tems o CMS) es un software que se usa para facilitar lacreacion de sitios Web, ya sea en Internet o en una intra-net. El CMS permite manejar de manera independienteel contenido y el diseno.

    2. Desarrollo

  • Proyecto practicas profesionales:Pagina web para la consulta del departamento de instrumentacion y control 2/5

    2.1 Hosting

    Para que una pagina web funcione se necesita un lugardonde alojarla, esto lo puede ofrecer un servidor de Hosting.La principal ventaja de los hosting gratuitos o propios es queno se debe de pagar nada para poder usarlos ya que son gratis ysegun el que elijamos podemos encontrar algunos con espaciomas que suficiente para nuestra pagina web.

    2.1.1 Creacion del hosting

    Al ver los diferentes proveedores de hostings se eligio elde 260MB.net ya que ofrece gratis FTP, PHP 5, MySQL apar-te de que administran y mantienen su propia red de hostingagrupada a traves de cargas balanceadas.

    Para ello, se accedio a la pagina web http://260mb.net/index.php/hosting-gratis/registrar-cuentadonde nos registramos y damos de alta.

    Figura 1. Formulario para darte de alta en el hosting.

    Acto seguido se nos indicara que la activacion fue reali-zada con exito y se nos enviara un correo electronico con lainformacion detallada de nuestros datos de acceso.

    2.2 CPANEL

    Una vez teniendo los datos de nuestro hosting se podratener acceso al panel de control, dentro del panel de controlexisten distintas areas. Podremos ver normalmente un area deinformacion de la cuenta, un area de administrador de archivosy una tercera area con la que podremos acceder a las bases dedatos.

    Figura 2. Visualizacion del CPANEL.

    En el CPANEL se administrara elementos como:

    Crear cuentas y listas de correo

    Crear cuentas ftp

    Instalar scripts

    Administrar las bases de datos

    Administrar archivos

    Revisar los registros

    2.2.1 Creacion y configuracion de la base de datos.Dentro de CPANEL en el apartado Bases de Datos MySQL.

    Llenamos un formulario donde se ingreso un nombre para labase de datos, un usuario para la base de datos y una contra-sena.

    AL llenar esos datos creara una lista de las bases de datoscreadas donde se puede observar: Bases de datos MySQL,Usuario MySQL y Host MySQL. Estos 3 datos y la con-trasena son los que se necesitaran para modificar el archivowp-config.php para la instalacion de WordPress (adminis-trador de contenidos) en nuestra pagina web que se realizaramas adelante.

    Figura 3. Listado de las bases de datos en el hosting .

  • Proyecto practicas profesionales:Pagina web para la consulta del departamento de instrumentacion y control 3/5

    2.3 Administrador de contenidosAl investigar los diferentes tipos de administrador de con-

    tenidos y ver que Wordpress es el mas usado y te permitecrear y desarrollar tu pagina web de una manera profesional,sencilla y vistosa se opto por usarlo.

    2.3.1 Configuracion del administrador de contenidos Word-Press

    Descargamos la ultima version de WordPress de su si-tio oficial http://wordpress.org/download/ todos los archivosdeberan colocarse en el directorio raz del servidor o en sudefecto la carpeta que el distribuidor del servicio de hostingindico que debe ir el administrador de contenido que en estecaso fue la public.

    Figura 4. WordPress.

    Dentro de los archivos descomprimidos se modifico elarchivo wp-config-sample.php a wp-config.php

    2.3.2 Instalar WordPress con el cliente FTP

    Con el software especializado FTPS se conecto al hostingintroduciendo los siguientes datos:

    Servidor: el que me proporciono el proveedor Port: 21.

    Usuario: el que me proporciono el proveedor de hosting.

    Contrasena: la que me proporciono el proveedor.

    Posteriormente solo se escogieron los archivos y carpetas deWordPress y con el software se transmitieron.

    La pantalla del cliente FTP se divide en dos mitades: la de laizquierda muestra el contenido de tu PC, la de la derecha eldel servidor. Primero situate en la carpeta del servidor dondequieras traspasar los archivos.

    Figura 5. Software FTPS.

    2.4 Modelado de la paginaUna vez que se realizo con exito todo el proceso para que

    nuestra pagina web tuviera instalado el WordPress pasamosal modelado de nuestra pagina.

    Las condiciones de la pagina web eran que fuera sencilla,vistosa y se pudieran subir los archivos de los libros de launidad 3 y 4.

    Por ese motivo y siguiendo el modelado estandar de las pagi-nas web, se empezo por poner como vista principal el logotipode la empresa (CFE) y la leyenda legal de dicha web.

    Figura 6. vista principal.

  • Proyecto practicas profesionales:Pagina web para la consulta del departamento de instrumentacion y control 4/5

    La pagina web tiene en la parte superior un menu denavegacion con varias pestanas las cuales nos llevaran a lasotras vistas de la pagina web como por ejemplo la informaciondel taller as como el apartado donde se podran subir losarchivos que se requieran de los libros de las unidades 3 y 4.

    Figura 7. Apartado para subir archivos unidad 3 y 4.

    Figura 8. Apartado Acerca de.

  • Proyecto practicas profesionales:Pagina web para la consulta del departamento de instrumentacion y control 5/5

    2.5 Codigo HTML

    Figura 9. Codigo HTML.

    Referencias[1] http://www.gianoliveira.com/wordpress-de-local-a-

    remoto.html[2] http://instalar-wordpress.com/[3] Disenar su propia pagina web

    Autor Lilian HobbsEditor Marcombo, 1999ISBN 8426712355, 9788426712356N. de paginas 206 paginas

    [4] Dispositivos y sistemas de comunicacion inalambricaDr. Jose Manuel Rodrguez Ascariz

    [5] ASP: active server pages ; programacion facil de paginas,Web dinamicasAutores Christian Wenz, Christian Trennhaus, AndreasKordwigEditor Marcombo, 2001ISBN 8426713106, 9788426713100N. de paginas 384 paginas

    [6] Diseno basico de paginas web en HTML Internet / VerticeAutor Equipo VerticeEditor Editorial Vertice, 2009ISBN 8499310346, 9788499310343N. de paginas 200 paginas

    [7] Compendium HTML: con XHTML, DHTML, CSS,XML, XSL y WML ; libro de trabajo, obra de consulta,gua practicaVolumen 1308 de Gran libro Marcombo multimediaAutor Gunter BornEditor Marcombo, 2001ISBN 8426713084, 9788426713087N. de paginas 974 paginas

    [8] Como hacer tu propia pagina web gratisAutor Jason MatthewsTraducido por Miguel SeguraEditor Babelcube Inc., 2015ISBN 1633396398, 9781633396395N. de paginas 97 paginas