Ir al contenido principal

Entradas

arquivos gráficos na Web.

.gif Éste es uno de los formatos más empleados en Internet. Obtiene archivos realmente pequeños, siempre que sean tonos de color continuo y áreas bien delimitadas. Por eso es ideal para gráficos e iconos, soportando un máximo de 256 colores. Esto hace que no sea adecuado para fotografías, que tienen millones de colores, y no tienen áreas de color continuas. Pero sí es apropiado para la mayor parte de las imágenes que habitualmente se utilizan. Es el mejor formato cuando las imágenes son de tipo texto y dibujos de líneas, ya que al descomprimirlas no perderán calidad, mientras que en el formato JPG los dibujos y, sobre todo, los textos, pierden resolución. Una ventaja de este formato es que permite presentar áreas transparentes. Esta característica es especialmente útil en Internet ya que ciertas imágenes, por ejemplo, retratos, se integran mejor en la página Web si el fondo de la imagen es del mismo color que el fondo de la página. Otra ventaja es la posibilidad de realiza

linguaxes. Resumo

Resumo linguaxes Web Páxinas dinámicas de cliente. Linguaxes Páxinas dinámicas do servidor. Linguaxes JavaScript Visual Basic Script (VBScript) CSS Flash (aínda que non é unha linguaxe) Java. Applets CGI. Perl ASP PHP JSP Java. Servlet Estándares Web: son patróns ou recomendacións que se utilizan nas webs para que as páxinas e documentos se poidan visualizar en calquera circunstancia, con calquera navegador. Son recomendacións que se elaboran no organismo World Wide Web Consortium. Estándar é o contrario de tecnoloxía propietaria, que é a que normalmente adopta unha grande compañía e non poden usala os demais, agás pagando polo seu uso. http://www.w3.org/TR/html401/ http://validator.w3.org/ http://jigsaw.w3.org/css-validator Guía breve sobre estándares web: http://www.w3c.es/divulgacion/guiasbreves/Estandares Estándares Web da W3 http://www.w3c.es/Presentaciones/2005/0314-estandares-JA/ Oficina

ideas básicas. World Wide Web

É un universo de "páxinas" relacionadas e enlazadas. Permite o acceso a todos os recursos de información dispoñibles mediante referencias cruzadas de información, e cada páxina web ten conexións que permiten acceder a outros sitios. Ao igual que Internet, é un sistema descentralizado. O seu funcionamento require: - un protocolo HTTP - un enderezo URL - unha linguaxe para representa-lo hipertexto. HTML . A Web caracterízase polo uso  de documentos de hipertexto que permite usa-los recursos dispoñibles e navegar polas distintas fontes de información mediante os enlaces/hiperenlaces ( links ). Ao que se engade o desenvolvemento de aplicacións clientes para todo tipo de plataformas e representar información multiformato, navegadores . Oa navegadores son programas que interpretan e traducen o HTML do documento que se atopa no servidor WWW para velo na pantalla do noso monitor. Un navegador permite usar a maioría dos servizos de Internet, a través dunha soa aplicación e

ideas básicas. Internet

É unha rede mundial de redes de ordenadores, a través dos que se comparte información e servizos. Conxunto de redes. Canle e sistema que abarca unha multitude de medios para comunicarse. Infraestructura de conexión e de comunicación.   É un descentralizado, arquitectura aberta. Funciona sobre os protocolos TCP,  que permite a conexión de todos os ordenadores, e IP, número que identifdica a cada ordenador. A súa estrutura está conformada por ordenadores locais , no que o usuario comeza a súa sesión de traballo e que usa para conectarse á rede, e os ordenadores remotos , que son cós que o usuario establece contacto a través da rede, aos que se solicita un servizo ou aos que se lle envía calquer tipo de información e que pode estar situado en calquer parte do mundo.

tendencias tecnológicas para 2013

Percorrido por algunhas das tendencias para este ano, cunha visualización das propostas interesante, aínda que non sei se é moi doado o seu uso. http://designmind.frogdesign.com/blog/20-tech-trends-for-2013.html Sitio do deseñador británico David McCandless, xornalista de datos, deseñador de información e algo máis. Formas e cores, pouco texto, é a súa linguaxe visual. Interesante a exploración das súas propostas. http://www.davidmccandless.com/  http://www.informationisbeautiful.net/

the Anatomy of an Effective Web Design

Infografía en inglés que recolle as características básicas do deseño web efectivo.

estrutura dunha páxina

A imaxe recolle os distintos apartados dunha páxina con HTML 5. Unha estrutura coa que se vai traballar nas clases.

arquitectura

Unha URL interesante con recursos, estándares, programas, aplicacións, etcétera en forma de mapa conceptual, elaborado polo profesor catalán Lluís Codina http://www.mindomo.com/es/view.htm?m=9aab0edfbe3a4a939ee2eef58dc1e578

deseño que reacciona

Fálase últimamente de deseño web receptivo, sensible, que reacciona... antes era deseño líquido, dinámico, adaptable...  na procura dun deseño flexible e axustable á experiencia do usuario nun entorno no que, en principio, cada internauta xoga con ferramentas, aplicacións, aparellos, navegadores, etcétera distintos. Estamos fronte un espazo cambiante que non se suxeita ás dimensións e formatos que presenta o medio impreso. Unha das primeiras persoas en falar dun Deseño Web Reaccionante ou Responsive Web Design (tradución moi libre) foi o programador Ethan Marcote, en: http://alistapart.com/article/responsive-web-design En español, traducido por Marcelo Mazza http://diseñowebresponsivo.com.ar/ Algo máis sobre o asunto: Introducción al Diseño Web Adaptable, por Juan Díaz-Bustamante http://www.emenia.es/diseno-web-adaptable-o-responsive-web-design/ Diseño Web Adaptable https://developer.mozilla.org/es/docs/Desarrollo_Web/Web_adaptable Responsive Web Design I

fases do Traballo

Proceso de trabajo. Fases. Ciclo de vida del desarrollo web Fuentes: Hassan, Yusef; Francisco J. Martín Fernández e Ghzala Iazza . “Diseño Web Centrado en el Usuario: usabilidad y arquitectura de la información” [en liña]. Hipertex t.net, 2004. < http://www.hipertext.net/web/pag206.htm > Lamarca Puente, María Jesús. “El nuevo concepto de documento en la cultura de la imagen” [en liña]. Hipertexto , 2011 (última actualización). < http://www.hipertexto.info/ > McIntire, Penny: Técnicas innovadores de diseño Web , Madrid, Anaya Multimedia,(as 4 imaxes incluidas pertencen a este libro).

deseño_tecnoloxía

Tecnología Problema general -          visualización del color y la fuente: navegadores, monitores, sistemas -          resolución pantallas -          ajustes monitores Tecnologías cliente: - Navegadores Validación sitios herramientas W3C. Probar sitios con navegadores y sistemas operativos. Intentar saber el público objetivo como funciona - HTML, que ya está en la versión HTML5 (Para ver código HTML de la página, pulsamos en el botón derecho en la página y seleccionamos Ver código fuente) - Hojas de Estilo en Cascada (CSS) - Lenguajes de scripts: JavaScript y Microsoft VBSript - Adobe Flash y otros programas como: - Multimedia: o        vídeo, audio. Nunca reproducción automática o        Audio (MIDI, WA, MP3, ogg, etc.) o        Video (AVI, MPEG, MOV-quickTime, etc.) o        imágenes, Gif, JPEG, PNG, SVG (Gráficos Vectoriales Escalables) http://w3c.es/Divulgacion/GuiasBreves/TecnologiasMultimedia Los archivos: tipos, extensiones y programas pa