Listado de sitios web con plantillas CSS:

1. http://templatica.com/
2. http://www.themeflash.com/
3. www.solucija.com/free-templates
4. www.styleshout.com/free-templates.php
5. www.templatemo.com/page/1
6. www.opensourcetemplates.org
7. www.getcsstemplates.com
8. www.free-css-templates.com/css-templates
9. www.csstemplatesfree.org
10. www.csstemps.info/templates.php
11. www.freecsstemplates.org
12. www.my-free-css-templates.com/CSS_Templates/index.html
13. www.sixshootermedia.com/free-templates
14. mitchbryson.com/free-css-templates
15. templates.arcsin.se/category/website-templates
16. www.zeroweb.org
17. www.csstemplates.net
18. www.mycelly.com
19. www.freecsstemplate.net/free-css-templates.php
20. csscreme.com/freecsstemplates
21. openwebdesign.org
22. www.bestfreetemplates.info
23. www.templateworld.com/free_templates.html
24. ramblingsoul.com/downloads
25. www.spyka.net/web-templates
26. www.freetemplates4u.co.cc
27. www.cssdesigncenter.com
28. www.csstemplateheaven.com
29. www.freecssxhtmltemplates.com
30. www.infscripts.com
31. www.templatesrain.com/free-templates/css-templates
32. www.templateyes.com/css-templates.htm
33. www.atemplatefree.com
34. www.free-css-layouts.com/free-layouts
35. css4free.com
36. csstemplatesfree.net

Puesto que los distintos navegadores tienen atributos distintos para las diversas etiquetas HTML los diseñadores web suelen utilizar códigos reset que eliminan estas diferencias provocadas por la falta de definiciones en CSS. De modo que si se definen en este código, de un modo básico y general. Así, todos los atributos se definen para conseguir  igualar la lectura entre navegadores.

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {

margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: normal;
font-style: normal;
font-size: 100%;
font-family: inherit;
vertical-align: baseline
}

body {
line-height: 1
}

:focus {
outline: 0
}

ol, ul {
list-style: none
}

table {
border-collapse: collapse;
border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
content: “”
}

blockquote, q {
quotes: “” “”
}

input, textarea {
margin: 0;
padding: 0
}

hr {
margin: 0;
padding: 0;
border: 0;
color: #000;
background-color: #000;
height: 1px
}

La dirección de su web es http://vimeo.com/

http://www.illustrationclass.com/

Revista de diseño gráfico y multimedia on-line, que se adquiere desde su sitio web.

http://www.beliomagazine.com/

Creattica

http://creattica.com/
Creattica es una galería de imágenes de gran diseño y de inspiración. Cualquier persona puede presentar su trabajo para su consideración y votación de artículos está abierta a todos y cada uno. El mejor trabajo es aceptada y presentada en la galería, que recibe miles de visitantes cada día.

Para iniciar la presentación de su trabajo, simplemente crear una cuenta y después haga clic en Enviar. Peticiones tomar hasta unos pocos días a revisión en función del volumen de trabajo que venía pulgadas a votar sobre el trabajo de otras personas también necesitará una cuenta.

Esperamos que disfruten el sitio y encontrar la inspiración para hacer un trabajo brillante de su cuenta. Y cuando lo haga, no olvide que lo presente a creattica!

http://www.hamacaonline.net/

Textos de su web:

“HAMACA es una distribuidora de videoarte y artes electrónicas constituida por iniciativa de la AAVC (Asociació d’Artistes Visuals de Catalunya) y dirigida por YProductions. El nombre HAMACA responde al tipo de sistema operativo bajo el que pretendemos funcionar: ser una red horizontal unida por varios puntos. Nuestro objetivo principal es poder hacer llegar trabajos en formato vídeo a un gran número de personas o instituciones para facilitar de esta forma su difusión y visionado.

El catálogo de HAMACA comprende una selección de trabajos en video de diferentes artistas que ha sido confeccionado siguiendo las indicaciones de un comité de expertos en videoarte y media-art reunidos para tal efecto. Este catálogo contiene una variada selección de obras y abarca desde producciones históricas, obras en formato documental, obras de ficción animación etc., contando siempre con las propuestas más actuales y arriesgadas en videocreación.”

Culture Unplugged es un estudio de audiovisuales que además promueve video artes y cortos. Un espacio web muy artístico y contemporáneo con verdaderas obras video-artísticas.

Texto de su web:
“Cultura Unplugged ‘no es sólo un nombre de un estudio, es una misión – una visión y la aspiración de integrar distintas partes del yo y la sociedad humana mundial… En la actualidad, Cultura Unplugged esfuerzos se centran en permitir a las redes de contenido espiritual y socialmente consciente y sus creadores. Con presencia en la India, EE.UU., Reino Unido, Indonesia y Nueva Zelanda, nos dedicamos a traer las voces independientes auténticos / de las diversas culturas a un público mundial. Estamos comprometidos a contemplar y contribuir a nuestro personal, así como la necesidad espiritual colectiva de la época.
En resumen, Cultura Unplugged, por y para la comunidad mundial de narradores consciente, exploradores de la cultura y el mundo los ciudadanos a reflexionar sobre temas y experiencias de vida en el mundo contemporáneo
…
Nos estamos centrando en la producción digital de contenidos de alta definición. Nuestras producciones aspiran a ser de bajo costo y global, sin los límites preconcebidas sobre la forma o el volumen del contenido que se presenta la espiritualidad en el trabajo creativo. También invitamos a la colaboración a través de las fronteras a las producciones documentales sobre determinadas cuestiones sociales. Creemos en la la innovación a través de la subversión pacífica de los preceptos proverbial. Nosotros NO desea producir para llenar los espacios en los los medios de comunicación de canal, sino llenar los espacios dentro de nosotros.”
Culture Unplugged debutó en mayo de 2008 con nuestro primer festival de cine en línea. Hasta la fecha, hemos puesto en marcha 4 festivales.
…

The FWA: Favourite Website Awards

The FWA: Favourite Website Awards:  http://www.thefwa.com/ es uno de los sitios más importantes sobre diseño Web con Flash. Al rodar la rueda del ratón se van presentando nuevas páginas de un listado interminable. A la derecha aparece el enlace a la web que se pinche en las miniaturas de la izquierda.

Normalmente las páginas que presentan son muy pesadas y cuestan de descargar, asi que hay que tener una buena conexión a Internet.

Los diseños son espectaculares y siempre aparecen novedades técnicas y sistemas nuevos de explotación genial del medio.

Muy aconsejable para cualquier creativo digital, imprescindible  para diseñadores flash.

Información de Interés sobre Usabilidad:

- Estupendo tutorial en http://www.desarrolloweb.com/manuales/5/

- Blogs: http://usalo.es/ y http://www.maestrosdelweb.com

Información de Interés sobre Accesibilidad:

- Validadores de código: http://validator.w3.org/ y  http://www.tawdis.net/

TokyoLab

TokyoLab es una empresa de diseño japonesa de una gran calidad. Su web, http://www.wktokyolab.com es una muestra de ello. Fantástico diseño gráfico y página en Flash. Su menú inferior desplaza la página flash en horizontal, mostrando así las distintas secciones. El sonido (Hifana) es otro factor muy acertado.

Etoy.Share

Todo un proyecto artístico con forma de página web creado por artistas multimedia y del performance.

http://www.etoy.com

Por su conincidencia de nombre, tan similar a la tienda de juguetes eToys, tuvieron una guerra llamada Toywar, que generó montones de visitas al sitio web donde la guerra se vivia dia a dia. Hasta que en 200 la empresa de juguetes renunció y retiró la demanda contra el nombre etoy.com

Su página actual es muy compleja pero resume la historia de esta agrupación de artistas y es en ella donde podemos encontrar sus acciones, performance on-line y actuales eventos, por medio de su blog.

Etoy War

Etoy war

Etoy en Arco

http://www.etoy.com/blog/archive/2008/02/15/etoy-at-arco-08.html

my boyfriend came back from the war

Su web oficial: http://art.teleportacia.org/

y http://www.teleportacia.org/

Y desde sus web enlaza con un blog: http://frozen-niki.org/blog/ muy distinto a lo que conocemos como “blog”.

Obras artísticas que se basan en la web.

1. Mark Napier
2. Olia Lialina
3. Etoy

En algunas obras utiliza además la interactividad con el usuario.  El usuario debe interactuar con la obra.

Sus imágenes son así,  una reconstrucción o una destrucción, por medios informáticos. Sin duda, arte creado entre humanos y máquinas, unidos.

Su sitio web es: http://www.potatoland.org

Destacan los enlaces a Landfill, Feed y Shredder (Sherd) donde el usuario introduce una Url y la aplicación genera una imagen a partir de esa dirección web.

Al poner http://www.arteymultimedia.com  esta fué la imagen resultante:

Arteymultimedia

Sin duda una expresión de post-contemporaneidad,  futurista y sorprendente.

Otras obras del artista pueden verse en este sitio web, por ejemplo:

sunset Waiting room - Napier

Waiting room, 2002. Sunset.

barbie-napier

Barbie deconstruida de Napier

newcircles

Newcircles

Imprescindible para los creativos multimedia conocer esta revista digital.

computerarts.co.uk

http://www.computerarts.co.uk

Wyld Stallyons

Sitio Web: http://www.wyldstallyons.com

Como ellos mismos dicen en su presentación:

“Creadores de imágenes en movimiento para la música, la difusión y la publicidad.
Directamente,  captar la acción en vivo , escribir, producir efectos visuales y la gestión de proyectos.”

Una empresa de Artes multimedia, muy contemporánea y vanguardista pero unida a un mercado de trabajo.

Lo más importante son los Eventos de los que habla en el blog, los trabajos que presentan y sitios web que visitar. Muy importante visitar su Blog.

linkdup.com

Linkdup es un portal que presenta montones de páginas Web interesantes por sus ideas o sus diseños. Muchas de ellas creadas en Flash, son una excelente muestra de creatividad.
Este portal es de gran ayuda a los creativos que aprenden y conocen las últimas novedades en el campo del diseño Web. Puedes pasar horas mirando páginas, aunque no todas son buenas.

Hay una clasificación temática desde “Entire Database”.  Se puede acceder directamente a fotógrafos o artistas. Aconsejo poner en el buscador “stuio” o “Agency” para encontrar más páginas de Creadores Web.

Y por supuesto, también están los favoritos y los últimos añadidos.

http://www.linkdup.com/

Soleil Noir Studio inicio web

Una empresa con muchos talentos e ideas estupendas.  Su propia Web ya es una prueba de ello:  http://www.soleilnoir.net/

Aunque su sistema Flash no funciona con políticas de Accesibilidad.

Dominios y hostings

Son los requisitos necesarios para poder subir una página Web a Internet.
El dominio es el nombre de la página ; el “.com” o “.es” definido y comprado.
El hosting es el espacio donde se aloja la información digital de nuestro sitio Web.

Domino.  Sitios Web interesantes para comprar dominos y hostings:
-    http://www.piensasolutions.com
-    http://www.byethost.com
-    http://www.arsys.es

Sitios de venta de Dominios:

-   http://www.sedo.com/

-   http://www.domobay.com/

Engine Optimization, optimización para motores de búsqueda.

Son técnicas de creación web para mejorar el posicionamiento en los buscadores, de modo que nuestra página aparezca de las primeras en los resultados encontrados por un buscador como Google o Yahoo.

Un resumen de técnicas aportado por la Wikipedia:

1. Conseguir que otras webs de temática relacionada enlacen con tu web:
2. Darse de alta en directorios importantes como Dmoz, Yahoo!.
3. Registrarse y participar en foros, de preferencia en foros temáticos relacionados a la actividad de su página web.
4. Ahora mismo hay cientos de redes sociales, por ejemplo Hi5, Facebook, Orkut, entre cientos de comunidades en las cuales poder participar y obtener visitas de nuestros nuevos “amigos”.
5. Crear contenidos con textos que contienen frases con que buscan los usuarios web los servicios y/o productos de este sitio.
6. Hacer nuestra web lo más accesible posible: limitar contenido en flash, frames, javascript…
7. Crear títulos únicos y descripciones pertinentes del contenido de cada página.
8. Enlazar internamente las páginas de nuestro sitio de manera ordenada y clara.
9. Actualizar la página con contenido original de calidad.
10. Intercambio de contenido

Sitios Web dedicados a estas técnicas Seo:

- www.seoprofesional.com

Consejos de los Buscadores:

-  Google

- Yahoo

Destacadas:

1. Computer Arts

BLOGS
Los Blogs son gestores de contenido que un usuario puede registrar o descargar gratuitamente de Internet. Hoy en día, son una página web con un gestor de contenidos gratuitos, por lo que su crecimiento en la red ha sido rapidísimo. Son una revolución al  nivel de usuario porque permiten que cualquier persona pueda tener una página web propia gratuitamente y con la capacidad de editar sus contenidos. Los blogs significan el acceso a la publicación de contenidos del gran público.

Sitios Web de alojamiento gratuito de Blogs:

-    http://www.blogspot.com
-    http://www.wordpres.org
Hoy en día existen muchos sitios que también ofrecen la creación de un blog dentro de su espacio, pero los más famosos e importantes son los dos citados arriba.

Diseño web

Los contenidos creados para Internet necesitan unas características y lenguajes universales, usables y accesibles. De esto se encarga el Diseño de páginas Web, además de aportar diseño gráfico y diseño de interfaces a este medio de comunicación que crece con una velocidad y eficacia cada vez mayor.

Las páginas Web son un medio multimedia por su capacidad de unir distintos lenguajes o sistemas de comunicación.

Las páginas Web contienen:

-    Diseño gráfico y Marca

-    Información escrita

-    Fotografías, infografías, ilustraciones, etc como información visual o estética.

-    Audiovisuales, animaciones, sonidos y música.

-    Interactividad y contenidos dinámicos.

-    Espacios privados, gestores de contenidos, espacios de comunicación, comunidades de usuarios, etc.

-    Descarga de material digital.

-    Servicios administrativos.

Las siguientes áreas de conocimientos están también relacionados con el diseño Web. Se habla de ellas por separado por su creciente interés y desarrollo en el mundo creativo y de las nuevas tecnologías:

-    Usabilidad.

-    Accesibilidad.

-    Las técnicas SEO.

-    Los Blogs.

-    Las comunidades de usuarios.

-    El diseño tridimensional, los videojuegos y los sistemas de navegación 3D en Internet.

SITIOS WEB INTERESANTES

Información

• Las mejores páginas para descargar plantillas HTML con CSS y JS gratis!
• CÓDIGO RESET PARA DISEÑO WEB CON CSS
• Google Trends
• Usabilidad y Accesibilidad

Diseño gráfico

Se trata de una disciplina creativa y gráfica cuya misión es satisfacer las necesidades y objetivos de las empresas, instituciones o personas en la creación de una imagen corporativa, institucional o de Marca personal.
En el diseño gráfico los primeros elementos básicos son La Marca (Logotipo y pictograma) y la definición de una filosofía de empresa e imagen corporativa.

Elementos de diseño gráfico fundamentales:

-    Logotipo
-    Pictograma
-    Sistema de la Marca (reglas definidas – Manual corporativo)
-    Papelería corporativa
-    Packaging
-    Merchandising
-    Señalética

Otros elementos que desarrollan la imagen corporativa se basan en otros medios alejados del diseño gráfico. Así pues están los medios audiovisuales para elaborar anuncios publicitarios, la fotografía y la ilustración, como aliados del diseño, y las nuevas tecnologías como Internet o dispositivos móviles.