Web 101

Andrés Rosenberg @aarosenberg

Septiembre 2011

Implementación, Diseño y Redacción

¿Qué se necesita para crear un sitio web?

- Dominio: .cl (NIC), .com,…

- Hosting: BlueHost…

- Diseño: Photoshop, Illustrator, Templates…

- CMS (Gestor de Contenidos): Wordpress, Blogger, Joomla…

Editor de código: DW...

Dominio

.cl: Mayor visibilidad en Chile y constante identificación por parte del usuario

.com: Para páginas internacionales

Otras: .info, .net, .org…

Hosting

- Existen gratuitos y pagados- Almacenar y gestionar el sitio web- Ejemplo: BlueHost

Diseño

- Se puede usar un diseño propio (Photoshop, Illustrator) o ajeno (Templates)

- Tamaño estándar: 1024 x 768 px- Tipografías básicas (Arial, Verdana)…- Menos es más- CSS

HTML HyperText Markup Language

Código en base a <etiquetas>

Etiquetas Básicas:• <h1></h1> • <p> • <a href="">Link</a>• <img src=""/>• <div id="caja1"></div>• <div class="caja2"></div>

Redacción para Web – Estructuras Hipertextuales

• 1.1. Estructura Unilineal: como los cuentos. Gran parte de los relatos periodísticos son de esta forma

• 1.2. Estructura Multilineal:1.2.1. Estructura Arbórea1.2.2. Estructura Paralela

• 1.3. Estructura Reticular: se requieren al menos de tres nodos. Puede contener un número indeterminado de enlaces

Redacción para Web – Pirámide Invertida

- Se parte por lo más importante

- 5 W: Who, Why, What, Where, When

Ejemplo:

http://www.latercera.com/noticia/politica/2011/05/674-365875-9-ex-presidente-ricardo-lagos-asegura-que-proyecto-de-hidroaysen-es-necesario.shtml

Redacción para Web

- Uso de negrita, itálica…- Multimedia- 3era persona para informar- Escribir pensando en el SEO: Uso de keywords

(título, descripción, URL, Img), etc.- Redacción y ortografía impecable: corrección inmediata