Web rosenberg
-
Upload
andres-rosenberg -
Category
Documents
-
view
332 -
download
1
Transcript of Web rosenberg
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