Web rosenberg

11
Web 101 Andrés Rosenberg @aarosenberg Septiembre 2011 Implementación, Diseño y Redacció

Transcript of Web rosenberg

Page 1: Web rosenberg

Web 101

Andrés Rosenberg @aarosenberg

Septiembre 2011

Implementación, Diseño y Redacción

Page 2: Web rosenberg

¿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...

Page 3: Web rosenberg

Dominio

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

.com: Para páginas internacionales

Otras: .info, .net, .org…

Page 4: Web rosenberg

Hosting

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

Page 5: Web rosenberg
Page 6: Web rosenberg

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

Page 7: Web rosenberg

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>

Page 8: Web rosenberg

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

Page 9: Web rosenberg

Redacción para Web – Pirámide Invertida

- Se parte por lo más importante

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

Page 11: Web rosenberg

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