Creacion Página Web en Lenguaje HTML

Creacion de una página web en lenguaje HTMLLas páginas web se programan con el lenguaje HTML, siglas de hipertextoconsiste básicamente en la aplicación de etiquetas sobre un texto dado. Cadaetiqueta es una instrucción que se dicta al navegador comienza con una marcade apertura representada por un par de corchetes <>, tienen el siguienteformato <instrucción> <instrucción>Para agregar un texto y que aparezca en letra cursiva se utiliza la etiqueta: <1>primero </1>Entre las marcas de apertura y clausura se coloca en etiquetas prácticas muycomún HTML.<1> <B> primero c </B> </1>A esta práctica se le llama anidar la regla básica es :-La primera etiqueta que se abre es la última que se cierra.La estructura fundamental de una página web es consta de 4 etiquetasanidadas<HTML> <HEAD> <TITLE> </TITLE> <HEAD> </BODY> </HTML>Para hacer un código legible se colocan en forma vertical<HTML><HEAD><TITLE> </TITLE><HEAD><BODY></BODY>

</HTML><HTML> le indica al navegador el código en el que se escribe<HEAD> anida siempre la etiqueta Titule y almacena información<TITLE> despliega en nombre de la página en la parte superior del navegadorUna etiqueta fundamental es la que liga hacia otras paginasCopia en un block de notas el siguiente código guárdalo con el nombre prueba.HTML, es indispensable que lo guardes como formato todos los archivos.<HTML><HEAD><TITLE> mi primer patina web </TITLE></HEAD></BODY><H1> ¡Hole! </H1><P> Esta en la <STRONG> primero </STRONG> pagina web que programa con<KBD> código HTML <KDB> </P><R> tiene una <A HREFhttp: //www.google.com logo o google

AGRADECIMIENTOA mi entorno que me dio las facultades para pensar en mi futuro ysobre todo a mi madre, fiel amiga, acompañante y consejera que si nofuera por su sacrificio no estaría en estos momentos culminando micarrera profesional.Gracias a la vida que tengo y a mis amigos que más quiero, si nofuera por ellos mi sueño no lo habría cumplido.No tengo letras para seguir diciendo el gran regocijo que me dapoder terminar esta carrera en donde profesores y compañeros dejan6parte de su vida, para dar vida a las ilusiones de niño y que hoy en díase hacen realidad.Solo se que este camino es solo el comienzo de una gran historia devirtudes y gracias a mi esfuerzo y mi familia.

FUNDAMENTACIÓNEl presente proyecto tiene como finalidad hacer que el I.S.T.P “AlasPeruanas” Filial – ICA este a la vanguardia de los cambios que seestán dando en la actualidad, con la creación de su sitio Web oficial yaque hoy en día Internet es un canal de comunicación muy cómodo eindispensable que avanza y evoluciona a velocidades cada vez másrápidas donde se puede acceder a información y servicios lasveinticuatro horas de día.Como sabemos en la actualidad la forma de hacer correr lainformación ha sufrido una transformación realmente dramática,7además donde se hace una exhibición virtual de servicios que ennuestro caso se ofrecerían para los internautas de toda la net ybrindar información a los interesados en ingresar al instituto de unaforma rápida en cualquier lugar en la que se pueda acceder aInternet.Capítulo IIDENTIFICACIÓN DEL PROBLEMA81.1. PLANTEAMIENTO DEL PROBLEMAAl realizar un estudio general en Internet, eh podidoconstatar que la institución no cuenta con un servicio deinformación virtual relevante de interés para losnavegantes, como también para su alumnado y elpersonal docente que elabora en la Institución, que sonfactores que retrasan la información.9Estas son las razones que me han llevado a plantear elsiguiente problema de investigación:1.1.1. Problema General:¿De qué manera la creación de sitio Web oficial delI.S.T.P “Alas Peruanas” Filial – ICA influye en lapresencia virtual de la institución vía Internet?1.1.2. Problemas Específicos:P.E.1 ¿De qué manera la creación de sitio Web oficialdel I.S.T.P “Alas Peruanas” Filial – ICA influye en elmarketing y publicidad de la institución vía Internet?P.E.2 ¿De qué forma la creación de sitio Web oficialdel I.S.T.P “Alas Peruanas” Filial – ICA influye en la10comunicación e información de la institución víaInternet?P.E.3 ¿Cómo la creación de sitio Web oficial del I.S.T.P“Alas Peruanas” Filial – ICA influye en el ofrecimientode servicios virtuales de la institución vía Internet?P.E.4 ¿De qué manera la creación de sitio Web oficialdel I.S.T.P “Alas Peruanas” Filial – ICA influye en lacaptación de nuevos alumnos de la institución vía

Internet?P.E.5 ¿Cuándo reconocemos que la creación de sitioweb oficial del I.S.T.P “Alas Peruanas” Filial – ICAinfluye en el mejoramiento de la relación con losalumnos de la institución vía Internet?1.2. JUSTIFICACIÓN Y ANTECEDENTES:1.2.1. JUSTIFICACIÓN11El trabajo de investigación se justifica en lossiguientes aspectos:a) Justificación Legal▪ Constitución Política del Perú.▪ Ley General de Educación Nº 28044.▪ Ley de Institutos y de Educación Superior.▪ Reglamento interno del Instituto.b) Justificación Técnico-PedagógicaLa investigación realizada se justifica por laimportancia de la creación de sitio Web oficial delI.S.T.P Alas Peruanas.En lo Pedagógico constituye una oportunidad paraconsolidar mi formación profesional.1.2.2. ANTECEDENTES:12Se ha recurrido a distintos archivos de secretaría deasuntos académicos y Biblioteca General, enbúsqueda de trabajos similares. Al no haberencontrado ningún trabajo similar, por consiguientedoy fé de que mi trabajo es original y único.1.3. IMPORTANCIA DEL ESTUDIOLa importancia del presente trabajo radica en el aporteteórico y en el aporte práctico:a. Aporte Teórico:En lo teórico, los contenidos se constituirán enfuente de consulta para docentes, alumnos yquienes quieran documentarse sobre lainformación contenida en el presente trabajode investigación.13b. Aporte Práctico:-En cuanto al aporte práctico, las conclusiones ysugerencias finales puestas en marcha y en prácticaredundarán en beneficio de nuestra prestigiosaInstitución.14Capítulo IIOBJETIVOS DE LA INVESTIGACIÓN2.1. OBJETIVO GENERAL:15Explicar como la creación de sitio Web oficial del I.S.T.P“Alas Peruanas” Filial – ICA influye en la presencia

virtual de la institución vía Internet.2.2. OBJETIVOS ESPECÍFICOS:O.E.1. Explicar de que manera la creación de sitio Weboficial del I.S.T.P “Alas Peruanas” Filial – ICA, influye en elmarketing y publicidad de la institución vía Internet.O.E.2. Determinar de que forma la creación de sitio Weboficial del I.S.T.P “Alas Peruanas” Filial – ICA, influyeen la comunicación e información de la instituciónvía Internet.O.E.3. Explicar como la creación de sitio Web oficial delI.S.T.P “Alas Peruanas”, influye en el ofrecimientode servicios virtuales de la institución vía Internet.16O.E.4. Explicar de que manera la creación de sitio weboficial del I.S.T.P “Alas Peruanas”, influye en lacaptación de nuevos alumnos de la institución víainternet.O.E.5. Explicar de que forma la creación de sitio weboficial del I.S.T.P “Alas Peruanas”, influye en lamejora de la relación con los alumnos de la instituciónvía internet.17Capítulo IIIHIPÓTESIS, VARIABLES E INDICADORES18HIPÓTESIS DE LA INVESTIGACIÓN3.1.1. Hipótesis General:El sitio web oficial del I.S.T.P “Alas Peruanas”, secrea influyendo en la presencia de lainstitución vía internet.3.1.2. Hipótesis Específicas:H.E.1. Creando el sitio web oficial del I.S.T.P “AlasPeruanas” Filial – ICA, influye en el marketing ypublicidad de la institución vía internet.H.E.2. Diseñando el sitio web oficial del I.S.T.P “AlasPeruanas” Filial – ICA, influye en la comunicación einformación de la institución vía internet.19H.E.3. Creando el sitio web oficial del I.S.T.P “AlasPeruanas” Filial – ICA, influye en el ofrecimiento deservicios virtuales de la institución vía internet.H.E.4. Creando el sitio Web oficial del I.S.T.P “AlasPeruanas” Filial – ICA, influye en la captación denuevos alumnos de la institución vía Internet.H.E.5. Creando el sitio Web oficial del I.S.T.P “AlasPeruanas” Filial – ICA influye en el mejoramiento dela relación con los alumnos de la institución víaInternet.VARIABLESVariable Independiente

Sitio Web oficial del I.S.T.P Alas Peruanas Filial – ICA.Variable DependientePresencia virtual de la institución vía Internet.20Variables Intervinientes Marketing y publicidad. Comunicación e información. Ofrecimiento de servicios virtuales. Captación de nuevos alumnos. Mejoramiento de la relación con los alumnos.INDICADORES3.3.1. De La Variable Dependiente Sitio Web oficial. Presencia vía Internet.3.3.2. De La Variable Independiente Mala publicidad. Poca información. Falta de servicios virtuales.21 Remota acogida del alumnado. Escasa relación con los alumnos.Capítulo IVMARCO TEÓRICO _ CONCEPTUAL224.1. MARCO TEÓRICOCAPÍTULO ISITIO WEB _ GENERALIDADESCONCEPTO DE UN SITIO WEBUn sitio Web es un conjunto de páginas Web,típicamente comunes a un dominio de Internet osubdominio en la World Wide Web en Internet.Una página Web es un documento HTML/XHTML accesiblegeneralmente mediante el protocolo HTTP de Internet.23Todos los sitios Web públicamente accesibles constituyenuna gigantesca "World Wide Web" de información (ungigantesco entramado de recursos de alcance mundial).A las páginas de un sitio Web se accede frecuentemente através de un URL raíz común llamado portada, quenormalmente reside en el mismo servidor físico. Los URLorganizan las páginas en una jerarquía, aunque loshiperenlaces entre ellas controlan más particularmentecómo el lector percibe la estructura general y cómo eltráfico Web fluye entre las diferentes partes de los sitios.Algunos sitios Web requieren una suscripción paraacceder a algunos o todos sus contenidos. Ejemplos desitios con suscripción incluyen muchos portales depornografía en Internet, algunos sitios de noticias, sitiosde juegos, foros, servicios de correo electrónico basados24

en Web, sitios que proporcionan datos de bolsa einformación económica en tiempo real, etc.REGLAS BÁSICAS PARA UN DESARROLLADOR WEBEstas son algunas reglas básicas a la hora de desarrollarun buen “producto Web”, probablemente si desarrollasaplicaciones con asiduidad tienes en cuenta algunas deellas: Desconfía de los usuariosSuena duro pero es la verdad, no quiero decir con estaafirmaciónque todos los usuarios sean maliciosos pero lo que si escierto es que mientras más desconfíes más preparadoestarás cuando algo no deseado suceda, intentacomprometer lo menos posible tu aplicación evitandotodos aquellos agujeros de seguridad que estén en tu25mano, también es importante que no te centresúnicamente en la seguridad… ten en cuenta que muchosusuarios por desconocimiento de la aplicación harán unuso incorrecto de la misma, un buen ejemplo de ello lotenemos a la hora de rellenar los formularios, hay queasegurarse y validar todos los datos introducidos por losusuarios. Haz un diseño para usuarios, no paraprogramadoresEn concordancia con el punto anterior una buena manerade prevenir posibles errores de uso por parte de losusuarios es dotar a tu aplicación de una interfaz amigable,intuitiva y a ser posible con ayudas para los usuarios,todos estos puntos no son fáciles de aplicar pero sinecesarios.26Para poder hacer una aplicación intuitiva para el usuariodeberás de apartarte de tu “parte de desarrollador” ytener en cuenta que al fin y al cabo el usuario no poseeráni tus conocimientos ni tu manera de pensar. Utiliza Javascript únicamente para mejorar lainterfazLa prueba de fuego para la acertividad de tu aplicacióndebe ser que esta mantenga todas sus características enun navegador con Javascript Deshabilitado, son realmentefascinantes las mejoras en diseño que se han conseguidocon la llamada “Web 2.0” y probablemente en un futuromuy cercano no se conciba otra manera de ver Internet,pero ahora mismo debemos pensar que Internet noevoluciona tan rápido cómo nosotros queremos, la granmayoría de los usuarios convencionales no saben que es27la Web 2.0 y probablemente no sepan cómo habilitarJavascript para su navegador.

Si no estas deacuerdo con este punto trata de navegar unúnico día con Javascript deshabilitado y verás cuántasbarreras te encuentras sólo en los primeros 5 minutos. Documenta el códigoEscribe una buena documentación de tu script / librería oefecto. Una buena documentación da calidad al código,sino pregúntate porque existe la clásica documentaciónen cualquier API con todas las posibles propiedades yparámetros, pero sin duda lo mejor de todo es explicarcon ejemplos que contienen una lista de posibilidades.La documentación del código a mi modo de ver implica ladocumentación de todo el código (Hojas de estilo yfunciones Javascript incluidas).Documenta tus hojas de estilo28Si aún así te parece algo no prioritario imagínate quepasaría si tu proyecto crece y tienes que incorporar a otrodesarrollador que te ayude, sinceramente si no estadocumentado vais a perder ambos una gran cantidad detiempo.Ya si lo que quieres es tener una “aplicación 10“: conservala sintaxis y estructura del código limpia y ordenada,utiliza inteligentemente los nombres de variables yfunciones, comenta el código, diferencia las variablesdependiendo de su importancia y separa el texto delcódigo (Poner en un documento aparte el texto para suposterior traducción a otro idioma). Se coherente con el código HTMLCon esto quiero decir que utilices el código HTML demanera apropiada (Algunos Ejemplos):29* No uses <div class=”TextoGrandeNegro”> cuandopuedes usar <h1>* No uses <h1> cuando lo que realmente quieres hacer es<b>* No uses <b> cuando querías <strong>* No uses <i> para enfatizar algo y <em> para conseguir elefecto de letra itálica* No uses tablas y divs para hacer un menú, cuando enrealidad puede ser una lista* No crees div cómo este <div id=”ColumnaIzquierda”>cuando podemos generalizarlo en <div id=”columnas”>¿Conoces los tags <code>, <samp>, <tt>, <kbd> y <var>?Hay un buen número de tags en HTML que posiblementeno conozcas y puedan en algún momento realizar lafunción que estabas buscando como por ejemplo sería los30tags en lugar de colocar un span o un div con un estilopersonalizado, pero este es el ejemplo más simple.Tags HTML que posiblemente no conoces.

LA IMPORTANCIA DE LA ESCALABILIDAD DE UNPROYECTOLa escalabilidad es la habilidad de un sitio web de poderhacerse mas grande sin perder llegar a perder calidad, enla gran mayoría de casos la pérdida de calidad viene dadapor la ralentización de los tiempos de acceso y la perdidade funcionalidades.Uno de los grandes errores que se puede cometer a lahora de afrontar un proyecto en Internet es dejar de lado31la escalabilidad, es muy sencillo, un sitio puede llegar aobtener un éxito abrumador si escala correctamente perono dispone de un desarrollo excesivamente bueno, por elcontrario es imposible alcanzar el éxito con un sitio quetiene un desarrollo excepcional pero que a la hora de laverdad no escala correctamente y no puede seguircreciendo.La escalabilidad de un sistema requiere un pensamientocuidadoso desde el principio de su desarrollo, ya que deno ser así la evolución del desarrollo se vera afectadaarrastrando problemas que a menudo llegan a ser unacarga demasiado pesada para el crecimiento del sitio web.Para conseguir mantener un sistema con un rendimientoadecuado y que sea fácilmente escalable necesitamosestar siempre alerta, no es cuestión de intentar mejorar elrendimiento del sitio web en una fase determinada del32proyecto sino más bien de mantener una regularidad en laoptimización en todas las fases del proyecto.Probablemente nunca encontrarás la solución definitiva ala escalabilidad de tu proyecto ya que encontrarásdiferentes escenarios a los que tendrás que aplicarsoluciones distintas.Definir una estrategia de escalabilidadEs realmente importante definir una estrategia dearquitectura tecnológica que nos permita enfrentarnos ala demanda de usuarios y al almacenamiento decontenido, básicamente esto es la escalabilidad ydeberemos tener en cuenta dos factores:1. Crecimiento del contenidoEl crecimiento del contenido es todo aquello que tiene quever con la capacidad de almacenamiento que va a tenernuestro sistema y si verdaderamente en un momento33dado el sistema va a poder afrontar las necesidades quegeneraran los objetivos cifrados.2. Crecimiento de la audienciaEl crecimiento de la audiencia es fundamental ya que setrata de si el sistema podrá dar un servicio de calidad atodo los usuarios que tenemos previsto que accedan al

contenido.Si desde un principio no calculamos los recursosnecesarios para afrontar ambos crecimientos estécnicamente imposible que cumplamos los objetivosfijados.1.4. EL TÉRMINO WEB 2.034Está comúnmente asociado con un fenómeno social,basado en la interacción que se logra a partir dediferentes aplicaciones Web, que facilitan el compartirinformación, la interoperatividad, el diseño centrado en elusuario y la colaboración en la World Wide Web. Ejemplosde la Web 2.0 son las comunidades Web, los serviciosWeb, las aplicaciones Web, los servicios de red social, losservicios de alojamiento de videos, las wikis, blogs,mashups y folcsonomías. Un sitio Web 2.0 permite a sususuarios interactuar con otros usuarios o cambiarcontenido del sitio web, en contraste a sitios web nointeractivosdonde los usuarios se limitan a lavisualización pasiva de información que se lesproporciona.El término se asocia estrechamente con Tim O'Reilly,debido a la conferencia sobre la Web 2.0 de O'Reilly Media35en 2004. Aunque el término sugiere una nueva versión dela World Wide Web, no se refiere a una actualización delas especificaciones técnicas de la Web, sino más bien acambios acumulativos en la forma en la quedesarrolladores de software y usuarios finales utilizan laWeb. El hecho de que la Web 2.0 es cualitativamentediferente de las tecnologías Web anteriores ha sidocuestionado por el creador de la World Wide Web TimBerners-Lee, quien califico al termino como "tan solo unajerga"- precisamente porque tenía la intención de que laWeb incorporase estos valores en el primer lugar.1.5. EL ALOJAMIENTO WEBEs el servicio que provee a los usuarios de Internet unsistema para poder almacenar información, imágenes,vídeo, o cualquier contenido accesible vía Web. Es una36analogía de hospedaje o alojamiento en hoteles ohabitaciones donde uno ocupa un lugar específico, en estecaso la analogía alojamiento Web o alojamiento depáginas Web, se refiere al lugar que ocupa una páginaWeb, sitio Web, sistema, correo electrónico, archivos etc.en Internet o más específicamente en un servidor que porlo general hospeda varias aplicaciones o páginas web.Los Web Host son compañías que proporcionan espacio deun servidor a sus clientes.El hospedaje Web aunque no es necesariamente un

servicio, se ha convertido en un lucrativo negocio para lascompañías de IT alrededor del mundoSe puede definir como un lugar para tu página Web ocorreos electrónicos, aunque esta definición simplifica demanera conceptual el hecho de que el alojamiento Web esen realidad espacio en Internet para prácticamente37cualquier tipo de información, sea archivos, sistemas,correos, videos etc.1.6. FORMAS DE OBTENER UN ALOJAMIENTO WEBPor lo general, se distingue entre servicios pagos yservicios gratuitos.a) Servicios pagos:Este tipo de obtención, por lo general viene dado por elcontrato de un proveedor de Internet, el cual junto con darconexión, entre la posibilidad de almacenamientomediante disco virtual o espacio Web o combinación deambos.38Otro medio de obtención es contratando algún servicio deuna empresa no dependiente de la conexión a Internet,las cuales ofrecen según las capacidades de susservidores o de su espacio. Casi siempre a la par,entregan servicios añadidos, como la ejecución de tareasautomáticas o cuentas de correo electrónico gratuitas.Normalmente las transacciones son electrónicas, portarjeta de crédito o por sistemas de pagos como PayPal.b) Servicios gratuitos:Este tipo de servicio viene dado por la base de sergratuito, y sin costo alguno al suscriptor. Sin embargo,quienes usan este servicio, por lo general son páginas debajos recursos de manutención o aquellas que los dueñosno poseen suficiente dinero para ser mantenida.39Como medio de financiamiento, el servidor coloca avisosde publicidad de Adsense u otras empresas, haciendo quela página se llene de publicidad en algún punto.Otra limitación de estas ofertas es que tiene un espaciolimitado y no se puede usar como almacén de datos, nipueden alojar páginas subversivas o de contenido adultoo no permitido.De todas maneras, existe una amplia oferta dealojamientos gratuitos con características muy diferentesy que pueden satisfacer las necesidades deprogramadores que desean un lugar donde hacer pruebaso que mantienen un sitio con un número no muy elevadode visitas.1.7. C PANEL40cPanel (acrónimo de control Panel) es una herramienta de

administración basado en tecnologías web paraadministrar sitios de manera fácil, con una interfaz limpia.Se trata de un software no libre disponible para un grannúmero de distribuciones de Linux que soporten RPM,como SuSE, Fedora, Mandriva, etc. El soporte preliminares para Debian, se debió solicitar que saliera del estadobeta por varios años, y para el cual no posee soporte. AcPanel se accede por los puertos 2082 y 2083 (paraversiones de SSL). La autenticación es por HTTP o unapágina de ingreso.Se diseñó para el uso comercial de servicios de Webhosting, es por esto que la compañía no lo ofrece conlicencia de uso personal. Sin embargo, los dueños deorganizaciones sin fines de lucro, como instituciones41educacionales y caridad pueden solicitar una licencia sincosto.Está disponible sólo para sistemas operativos basados enLinux, pero las versiones para Solaris, Microsoft Windowsy Mac OS X está desarrollándose.Panel de controlcPanel entrega un gran nivel de control al usuarioindividual, mientras se mantiene la seguridad. Aunque eladministrador de sistema puede desactivar cualquiercaracterística para cada cliente en cualquier momento, elusuario puede usar cualquier elemento que se encuentredisponible.* SSH Access - cPanel tiene integrado un applet Java quepermite una conexión directa con el servidor vía SSH. Seencuentra desactivado en la mayoría de los sitios debido aque es un riesgo a la seguridad del servidor.42* Crontab - cPanel provee una interfaz para el manejo delas listas de tareas.* OpenPGP Support* CGI Scripts -Autoinstala varios scripts para cualquiersitio web-* Permite Bloquear el acceso a direcciones IP específicas* Aunque hay otros Control Panel, cPanel se distingue porsu facilidad para realizar respaldos completos o parciales(algunos proveedores de host no dan derechos pararestaurar respaldos )1.8. CLIENTE FTP FILEZILLAFileZilla es un cliente FTP, gratuito, libre (GNU) y decódigo abierto. Sustenta FTP, SFTP y FTP sobre SSL.Inicialmente sólo diseñado para funcionar bajo Windows,43desde la versión 3.0.0, gracias al uso de wxWidgets, esmultiplataforma, estando disponible además para otrossistemas operativos, entre ellos Linux, FreeBSD y MacOS

X.Las principales características son el Site Manager(Administrador de sitios), Message Log (Registro demensajes), y Transfer Queue (Cola de transferencia).El administrador de sitios permite a un usuario crear unalista de sitios FTP con sus datos de conexión, como elnúmero de puerto a usar, o si se utiliza inicio de sesiónnormal o anónima. Para el inicio normal, se guarda elusuario y opcionalmente la contraseña.El registro de mensajes se muestra en la parte de arribade la ventana. Muestra en forma de consola los comandosenviados por FileZilla y las respuestas del servidor remoto.44La vista de archivo y carpeta, situada debajo del registrode mensajes, proporciona una interfaz gráfica para FTP.Los usuarios pueden navegar por las carpetas y ver yalterar sus contenidos tanto en la máquina local como enla remota, utilizando una interfaz de tipo árbol deexploración. Los usuarios pueden arrastrar y soltararchivos entre los ordenadores local y remoto.La cola de transferencia, situada en la parte de abajo de laventana, muestra en tiempo real el estado de cadatransferencia activa o en cola.FileZilla Server es un programa aparte. Es un servidor FTPdesarrollado como parte del mismo proyecto, quefunciona bajo Windows NT, 2000 y XP.El código fuente de FileZilla y las descargas estánhospedados en SourceForge. SourceForge presentó aFileZilla como el Proyecto del Mes en noviembre de 2003.45De acuerdo con la documentación de ayuda, FileZillacomenzó siendo un proyecto de clase de informática enenero de 2001 de Tim Kosse y dos compañeros de clase.La versión alfa fue lanzada finales de febrero de 2001, ytodas las características requeridas se incorporaron en labeta 2.1.7.9. CMS WORDPRESSWordPress es un sistema de gestión de contenidoenfocado a la creación de blogs (sitios Webperiódicamente actualizados). Desarrollado en PHP yMySQL, bajo licencia GPL, tiene como fundador a MattMullenweg. WordPress fue creado a partir deldesaparecido b2/cafelog y se ha convertido junto aMovable Type en el CMS más popular de la blogosfera. Lascausas de su enorme crecimiento son, entre otras, su46licencia, su facilidad de uso y sus características comogestor de contenidos.Otro motivo a considerar sobre su éxito y extensión, es laenorme comunidad de desarrolladores y diseñadores, que

se encargan de desarrollarlo en general o crear plugins ytemas para la comunidad, siendo usado en septiembre de2009 por 202 millones de usuarios.Nombre y versionesEl desarrollador principal Matt Mullenweg eligío el nombreWordPress por sugerencia de su amiga Christine Selleck.Las versiones lanzadas de WordPress tienen comonombre en clave músicos de jazz como por ejemplo laversión 1.0, Mingus. La versión 1.5, que fue lanzada amediados de febrero de 2005 tiene como nombre en clave47"Strayhorn" (Billy Strayhorn) y ofreció una gama amplia denuevas características como por ejemplo el uso depáginas estáticas.La empresaAutomattic, la empresa detrás de WordPress, tieneasimismo un servicio de alojamiento de blogs gratuitobasado en su software llamado WordPress.com.Facilita la administración de páginas fuera del ordencronológico "normal" del weblog y ha sido el primer pasopara transformarse de un software básico deadministración de blogs a un completo sistema deadministración de contenidos.Otra funcionalidad es la del sistema de creación deplantillas ("Themes"), las cuales permiten al usuarioactivar o desactivar una u otra según deseen para sussitios. WordPress también ha sido equipado "de serie" con48una nueva plantilla por defecto (con nombre en claveKubrick denominada como "Default") además de latradicional e inicial "Classic", sencilla y válida con losestándares del W3C.INSTALACIÓNLa famosa Instalación en 5 minutos1. Descarga el paquete de la última versión WordPress ydescomprímelo en una carpeta vacía de tu ordenador.2. Abre el archivo wp-config-sample.php con un editorde texto plano y rellena los datos de la conexión a tu basede datos.493. Guarda el archivo como wp-config.php.4. Sube todo a tu servidor.5. Abre http://tudominio.com/wp-admin/install.php en tunavegador. Con esto deberán crearse las tablasnecesarias para tu blog. Si hay algún error, haz el favor decomprobar tu archivo wp-config.php y probar de nuevo.Si vuelve a fallar, visita los foros de soporte (en inglés)con todos los datos que puedas aportar.6. Anota la contraseña que se te proporcionará.50

7. El programa de instalación te enviará entonces a lapágina de entrada. Entra con el nombre de usuario adminy la contraseña generada durante la instalación. Ahorapodrás hacer clic en ‘Perfil’ y cambiar la contraseña.5152INSTALAR SOLO EL IDIOMASi ya tienes una instalación funcionando en inglés ocualquier otro idioma, y deseas instalar solamente elarchivo para el idioma español, sigue estos sencillospasos:1. Descarga el paquete de WordPress que se correspondacon tu versión instalada.2. Descomprime el paquete en una carpeta vacía.3. Copia el archivo es_ES.mo que encontrarás en lacarpeta /wp-content/languages a la misma carpeta de tuinstalación.4. Edita el archivo wp-config.php de tu WordPress. Buscala linea donde se define WPLANG y asegúrate que esexactamente igual a define('WPLANG', 'es_ES');5. ¡Disfruta de tu WordPress en español!531.10. POSICIONAMIENTO EN BUSCADORESEl posicionamiento en buscadores o posicionamiento webes el resultado de la recuperación de información en labase de datos de los grandes motores de búsqueda deInternet por el uso de algoritmos de búsqueda en elsoftware.La tarea de ajustar la información de las páginas que sepretenden hacer aparecer en primeras posiciones de losresultados es conocida como SEO, sigla en inglés deSearch Engine Optimización, o sea, 'Optimización paramotores de búsqueda'. Consiste en aplicar diversastécnicas tendientes a lograr que los buscadores deInternet sitúen determinada página Web en una posición ycategoría alta (primeras posiciones) dentro de su página54de resultados para determinados términos y frases clavede búsqueda. También es entendido como las técnicas dedesarrollo Web que tengan como objetivo mejorar laposición de un determinado sitio Web por sus páginas enla lista de resultados de los motores de búsqueda que eninglés se identifican como SERPs y forma parte de la jergade los webmasters hispanohablantes.La aplicación de técnicas SEO es intensa en sitios web queofertan productos o servicios con mucha competencia,buscando el posicionar determinadas páginas sobre las desus competidoras en la lista de resultados (SERPs).Estrictamente hablando, se posicionan URLs de páginas.Los sitios logran buen posicionamiento como una

consecuencia.Las técnicas SEO pueden ser desmedidas y afectar losresultados naturales de los grandes buscadores por lo que55si incumplen las cláusulas y condiciones de uso de losmismos pueden ser consideradas, en algunos casos, comouna forma de SPAM, el spamdexing.El trabajo es amplio, ya que el posicionamiento involucraal código de programación, al diseño y a los contenidos.También nos referimos a SEO para definir las personasque realizan este tipo de trabajo.1.11. ACTIVIDADES PARA MEJORAR EL POSICIONAMIENTOEN BUSCADORES* Conseguir que otras webs de temática relacionadaenlacen con tu Web:Para ello es interesante realizar una búsqueda paraaquellos términos que consideras deberían llevar tráfico atu Web y estudiar cuales de ellos tienen un contenidocomplementario. Si por ejemplo quieres posicionarte por56el término "peluquería Madrid" puede ser interesanteintentar conseguir enlaces de peluquerías de otrasciudades. La temática será similar y no corres el riesgo de«canibalización».* Darse de alta en directorios importantes como Dmoz yYahoo!. Los directorios han perdido mucho interés en losbuscadores pero siguen siendo un buen punto de partidapara conseguir enlaces o un primer rastreo de tu Web porlos buscadores. Ambas requieren de un filtro humano parasu inclusión lo que asegura la calidad de las Webañadidas, pero también ralentiza y dificulta su inclusión.* Registrarse y participar en foros, de preferencia en forostemáticos relacionados a la actividad de su página Web.La frecuente participación tiene que ir acompañado deaporte real y valioso como para ser tomado en cuenta57como un usuario calificado, el detalle del éxito paraconseguir visitas y aumentar el posicionamiento es elenlace hacia su página Web presentado en su firma.* Ahora mismo hay cientos de redes sociales, por ejemploHi5, Facebook y, Orkut, en las cuales poder participar yobtener visitas de nuestros nuevos «amigos».* Crear contenidos con textos que contienen frases conque buscan los usuarios Web los servicios o productos deeste sitio.* Hacer nuestra Web lo más accesible posible: limitarcontenido en Flash, frames o JavaScript. Este tipo decontenido no permite el rastreo o seguimiento de lainformación por parte del robot en las diferentes páginaso secciones. Para ellos son un espacio plano por el cual no

se puede navegar.58* Crear títulos únicos y descripciones pertinentes delcontenido de cada página. Cada página es una tarjeta depresentación para el buscador. Los títulos y descripcionesson puntos de partida para la identificación de lostérminos relevantes a lo largo de la Web por losbuscadores.* Enlazar internamente las páginas de nuestro sitio demanera ordenada y clara. Un «mapa del sitio» (tanto el deGoogle como uno presente en el sitio) permitirá dar pasoal buscador por las diferentes secciones del sitio en formaordenada, mejorando su visibilidad.* Actualizar la página con contenido original de calidad.* Intercambiar contenido.* Generar tráfico a través de SEM (Search EngineMarketing) o anuncios en buscadores con las palabrasconsideradas clave para la página Web. Así mismo,59generar tráfico a través de redes sociales y anunciossegmentados en las mismas y otras páginas de interés.1.12. ÚLTIMAS NOVEDADES EN EL POSICIONAMIENTO ENBUSCADORESTradicionalmente, los sitios Web, cuando los motores debúsqueda solamente mostraban resultados de losalgoritmos de búsquedas orgánicas, eran más fáciles deoptimizar. Las técnicas para posicionarse en los motoresde búsqueda eran las ya conocidas y enumeradasanteriormente. Sin embargo, últimamente estánapareciendo en los buscadores diversas nuevastecnologías que han insertado muchas nuevas variablesque es necesario tomar en cuenta para la optimización deun sitio Web.60Algunas de estas nuevas tecnologías son:BÚSQUEDAS UNIVERSALESEs uno de los cambios más radicales en los buscadores,donde en las páginas de resultados de búsquedasmuestran combinadamente los resultados de búsquedasorgánicas con imágenes, videos, blogs, resultados locales,comunicados de prensa, libros y productos. Ya nosimplemente se tiene que crear contenido optimizadopara las búsquedas orgánicas, sino también es necesariooptimizarlo para las búsquedas universales. Esto esespecialmente importante para el contenido vertical de unsitio web en un tema específico.BÚSQUEDAS PERSONALIZADASGoogle en especial ha soltado varias características queañaden a los buscadores la facilidad de enlazar contenidocon las acciones de usuario en el buscador que se

61encuentran almacenadas en el Google Webhistory, elGoogle Bookmarks, Google SiteWiki y últimamente, reciénsoltado en Marzo del 2010 las estrellas que aparecen en elbuscador y que hacen posible marcar enlaces comofavoritos. Cada usuario con el tiempo irá mejorando superfil de búsqueda personalizada, donde los enlaces ypáginas favoritas irán adquiriendo más importancia quelos no visitados.BÚSQUEDAS EN TIEMPO REALEsta característica provee la facilidad de enlazar losresultados de una búsqueda con sitios web que proveencontenido en tiempo real, por ejemplo con Twitter,Myspace o Facebook, hasta marzo del 2010. Es probableque la lista que provea los contenidos de tiempo realcrezca con el tiempo. Se prevé que también entre en la62lista Google Buzz, y próximamente Google Wave cuandosea lanzado oficialmente.BÚSQUEDAS SOCIALESFue soltado como un experimento de Google a finales del2009 y provee en las páginas de resultados de búsquedacontenido proveniente de las redes sociales que han sidosuscritos en el perfil de usuario. Estos contenidos sólo sonobtenidos de la red de contactos que un usuario posee enla red social relevante con las palabras claves usadas enla búsqueda.BÚSQUEDAS LOCALESEs una característica que provee Google y es unacombinación de Google Maps con Google Local Business,donde provee contenido para búsquedas de demandalocal, donde los resultados tienen validez en una regióngeográfica específica. Es posible optimizarlo enviando los63datos de un negocio local en el Google Local BusinessCenter.1.13. LA EVOLUCIÓN DE LA WEB Y LOS BUSCADORESUn tema muy importante para los estudiosos delposicionamiento web, y en general para todos losprofesionales que están, de alguna manera, relacionadoscon Internet, es intuir hacia dónde va.Ésa capacidad de intuición crea a los llamados“visionarios”, que son capaces de prever hacia dónde vanlas tendencias de las tecnologías, del mercado ydesarrollar negocios que exploten las demandas creadaspor ésa constante evolución.Es así como nació Facebook, Twitter, el mismo Google ensu momento, cubriendo la brecha dejada por buscadoresiniciales menos eficaces en sus algoritmos de indexación.64

Comprender las motivaciones que llevan a la World WideWeb (WWW) a evolucionar y a sufrir etapas decrecimiento claramente diferenciadas es importante paratener una visión global de hacia dónde se dirigen losbuscadores, jugadores mayores en la organización de losdatos presentados en la WWW.Web 2.0Web 2.0 Nada parecido a la WWW ha existido antes en lahistoria humana, siendo el más grande monumento alconocimiento y la información. Los estudiosos de laCiencia Web opinan que el progreso de la web esevolutivo en vez de supervisado, con sus propias reglasintrínsecas. Por ejemplo, la transición de la Web 1.0 haciala Web 2.0 no fue supervisado, simplemente sucedió.La W3C (World Wide Web Consortium) no había lanzadoun grupo especial para la Web2.0, término acuñado por65Tim O’Reilly. Sin embargo, la W3C sí había lanzado ungrupo especial para la Web Semántica, que unió a cientosde investigadores web alrededor de éste tema. Elprogreso de la web durante los pasados años, sinembargo, demostró que lo que no poseía supervisión(Web2.0) avanzó más rápido que aquel con supervisión(la Web Semántica). Este fenómeno sugiere la existenciade unas leyes de evolución web que son intrínsecas.Si no hubiera reglas intrínsecas que guíen su progreso, laWWW debería de haber avanzado lentamente en vez derápidamente, y sin ninguna dirección, en lugar dedireccionalmente, como lo está haciendo. El gigantescocaos producido por los miles de millones decontribuciones a la Web debería ser difícil de controlar sinuna constante y poderosa fuerza motora con direcciónpropia.66Dicen los estudiosos de la web, que si ésta evoluciona,debería de obedecer la regla general de Transformaciónde Cantidad en Calidad, como regla que rige cualquierproceso evolutivo en el mundo. En el caso de la web, elproceso que sigue es la acumulación de cantidadesgrandes de recursos web y sucesivas transiciones a travésde incrementos en etapas de mejor calidad: Cuando lacantidad de recursos web alcanzan cierto nivel que sondemasiados para ser operados eficientemente por elmecanismo de operación de la web, la web demandaráuna actualización de ése mecanismo de operación (unatransición de calidad) para asegurar la continuidad de laevolución web. Luego de que se produce ésa transición,comienza nuevamente una nueva ronda de acumulaciónde cantidad de recursos web a un nivel más alto. La67

transición de la Web1.0 a la Web2.0 es un ejemplo típicode esta teoría.En cierta forma el crecimiento y la importancia de losportales Web2.0 y los medios sociales ha llevado a losbuscadores a idear formas de enlazar la gran cantidad decontenidos creados por usuarios a dos tecnologíascreadas para organizar esos contenidos y volverlosaccesibles: las búsquedas sociales (social search) y lasbúsquedas en tiempo real (real-time search) y parahacerlo más interesante ésas tecnologías son másrelevantes si son enlazadas con las búsquedas locales(local search), ya que normalmente las comunidadessociales tienden a tener epicentros locales para cadausuario.Conociendo los antecedentes de evolución de la WWW,estamos en la etapa en que el la cantidad de información68o recursos web van a crecer hasta que la Web2.0 llegue altope de su capacidad y necesitará un salto cualitativopara dar el siguiente incremento de calidad en sumecanismo de operación. Muchos consideran a la “websemántica” el llamado a ser ése nuevo salto de calidad, ypoder ser oficialmente considerada la Web3.0.Es tal vez por ésa razón que los buscadores ya hanadoptado los micro formatos como parte de esa carrerapor no perderle el paso a la dirección que toma la worldwide web de acuerdo a las leyes de su propia evolución.

Creacion Página Web en Lenguaje HTML

Documents

Transcript of Creacion Página Web en Lenguaje HTML