tel./fax: +34 91 675 33 06 [email protected] - www ...€¦ · (este tutorial va dedicado a mi...

Avenida de Castilla,1 - Edificio Best Point - Oficina 21B28830 San Fernando de Henares (Madrid)

tel./fax: +34 91 675 33 [email protected] - www.autentia.com

Somos su empresa de Soporte a Desarrollo Informático.Ese apoyo que siempre quiso tener...

1. Desarrollo de componentes y proyectos a medida

TecnologíaDesarrolloSistemas

Gran Empresa

Producción

autentia

Certificacióno Pruebas

Verificación previa

RFP Concurso

Consultora 1

Consultora 2

Consultora 3

Equipo propio desarrolloPiloto

3a

3b

1. Definición de frameworks corporativos.2. Transferencia de conocimiento de nuevas arquitecturas.3. Soporte al arranque de proyectos.4. Auditoría preventiva periódica de calidad.5. Revisión previa a la certificación de proyectos.6. Extensión de capacidad de equipos de calidad.7. Identificación de problemas en producción.

3. Arranque de proyectos basados en nuevas tecnologías

¿Qué ofrece Autentia Real Business Solutions S.L?

Para más información visítenos en: www.autentia.com

Compartimos nuestro conociemiento en: www.adictosaltrabajo.com

Gestor portales (Liferay)Gestor de contenidos (Alfresco)Aplicaciones híbridas

Tareas programadas (Quartz)Gestor documental (Alfresco)Inversión de control (Spring)

BPM (jBPM o Bonita)Generación de informes (JasperReport)ESB (Open ESB)

Control de autenticación y acceso (Spring Security)UDDIWeb ServicesRest ServicesSocial SSOSSO (Cas)

Spring MVC, JSF-PrimeFaces /RichFaces, HTML5, CSS3, JavaScript-jQuery

JPA-Hibernate, MyBatisMotor de búsqueda empresarial (Solr)ETL (Talend)

Dirección de Proyectos Informáticos.Metodologías ágilesPatrones de diseñoTDD

2. Auditoría de código y recomendaciones de mejora

4. Cursos de formación (impartidos por desarrolladores en activo)

Home | Quienes Somos | Empleo | Foros | Tutoriales | Servicios Gratuitos | Contacte

Descargar este documento en formato PDF miwebcap1.pdf

Desarrollo de un Web Personal

(Este tutorial va dedicado a mi hermano Luismi)

Introducción

En el siguiente documento, vamos a mostrar como se puede crear un Web personal si coste alguno.

Creo que es conveniente experimentar un poco antes de lanzarse a hacer algo un poco más serio ya que, como pronto veremos, aunque los fundamentos son muy sencillos, como todo en esta vida, hacer las cosas bien, requiere muchas horas de dedicción.

Como este es un manual básico, me voy a tomar ciertas licencias así que, los puristas, sed comprensivos.

¿Por qué crear un Web?

Cada uno puede tener una razón.

Puede ser tan sencillo que "por la satisfacción de hacerlo", por compartir fotos con tus amigos, por tener algo en que invertir el tiempo, etc. En estos casos, posiblemente no te preocupe cuante gente entre a tu Web, es más, tal vez te interese que solo entre la que tu quieres.

Yo os voy a contar porque he creado el mio www.adictosaltrabajo.com

� Porque he hecho muchos a los demás y no tengo el mio. � Porque vas adquiriendo un gran conocimiento, a través de años de trabajo, que olvidas tan deprisa o más que lo cojes y me

gustaría que perdurase. � Porque es un curriculum vivo. � Porque el que siembre recoge (a lo mejor, algún día me, permite ganar lo suficiente para trabajar en casa)

En mi caso, y tal vez en el vuestro aunque os muevan otros intereses, os interese ganar algunos duros con el Web.

Tambien, os enseñara como hacerlo.

¿Qué es un Web?

Pues sencillo. Es un conjunto de páginas, interrelacionadas entre si.

Estas páginas, llamadas HTML tiene la capacidad de establecer enlaces entre ellas de tal modo, que tu Web esta formada por una

Tutorial desarrollado por:

Roberto Canales Mora 2003-2005 Creador de AdictosAlTrabajo.com y

Director General de Autentia S.L.

Recuerda que me puedes contratar para echarte una mano:

Desarrollo y arquitectura Java/J2EE Asesoramiento tecnológico Web

Formación / consultoría integrados en tu proyecto

No te cortes y contacta: 655 99 11 [email protected].

Líneas 902 para empresas Gratis. Sin coste alguno. Inmediato Mejore su atencion telefónica www.premiumnumbers.es

GM Vending Recargas telefonicas en maquinas vending. 24 horas de servicio www.gmvending.com

Oferta Navidad Telefónica ADSL + Llamadas nacionales. Ahora sólo 20€/mes. Webcam gratis. www.ofertatelefonica.com

Anuncios Goooooogle Anunciarse en este sitio

Página 1 de 9Tutoriales en AdictosAlTrabajo: Java, J2EE, Visual C++, Linux, UML, OOP y mucho más

02/01/2006http://www.adictosaltrabajo.com/tutoriales/tutoriales.php?pagina=miwebcap1

principal (home page) y otras que estan enlazadas a esta.

Como el movimiento se demuestra andando, lo vamos a ira haciendo.

Abrir un simple editor de texto (notepad)

Como se puede observar, esta primera página html es muy básica y autodescriptiva:

� Tiene etiquetas que empiezan por "<" y terminan por "/>" � Cada etiqueta define una sección � Lo que ves en el navegador, esta entre las etiquetas "body"

Vamos a ver como queda nuestra página. la grabamos como index.html en el directorio que más nos guste.

Si pulsamos dos veces, se nos abrirá un navegador y veremos el resultado

Bueno.... pues vamos ha complicar un poco la cosa.

Creamos otra página, que vamos a llamar "quiensoy.html"



Y ahora, modificamos la primera página (index.html) para ligarla a la segunda

El resultado es:

Bueno, no hay que ir a Salamanca para darse cuenta que, sabiendote un conjunto de etiquetas y su comportamiento, con el notepad mismo, te puedes crear un Web.

La técnica a evolucionado mucho, por lo que casi nadie (que no sea profesiona), se hace un Web a mano. Normalmente, usas una herrmienta que lo haga por ti.

Hay miles, y ademas muchas de ellas gratuitas. Yo, personalmente busco siempre herramientas en www.download.com , a otros le gusta www.tucows.com .....

Vamos a ello:

Yo, personalmente usi el frontpage, porque tengo licencia y como vereis, la herrramienta es lo de menos.



Bueno, voy darle un pequeño cambio a nuestras páginas con ForntPage (es como el Word).

Inserto una tabla:

Queda tal que así



Seleccionalos la fila con el ratón y con el pulsando el botón derecho selecciono propiedades

Le asigno un tamaño en pixels a la columna central



y hago lo mismo con la laterales

Me queda tal que así

Pues todo es igual ...



Como podemos ver, el editor crea el HTML por nosotros

Lo primero por lo que nos tenemos que preocupar, es ¿y donde lo pongo?.

Al principio, no hay que obsesionarse por el aspecto gráfico .... todo llegará. Lo más seguro es que cambies de menús, ideas, imagenes, etc cientos de veces hasta tener claro a que va a ir orientado tu Web (a menos que seas un visionario :) )

Es más interesante ponerlo en marcha ... por lo menos el primero.... el segundo... posiblemente lo orientemos de otro modo.

Sino, solo tienes que mirar el mio....que es poco más que lo que acabamos de hacer....



Si desea contratar formación, consultoria o desarrollo de piezas a medida puede contactar con

Autentia S.L. Somos expertos en: J2EE, C++, OOP, UML, Vignette, Creatividad ..

y muchas otras cosas

Otros Tutoriales Recomendados (También ver todos)

Nuevo servicio de notificaciones

Si deseas que te enviemos un correo electrónico cuando introduzcamos nuevos tutoriales, inserta tu dirección de correo en el siguiente formulario.

Subscribirse a Novedades

e-mail

Nombre Corto Descripción

Obtención de Alojamiento Gratuito No tiene sentido tener un Web en tu PC, sin que nadie pueda acceder. Lo suyo es colgarlo de un servidor en Internet. Aquí te ensañaremos a hacerlo

Creación de ejemplo en PHP Os enseñamos a construir en PHP el ejemplo de como mostrar la frase del día

Wap Hosting Os mostramos como crear unestro primer portal Wap y las herramientas para navegar por él de un modo gratuito.

Instalar un Web en tu máquina Windows

Si trabajais habitualmente en plataforma Windows, en este tutorial podreis encontrar todos los pasos necesarios para instalar un servidor Web en vuestra propia máquina. Esto puede ser el primer paso para crear una Intranet.

Motor de Busqueda en Tu Web En este tutorial te enseñamos como configurar un buscador externo para proporcionar capacidades de busqueda a tu Web. El buscador en este ejemplo es Atomz.

Nota: Los tutoriales mostrados en este Web tienen como objetivo la difusión del conocimiento. Los contenidos y comentarios de los tutoriales son responsabilidad de sus respectivos autores. En algún caso se puede hacer referencia a marcas o nombres cuya propiedad y derechos es de sus



Patrocinados por enredados.com .... Hosting en Castellano con soporte Java/J2EE

respectivos dueños. Si algún afectado desea que incorporemos alguna reseña específica, no tiene más que solicitarlo. Si alguien encuentra algún problema con la información publicada en este Web, rogamos que informe al administrador [email protected] para su resolución.

www.AdictosAlTrabajo.com Opimizado 800X600



tel./fax: +34 91 675 33 06 [email protected] - www ...€¦ · (este tutorial va dedicado a mi...

Documents