Elaboración de Páginas Web

Bienvenido eres el visitante nº

Hacer una página web no es una tarea para "iniciadas/os", resulta mucho más sencillo de lo que parece y no requiere herramientas caras o complicadas. En este texto se plantean los pasos básicos para crear una web.

Bastan un procesador de textos (OpenOffice, y Mozilla como navegador). Ambos programas son de Software Libre y puedes bajartelos de manera gratuita desde la red.

Para elaborar una página Web, hay muchos programas, pero yo te recomiendo para empezar el "Front Page" de Microsoft, que viene con el Office.

Para saber utilizar este programa al máximo, acá te dejo unas excelentes webs que lo enseñan y de muy buena forma:

http://www.aulafacil.com/FrontPage/Lecc-1.htm

http://www.programatium.com/frontpage2.htm

http://manuales.astalaweb.com/Manuales/Frontpage.asp

Programa sencillo para programar en HTML

Vamos a poner un enlace a un programa muy sencillo que nos ayudará.

Trasteando con él vemos que es parecido a los programas office.,

Búsqueda personalizada

Etiquetas básicas del html

<HTML>: indica el comienzo del documento HTML.

<HEAD>: indica que empieza la cabecera de la página. En ella se suele poner el título (<title>) de la web, una descripción y otras informaciones relacionadas con el contenido de la página.

<BODY>: es el cuerpo de la página, donde va lo que se ve en el navegador al cargar una web. En el body van los textos, las imágenes y todos los contenidos de la web.

<H1>, <H2>, etc.: son los títulos o encabezados. Se utilizan para establecer determinados textos de la página como titulares, suelen tener un tamaño de fuente mayor para diferenciarlos del resto del texto. Son importantes en el posicionamiento en buscadores.

<A>: define los enlaces.

<TABLE>: es una tabla, y dentro de esta tenemos filas <TR> y celdas <TD>.

<P>: el texto dentro de esta etiqueta forma un párrafo.

<IMG>: imágenes.

<BR>: salto de línea.

<UL>: los textos dentro de esta etiqueta se estructuran en listas. Mediante el uso de <LI> definimos cada guión dentro de la lista, y usando <OL> en lugar de <UL> tendremos listas ordenadas.

<B> y <STRONG>: se utilizan para resaltar el texto.

<U>: texto subrayado.

<I>: texto en cursiva.

En la Webera nos dan unas nociones más amplias. Aquí.

¿Donde Alojar nuestra página WEB?

En la Webera hacen un estudio comparativo de una serie de servidores sus ventajas es inconvenientes. Los resultados los tenemos en el siguiente enlace: (Hostings).

Cómo hacer presupuestos para Diseño Web

Determina tu salario por hora.

Es importante determinar un salario por hora, para esto existe esta simple fórmula.

(Costos + Salario) ÷ Horas trabajadas por año = Salario por hora

Para usar esta fórmula por ejemplo si tu quieres ganar $60,000 dólares al año, y gastas $10,000 al año por ejemplo en hosting, stock de fotografías y videos, fuentes, etc., y trabajas normalmente 40 horas semanales (2,000 horas al año), entonces tu salario por hora debe ser de (10,000 + 60,000) ÷ 2,000 = $35/hr. esto es lo que debes usar cómo guía para fijar los precios de los proyectos.

Fija tus precios base para determinados tipos de proyecto

Por ejemplo si eres un diseñador web que ofreces los servicios de diseño y codificación, tu lista de servicios sería algo parecida a esta:

Diseño de Logotipo

Diseño de sitio web (diseño solamente en formato .psd)

Diseño de sitio web (diseño + codificación en xHTML+CSS, menos de 7 páginas)

Creación de un skin ara un foro (diseño solamente en formato .psd)

Diseño de blog (diseño + codificación en un theme de WordPress)

Ahora que tenemos nuestra lista de servicios, debemos determinar un nivel de complejidad para cada uno, que puede ir desde 1 hasta 5 para el más complejo, si para ti es más fácil diseñar un logotipo puedes asignarle un 1 (1.1) en el nivel de complejidad y si hacer un theme de wordpress es más difícil puedes asignarle un 5 (1.5). La fórmula es la siguiente:

(Salario por hora x Tiempo estimado para terminar) x nivel de complejidad = Precio base

Por ejemplo vamos a crear el diseño de un sitio web + la codificación. El nivel de complejidad vamos a ponerlo en 3. Esto quedaría así: ($35 x 15 horas) x 1.3 = $682.5. Ahora solo tenemos que redondear la cantidad por ejemplo %650 está bien.

Fijar precios para características adicionales

Lecciones

sobre