Está en la página 1de 6

Requisitos para crear tu primera página web.

✔ Antes de comenzar la edición es necesario que tengas preparado de antemano en un documento o archivo de texto el contenido que tendrá tu página, es decir: El título, la estructura que tendrá, como estará dividido el contenido, los subtítulos, las paginas a las cuales crearás vínculos, las imágenes si usarás algunas, etc. ✔ Si no posees un programas de edición web instalado en el equipo similar a Dreamweaver, podrás editar la plantilla usando el sencillo Bloc de notas de Windows o un editor de texto plano que ofrece más posibilidades, puedes usar para ese fin Notepad+ que es una minúscula aplicación gratis, puedes acceder a su página de descarga en el siguiente link: Descargar Notepad. Notepad+ al igual que otras aplicaciones similares, dan la ventaja al que no tiene conocimientos en la edición web, que muestra con colores diferentes el código HTML de la plantilla y el texto que se puede reemplazar, sin afectar el código de la página. ✔ Tener la plantilla que te interese en el equipo, puedes descargar de esta misma página algunas plantillas sencillas y de un hermoso acabado.

Plantillas de páginas web para descargar gratis
Para mostrarlas solo presiona el siguiente botón: Da un clic en la que tenga el estilo deseado para descargarla a tu equipo. El archivo que descargues descomprímelo, en su interior están todos los archivos necesarios para crear tu página.

Descargar todas las plantillas

Archivos que contienen las plantillas

En esa área solo es necesario reemplazar el contenido del título. dando dos clics en él verás el estilo y aspecto de la página.La plantilla es una carpeta que contiene en su interior una página web como tal y otros archivos auxiliares: • index. • Los archivos style. Comenzar a editar la plantilla Abre el archivo index.css son archivos del estilo. el texto entre las etiquetas: <title> y </title>.html. ¿Que son los comentarios en las páginas web? .css o default. En esta área será donde introduzcas toda la información que tienes preparada. es todo lo que se encuentre entre las etiquetas <body> y </body>. contiene toda la información que se muestra en el navegador. Todas las páginas web se dividen en dos secciones: • El área del HEAD que es todo lo que se encuentre entre las etiquetas <head> y </head>. Si no posees conocimiento de edición. Subcarpeta que contiene las imágenes que utiliza la página. solo te será necesario para crear tu página modificar el archivo index.html con al programa con el que vas a editarlo. • La otra sección es el área del BODY. Es el archivo principal de la página web. El área del body está dividida en varias secciones según la estructura de la página. los otros no será necesario tocarlos.html. nada de lo que se encuentre dentro de esa área se mostrará al usuario. • images. el comienzo y final de cada una está señalada por comentarios. solo contiene información propia de la página para el navegador.

Sidebar = Barra lateral. un ejemplo es: <a href="http://norfipc. no se muestran en el navegador. te darás de cuenta rápidamente. por ejemplo: <a href="otrapagina.html. etc. ¿Cómo insertar imágenes en la página? Puedes agregar imágenes para que se muestren en la página. Insertar el texto en la plantilla Todas las áreas de texto en las plantillas.html">Texto del vínculo</a> Texto del vínculo = Es el vínculo que aparece en la página web.jpg" Es la ruta a la ubicación de la imagen. • width="940" Ancho de la imagen en pixeles. puede obtenerse fácilmente accediendo a ella con el navegador y copiando la dirección que aparece en la barra de direcciones. Content = Área de contenido en la columna principal. Sustituye cada una por el texto que tienes preparado de antemano. • height="255" Altura de la imagen en pixels.Los comentarios son líneas que tienen el siguiente formato: <!—esto es un comentario --> Se usan como indicación. Las platillas están en inglés. En ese caso solo es necesario reflejar el nombre de archivo de la página. otras a la izquierda. para diferenciarlas fácilmente aparecen en el idioma latín. Los más usados en las plantillas significan lo siguiente: Logo = Área del logotipo de la pagina Menú = Barra de menú con vínculos a otras páginas. • alt="Descripcion de la imagen" . para eso primero cópialas a la carpetaimagen y dales un nombre adecuado. generalmente es de color azul y al dar un clic con el ratón conduce a la página de referencia.com/index. hay dos opciones: • El vínculo conduce a otra página en la misma carpeta o directorio del sitio. Contact (Contacto).jpg" width="940" height="255" alt="Descripcion de la imagen" /> Sustituye en cada caso los siguientes valores: • src="images/nombreimagen. Como editar y crear los vínculos en la plantilla Los vínculos en todas las páginas web tienen el siguiente formato: <a href="#">Texto del vínculo</a> El caracter: # = Sustitúyelo por la dirección URL de la página donde será enviado el usuario al dar un clic en el vínculo. Footer = El pie de página. por lo que también tendrás que sustituir los nombres predeterminados de los vínculos como Home (Inicio). En ese caso solo es necesario reflejar la dirección URL de dicha página. Search = Cuadro de búsquedas.html">Texto del vínculo</a> El nombre de la página no puede contener espacios y tiene que incluir la extensión de archivo . algunas plantillas la tren a la derecha. Para mostrar las imágenes es necesario insertar en el lugar donde se desean que aparezca la siguiente etiqueta: <img src="images/nombreimagen. • El vínculo conduce a una página externa en internet.

lo sé por experiencia ya que mi primer sitio utilizó el servicio . por supuesto con limitaciones de espacio y de tráfico de datos. puedes proseguir y crear otras con diferente contenido. Es la compañía que más soporte gratis ofrece en la red. por lo que yo sugiero a los lectores el hosting que utiliza mi sitio web del que no tengo quejas. Puede crearse múltiples copias del archivo index. ✔ La página Contact. Un sitio web elemental puede tener las siguientes páginas (es solo un ejemplo): ✔ La página index que posee el nombre del sitio con su descripción y vínculos a las otras páginas. ¿Dónde subir y publicar las páginas web o el sitio creado? En internet hay varias compañías que prestan servicios de Hosting o Alojamiento Web.google. <form action="http://www. Para finalizar solo es necesario subir todos los archivos creados a un servidor web. contiene información de cómo comunicarse con el autor. para acceder a dicho sitio se escribirá su nombre en un navegador y este abrirá la página index automáticamente. Mi primer sitio lo hice usando los servicios de: byethost. cada copia es una página diferente que usará los mismos archivos auxiliares. Cuadro de búsqueda para buscar con Google en Internet Los cuadros de búsquedas que poseen las plantillas ninguno es funcional. que en sus discos duros pueden ofrecer espacio y albergar los archivos de miles de páginas web de distintos clientes. Byethost. Si ya creaste la primera y comprobaste que no queda mal. aunque sea para comenzar 4 o 5 paginas.html y renombrarlas siempre respetando la extensión html. estos servidores funcionan las 24 horas permitiendo acceder a ellos desde cualquier parte del mundo sin importar la zona horaria. sin incluir publicidad. Muchos de ellos ofrecen servicio de hosting gratuitos a pequeños sitios. es decir la página principal posea vínculos para acceder a todas las otras páginas. es decir poseen poderosas computadoras llamadas servidores.Las medidas de la imagen puedes conocerla fácilmente ya que aparecen en la ficha Propiedades al dar un clic derecho con el ratón en cada una. es opcional. pero aun así es una opción ideal para dar tus primeros pasos y subir tu página. es decir una dirección web para poder acceder a tu sitio. ya sean grandes o pequeñas empresas o simples usuarios poseedores de una sola página. También los hay que inclusive te ofrecen un subdominio. servicios de email. puedes reemplazarlos por el siguiente que permite buscar cualquier término usando Google. etc. Prestan diversos servicios al propietario de los archivos como bases de datos. lo ideal es que tenga varias. ¿Qué servicio de hosting o alojamiento web utilizar? Cada cual debe recomendar solo lo que conoce y tiene experiencia. ✔ La página About (Acerca de) Contiene información del propietario y una foto. pero si es necesario que la página index.com.com/search"> <input type="text" name="q" size="31" maxlength="255" value="" /> <input type="submit" name="" value="Buscar" /> </form> ¿Cómo crear varias páginas web con la misma plantilla? Un sitio web de solo una página no es funcional. Pueden vincularse unas con otras para permitir la navegación interna. ✔ Otras páginas de acuerdo al contenido del sitio. en ese caso tendrás hecho lo que se conoce como un sitio web completo y funcional.com.

mediante una dirección IP. Después que te registres y decidas que servicio utilizar. Adicionalmente se puede usar sin costo alguno el servicio en la nube de CloudFlare. te darán los datos de tu cuenta que son: tu dirección o nombre de dominio. . esta es la necesaria para que puedas subir los archivos a tu sitio. si la dirección IP que se utiliza es baneada (sancionada) por alguna razón. Servicio VPS (Virtual Private Server) El servicio de un servidor virtual al igual que en el compartido. lo que permite más rapidez en la carga de las paginas desde cualquier región geográfica. como lo fue el mío cuando comencé. en el paquete anual incluye un nombre de dominio con espacio ilimitado y otras opciones. Este servicio aunque es el más barato y accesible. Es la opción ideal para sitios de mediano presupuesto. es necesario pagar por el servicio de hosting. en todos los tramites está disponible el idioma español. pero al mismo tiempo tener ingresos. en este caso cada uno de ellos posee una dirección IP diferente. la dirección IP y los recursos de hardware del equipo. Al mismo tiempo. presta el servicio de alojamiento a varios sitios web (hasta 500) de forma simultánea. Existen tres tipos de alojamiento principales: Servicio de alojamiento compartido (share hosting) Consiste en una computadora que funciona como un servidor web. Usa el siguiente vinculo y regístrate para que pruebes el servicio. cada sitio posee su cuota de espacio en disco. Aunque se utilizan los recursos de hardware de un único equipo. como ves tiene sus desventajas. ancho de banda y hasta de memoria RAM. por lo que en momentos de mucho tráfico algunos de los sitios alojados pueden ser que no respondan. lógicamente son los recomendados cuando se piensa en crear un sitio con un objetivo más profesional o aunque así no lo sea. nombre de usuario. es crear un sitio donde compartir tus ideas y conocimiento con los demás. Si tu propósito.gratis. la mejor opción es usar el servicio Premium. cuando se necesita más fiabilidad y calidad. pero divididos en máquinas virtuales. si el gratis o el Premium. Se nombra compartido porque se comparte todo. al que lo pueda pagar. contraseña y la dirección ftp. Diferentes tipos de servicios de hosting o alojamiento web en internet Los servicios de alojamiento web de pago. se perjudicarán todos los demás sitios que la comparten. No obstante. por lo que no deben perjudicarse unos a otros. varios sitios comparten el mismo equipo.

org y en el formulario introducir la dirección de la página necesaria. libre y de código abierto. esto puede realizarse utilizando servicios en la red gratis como el de W3C. usando el servicio del W3C. así como varias direcciones IP.w3. También puedes usar el siguiente Bookmarklet que facilita dicha tarea. es gratuito. necesitarás que Google y otros buscadores promocione tu sitio y te envíe los visitantes. te facilitarán toda la información necesaria. descárgalo en el siguiente link: Descargar FileZilla. . ¿Cómo validar las páginas web? Para validar una página puede acceder directamente al sitio del Validador HTML del W3C en:validator. Validar las paginas para comprobar que no poseen errores Después de comprobar que el sitio funciona correctamente se impondrá un requisito (opcional). Usando el mismo navegador web puedes subirlos si son pocos elementos.Servidores dedicados (Dedicated Servers) Es la solución perfecta. te recomiendo FileZilla. ¿Como subir las paginas o el sitio creado al servidor web? La carpeta a la que debes subir tus archivos puede ser nombrada: httpdocs. en caso de que existan errores mostrará el error y la línea de la página donde se encuentra. En todos los casos al otorgarte el servicio de hosting. β Validar HTML Permite validar el código fuente o HTML de una página. pero si hay varios archivos multimedia como imágenes. ¿Por qué validar las páginas? Si deseas que las páginas que has creado u otras que vayas a subir. lo ideal es instalar un software cliente FTP. Es la opción más cara. www o tambien public_htmldepende cual sea el servidor. En el informe que te devolverá el validador verás el resultado. Validar las paginas permite comprobar si estas poseen errores y si los hay cuales son. cada sitio dispone totalmente de todos los recursos de un equipo. Para eso es fundamental que tus páginas estén validadas correctamente. etc. esto significa que se muestran perfectamente en cualquier navegador web. Se tiene la opción de administrar totalmente el servidor. pero la más profesional. la validación. música. sean visitadas por diferentes usuarios y así compartir su contenido.