El documento presenta una introducción a las tecnologías de la información y la comunicación (TIC). Explica que las TIC se refieren al almacenamiento, procesamiento, transmisión, síntesis, recuperación y presentación de información. Luego enumera algunas ventajas y desventajas del uso de las TIC, como la capacidad de trabajar en grupo pero también el riesgo de volverse perezoso. Finalmente, muestra gráficas sobre el crecimiento del uso de la televisión, la radio, las computadoras y las TIC a lo largo
Kick-off Vortrag DoSchu für das "Social Media SummerCamp" August 2014 @ allynet Coworking München #smsc14 :: Prezi Präsentation siehe https://prezi.com/user/DoSchu/
Este documento explica los diferentes elementos que componen la plataforma virtual de la Universidad Autónoma de Sinaloa. La plataforma contiene una cabecera con el logo de la universidad, nombre de usuario y botón de salida. En el centro se encuentran los bloques semanales con las actividades y lecciones. La columna derecha incluye un calendario, novedades, usuarios en línea y cursos del semestre.
Los repositorios de información almacenan y organizan diferentes tipos de contenido digital como documentos, videos y otros archivos para su fácil acceso y recuperación. Algunos ejemplos son los repositorios de documentos que almacenan archivos de texto, imágenes y hojas de cálculo, y los repositorios de videos que almacenan archivos de video para su visualización y distribución.
Este documento resume un viaje por diferentes regiones de España entre el 3 y 9 de julio. Incluye descripciones breves de lugares visitados como ciudades, monumentos y atracciones en Galicia, Aragón, País Vasco, Andalucía, Cataluña, Navarra y Murcia. Destaca la rica gastronomía, arquitectura y paisajes de cada región. El viajero concluye que la experiencia en España fue increíble gracias a la comida y arquitectura.
La memoria es la capacidad de recordar hechos y eventos pasados. Tiene tres funciones principales: recoger información, organizarla y recuperarla. Existen diferentes tipos de memoria clasificados por su duración, como la memoria sensorial de corta duración, la memoria inmediata de menos de un minuto, la memoria reciente de minutos a semanas, y la memoria remota que puede durar toda la vida.
Zamora se encuentra en el noroeste de España. Su catedral románica del siglo XII destaca, junto con otras 22 iglesias románicas y el castillo. La ciudad es conocida por su Semana Santa, gastronomía como el pincho moruno y queso zamorano, y por ser el escenario de la traición de Bellido Dolfos al rey Sancho II que dio origen al reino de Zamora.
El documento presenta una introducción a las tecnologías de la información y la comunicación (TIC). Explica que las TIC se refieren al almacenamiento, procesamiento, transmisión, síntesis, recuperación y presentación de información. Luego enumera algunas ventajas y desventajas del uso de las TIC, como la capacidad de trabajar en grupo pero también el riesgo de volverse perezoso. Finalmente, muestra gráficas sobre el crecimiento del uso de la televisión, la radio, las computadoras y las TIC a lo largo
Kick-off Vortrag DoSchu für das "Social Media SummerCamp" August 2014 @ allynet Coworking München #smsc14 :: Prezi Präsentation siehe https://prezi.com/user/DoSchu/
Este documento explica los diferentes elementos que componen la plataforma virtual de la Universidad Autónoma de Sinaloa. La plataforma contiene una cabecera con el logo de la universidad, nombre de usuario y botón de salida. En el centro se encuentran los bloques semanales con las actividades y lecciones. La columna derecha incluye un calendario, novedades, usuarios en línea y cursos del semestre.
Los repositorios de información almacenan y organizan diferentes tipos de contenido digital como documentos, videos y otros archivos para su fácil acceso y recuperación. Algunos ejemplos son los repositorios de documentos que almacenan archivos de texto, imágenes y hojas de cálculo, y los repositorios de videos que almacenan archivos de video para su visualización y distribución.
Este documento resume un viaje por diferentes regiones de España entre el 3 y 9 de julio. Incluye descripciones breves de lugares visitados como ciudades, monumentos y atracciones en Galicia, Aragón, País Vasco, Andalucía, Cataluña, Navarra y Murcia. Destaca la rica gastronomía, arquitectura y paisajes de cada región. El viajero concluye que la experiencia en España fue increíble gracias a la comida y arquitectura.
La memoria es la capacidad de recordar hechos y eventos pasados. Tiene tres funciones principales: recoger información, organizarla y recuperarla. Existen diferentes tipos de memoria clasificados por su duración, como la memoria sensorial de corta duración, la memoria inmediata de menos de un minuto, la memoria reciente de minutos a semanas, y la memoria remota que puede durar toda la vida.
Zamora se encuentra en el noroeste de España. Su catedral románica del siglo XII destaca, junto con otras 22 iglesias románicas y el castillo. La ciudad es conocida por su Semana Santa, gastronomía como el pincho moruno y queso zamorano, y por ser el escenario de la traición de Bellido Dolfos al rey Sancho II que dio origen al reino de Zamora.
El documento presenta una comparación de los métodos de conocimiento de la ciencia, religión y filosofía. La ciencia se basa en pruebas y evidencias, la religión en la fe y creencia en Dios, y la filosofía en el estudio y reconocimiento del sentido de todo ser. Además, menciona a dos filósofos importantes de la antigua Grecia, Aristóteles y Platón, y describe la estructura básica del actuar humano como experimentar, entender, juzgar, decidir y actuar.
Spanisch und Wassersportcamp in Spanien für Jugendliche und junge Studenten im Alter zwischen 14 und 17 Jahren kombiniert Spanisch Kurse mit Segeln oder Surfen, plus Exkursionen und Ausflüge.
ESTE ES UN DOCUMENTO COMO UN APORTE A LA ENSEÑANZA DE MECANICA AUTOMOTRIZ BASICA POR LOS ESTUDIANTES DEL PRIMER AÑO DE BACHILLERATO "G" DEL INSTITUTO TECNOLOGICO SUPERIOR CARLOS CISNEROS DE RIOBAMBA ECUADOR
El documento ofrece asesoría en planeación estratégica de mercadotecnia, posicionamiento de marca, imagen corporativa y desarrollo de habilidades comerciales. Cubre temas como análisis de planeación de productos, estrategias de precio y publicidad, segmentación de mercados, impacto de la marca, establecimiento de imagen sólida, y desarrollo de valores del equipo para atraer, atender, complacer y satisfacer clientes.
Núcleo celular células hela teñidas mediantes la tinción de hoechsttkdennis
El documento describe la estructura y función del núcleo celular. El núcleo está rodeado por una envoltura nuclear doble que contiene poros que permiten el paso de moléculas. Dentro del núcleo se encuentra ADN organizado en cromosomas, y también estructuras como el nucléolo que sintetiza ribosomas. El núcleo mantiene la integridad del material genético y controla la expresión génica de la célula.
Los perros son uno de los animales domésticos más antiguos y mejor amigo del hombre. Han sido domesticados a partir de lobos y viven en promedio 15 años. Son animales muy sociales que aprenden normas sociales de sus padres y a interactuar bien con otros perros y humanos. A pesar de ser miembros queridos de muchas familias, miles de perros son asesinados cada año para ser comidos en algunos países.
La casa de la muerte era custodiada por un guardián llamado Ares que mataba a cualquiera que se acercara, ya sea quemándolos vivos o de otra forma, provocando gritos y ruidos por las noches. Aunque los pobladores intentaron quemar la casa, el guardián los mataba. Eventualmente, un grupo de hombres logró matar al guardián Ares, pero la casa y lo que pasó en ella permanecieron como un misterio.
Los vegetales de colores rojo, amarillo, naranja o verde como los tomates, sandía y pomelo son aliados del corazón ya que contienen sustancias como el licopeno que combaten problemas cardíacos y cáncer. Estos alimentos también ayudan a reducir el colesterol y evitar la formación de coágulos sanguíneos. Se deben limitar las grasas saturadas de productos como el chocolate y coco, así como los aceites de palma y coco.
Estimado médico, el Laboratorio Médico del Chopo pone a su disposición su nueva App Mobile para dispositivos iOS disponible de forma gratuita en App Store.
En esta aplicación, usted podrá consultar los resultados de sus pacientes, la ubicación de las sucursales por región y por geolocalización.
Quién dijo miedo - publicado en ‘Puzzles sin guión’ el 19 de mayo de 2012Kika Fumero
Este documento narra la historia de Eva, una activista lesbiana y profesora que lucha por la visibilidad de la diversidad afectivo-sexual. Durante un curso sobre educación en la diversidad, Eva reflexiona sobre cómo combinar su vida política con su identidad lesbiana. Más tarde, el autor descubre que Eva se ha presentado como candidata número uno de Izquierda Unida en Aranjuez, convirtiéndose en un referente político para la comunidad lesbiana.
La cultura Mochica se desarrolló entre los siglos I y VII d.C. en los valles de Chicama, Moche y Virú al norte de Perú. Dominaron el desierto mediante complejos sistemas de irrigación que les permitieron desarrollar una agricultura próspera y una avanzada civilización. Dejaron impresionantes obras arquitectónicas, cerámica escultórica y metalurgia. El Señor de Sipán, descubierto en 1987, era un gobernante Mochica que usaba ornamentos y vestiment
Neue Ausgabe 02 / 2014 jetzt kostenfrei herunterladen!
„Kanban in Projekten“, „Backlog Refinement – das Requirement Engineering der agilen Produktverantwortlichen“, „Einflüsse von User Story Qualität auf den Scrumprozess“, u.v.m. – in den vielseitigen Artikeln dieser Ausgabe beleuchten Experten der Szene u.a. verschiedene Ansätze des agilen Projektmanagements in der Softwareentwicklung.
Neben dem Schwerpunktthema der Ausgabe haben wir unseren Blick natürlich auch wieder auf andere aktuelle Themen im E-Commerce, Online-Marketing, E-Recht und Webentwicklung gerichtet. In weiteren Artikeln befassen sich Experten – u. a. von ibi Research, ECC Köln, Händlerbund, eRecht24, u. v. m. – mit den Themen „Erlebnisse im Onlinehandel“, „Do’s und Dont’s beim Linkaufbau für Online-Shops“, „Shop-Optimierung“, „Mobile Websites vs. Responsive Design“, „Anbindung an Marktplätze“ und „Vergleichsportale von Online-Shops“ und geben einen Einblick in das Handelsszenario 2020. Darüber hinaus wird das Thema „Datenschutz und Datensicherheit im E-Commerce“ mit besonderem Augenmerk behandelt.
Este documento es la autobiografía tecnológica de Ana Alonso Rábago. Resume su experiencia con la tecnología desde su nacimiento hasta la actualidad, incluyendo su primer contacto con la ecografía, la televisión con solo dos canales, las cámaras de carrete que requerían revelado, los primeros ordenadores grandes con disquetes, los teléfonos móviles iniciales con necesidad de localización, las primeras videoconsolas como la Nintendo 64, los reproductores de música como los walkman y discman, y los
Internet se originó hace más de 25 años como un proyecto militar de investigación en redes de conmutación de paquetes. La idea era desarrollar una red que permitiera que la información llegara a su destino aunque parte de la red estuviera destruida. Esto se logró mediante la nueva tecnología de conmutación de paquetes, que fragmenta la información en paquetes de longitud fija con códigos de control para enrutarlos de forma fiable e independiente de fallas en la red.
8b edward ricardo herrera muños anderson franco la evolucion de la in...Daniel Herrera
El documento resume la evolución de Internet desde sus orígenes como proyecto militar estadounidense en la década de 1960 hasta la actualidad. Explica las características principales de la Web 1.0, Web 2.0 y Web 3.0, así como los beneficios de Internet como la comunicación y los servicios online. También menciona algunos aspectos negativos como la ciberdelincuencia y la necesidad de una ética de la información.
El padre Almeida tenía la costumbre de escaparse de la iglesia todas las tardes para ir a las cantinas, donde tocaba la guitarra y celebraba fiestas hasta muy tarde. Los aldeanos decidieron tenderle una trampa poniendo un muñeco idéntico a él en un ataúd para asustarlo y hacer que deje de beber; cuando el padre vio el ataúd, se asustó tanto que dejó la borrachera para siempre y pidió perdón en la iglesia por su comportamiento.
El documento proporciona información sobre varios sitios web gubernamentales colombianos relacionados con certificaciones, trámites y servicios. Resume los propósitos, ventajas y casos en los que se recomendarían sitios como el INVIMA para certificaciones de alimentos, el DAS para certificados judiciales, el Ministerio de Transporte para trámites de licencias de conducir, y el Sena Virtual para cursos de capacitación en línea.
El documento presenta una comparación de los métodos de conocimiento de la ciencia, religión y filosofía. La ciencia se basa en pruebas y evidencias, la religión en la fe y creencia en Dios, y la filosofía en el estudio y reconocimiento del sentido de todo ser. Además, menciona a dos filósofos importantes de la antigua Grecia, Aristóteles y Platón, y describe la estructura básica del actuar humano como experimentar, entender, juzgar, decidir y actuar.
Spanisch und Wassersportcamp in Spanien für Jugendliche und junge Studenten im Alter zwischen 14 und 17 Jahren kombiniert Spanisch Kurse mit Segeln oder Surfen, plus Exkursionen und Ausflüge.
ESTE ES UN DOCUMENTO COMO UN APORTE A LA ENSEÑANZA DE MECANICA AUTOMOTRIZ BASICA POR LOS ESTUDIANTES DEL PRIMER AÑO DE BACHILLERATO "G" DEL INSTITUTO TECNOLOGICO SUPERIOR CARLOS CISNEROS DE RIOBAMBA ECUADOR
El documento ofrece asesoría en planeación estratégica de mercadotecnia, posicionamiento de marca, imagen corporativa y desarrollo de habilidades comerciales. Cubre temas como análisis de planeación de productos, estrategias de precio y publicidad, segmentación de mercados, impacto de la marca, establecimiento de imagen sólida, y desarrollo de valores del equipo para atraer, atender, complacer y satisfacer clientes.
Núcleo celular células hela teñidas mediantes la tinción de hoechsttkdennis
El documento describe la estructura y función del núcleo celular. El núcleo está rodeado por una envoltura nuclear doble que contiene poros que permiten el paso de moléculas. Dentro del núcleo se encuentra ADN organizado en cromosomas, y también estructuras como el nucléolo que sintetiza ribosomas. El núcleo mantiene la integridad del material genético y controla la expresión génica de la célula.
Los perros son uno de los animales domésticos más antiguos y mejor amigo del hombre. Han sido domesticados a partir de lobos y viven en promedio 15 años. Son animales muy sociales que aprenden normas sociales de sus padres y a interactuar bien con otros perros y humanos. A pesar de ser miembros queridos de muchas familias, miles de perros son asesinados cada año para ser comidos en algunos países.
La casa de la muerte era custodiada por un guardián llamado Ares que mataba a cualquiera que se acercara, ya sea quemándolos vivos o de otra forma, provocando gritos y ruidos por las noches. Aunque los pobladores intentaron quemar la casa, el guardián los mataba. Eventualmente, un grupo de hombres logró matar al guardián Ares, pero la casa y lo que pasó en ella permanecieron como un misterio.
Los vegetales de colores rojo, amarillo, naranja o verde como los tomates, sandía y pomelo son aliados del corazón ya que contienen sustancias como el licopeno que combaten problemas cardíacos y cáncer. Estos alimentos también ayudan a reducir el colesterol y evitar la formación de coágulos sanguíneos. Se deben limitar las grasas saturadas de productos como el chocolate y coco, así como los aceites de palma y coco.
Estimado médico, el Laboratorio Médico del Chopo pone a su disposición su nueva App Mobile para dispositivos iOS disponible de forma gratuita en App Store.
En esta aplicación, usted podrá consultar los resultados de sus pacientes, la ubicación de las sucursales por región y por geolocalización.
Quién dijo miedo - publicado en ‘Puzzles sin guión’ el 19 de mayo de 2012Kika Fumero
Este documento narra la historia de Eva, una activista lesbiana y profesora que lucha por la visibilidad de la diversidad afectivo-sexual. Durante un curso sobre educación en la diversidad, Eva reflexiona sobre cómo combinar su vida política con su identidad lesbiana. Más tarde, el autor descubre que Eva se ha presentado como candidata número uno de Izquierda Unida en Aranjuez, convirtiéndose en un referente político para la comunidad lesbiana.
La cultura Mochica se desarrolló entre los siglos I y VII d.C. en los valles de Chicama, Moche y Virú al norte de Perú. Dominaron el desierto mediante complejos sistemas de irrigación que les permitieron desarrollar una agricultura próspera y una avanzada civilización. Dejaron impresionantes obras arquitectónicas, cerámica escultórica y metalurgia. El Señor de Sipán, descubierto en 1987, era un gobernante Mochica que usaba ornamentos y vestiment
Neue Ausgabe 02 / 2014 jetzt kostenfrei herunterladen!
„Kanban in Projekten“, „Backlog Refinement – das Requirement Engineering der agilen Produktverantwortlichen“, „Einflüsse von User Story Qualität auf den Scrumprozess“, u.v.m. – in den vielseitigen Artikeln dieser Ausgabe beleuchten Experten der Szene u.a. verschiedene Ansätze des agilen Projektmanagements in der Softwareentwicklung.
Neben dem Schwerpunktthema der Ausgabe haben wir unseren Blick natürlich auch wieder auf andere aktuelle Themen im E-Commerce, Online-Marketing, E-Recht und Webentwicklung gerichtet. In weiteren Artikeln befassen sich Experten – u. a. von ibi Research, ECC Köln, Händlerbund, eRecht24, u. v. m. – mit den Themen „Erlebnisse im Onlinehandel“, „Do’s und Dont’s beim Linkaufbau für Online-Shops“, „Shop-Optimierung“, „Mobile Websites vs. Responsive Design“, „Anbindung an Marktplätze“ und „Vergleichsportale von Online-Shops“ und geben einen Einblick in das Handelsszenario 2020. Darüber hinaus wird das Thema „Datenschutz und Datensicherheit im E-Commerce“ mit besonderem Augenmerk behandelt.
Este documento es la autobiografía tecnológica de Ana Alonso Rábago. Resume su experiencia con la tecnología desde su nacimiento hasta la actualidad, incluyendo su primer contacto con la ecografía, la televisión con solo dos canales, las cámaras de carrete que requerían revelado, los primeros ordenadores grandes con disquetes, los teléfonos móviles iniciales con necesidad de localización, las primeras videoconsolas como la Nintendo 64, los reproductores de música como los walkman y discman, y los
Internet se originó hace más de 25 años como un proyecto militar de investigación en redes de conmutación de paquetes. La idea era desarrollar una red que permitiera que la información llegara a su destino aunque parte de la red estuviera destruida. Esto se logró mediante la nueva tecnología de conmutación de paquetes, que fragmenta la información en paquetes de longitud fija con códigos de control para enrutarlos de forma fiable e independiente de fallas en la red.
8b edward ricardo herrera muños anderson franco la evolucion de la in...Daniel Herrera
El documento resume la evolución de Internet desde sus orígenes como proyecto militar estadounidense en la década de 1960 hasta la actualidad. Explica las características principales de la Web 1.0, Web 2.0 y Web 3.0, así como los beneficios de Internet como la comunicación y los servicios online. También menciona algunos aspectos negativos como la ciberdelincuencia y la necesidad de una ética de la información.
El padre Almeida tenía la costumbre de escaparse de la iglesia todas las tardes para ir a las cantinas, donde tocaba la guitarra y celebraba fiestas hasta muy tarde. Los aldeanos decidieron tenderle una trampa poniendo un muñeco idéntico a él en un ataúd para asustarlo y hacer que deje de beber; cuando el padre vio el ataúd, se asustó tanto que dejó la borrachera para siempre y pidió perdón en la iglesia por su comportamiento.
El documento proporciona información sobre varios sitios web gubernamentales colombianos relacionados con certificaciones, trámites y servicios. Resume los propósitos, ventajas y casos en los que se recomendarían sitios como el INVIMA para certificaciones de alimentos, el DAS para certificados judiciales, el Ministerio de Transporte para trámites de licencias de conducir, y el Sena Virtual para cursos de capacitación en línea.
Wir brauchen einen neuen Workflow. Die getrennte Arbeit von Designern und Frontendentwicklern geht an der Realität vorbei. Heute müssen sich Webseiten ihrer Umgebung noch stärker anpassen, als sie es grundsätzlich sollten. Das erzeugt technische und designerische Probleme. Beide sollten zusammen gelöst werden.
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)denkwerk GmbH
Das Whitepaper gibt einen Überblick über Chancen und Herausforderungen bei der Einführung von Reponsive Webdesign. Welche Möglichkeiten bringt die Anpassung eines Webauftritts an verschiedene Endgeräte mit sich? Wie kann ein einheitliches Nutzererlebnis geschaffen werden? Welche Besonderheiten bringen die einzelnen Projektphasen mit sich?
Responsive Webdesign ist grad der heiße Scheiß, allerdings ist Responsive Webdesign mehr, als eine Desktopwebsite in eine mobile Ansicht zu quetschen. Es muss ein neuer Prozess her. Der alte Workflow "Auftrag bekommen > Recherche > Design erstellen > Abnahme > Design umsetzen" funktioniert so nicht mehr. Im Responsive-Webdesign-Prozess müssen alle Beteiligten eines Webprojekts von der ersten Sekunde an enger zusammenarbeiten. Zudem müssen frühzeitige und häufige Testphasen und Implementierungsstrategien gefunden werden.
Am 6. November durfte ich am Frankfurter SAE-Institut den Studenten etwas über die Praxis der Webentwicklung erzählen. Ich habe einen großen Bogen gespannt, von der grundsätzlichen Natur des Internet über Detailprobleme bis zur Barrierefreiheit. Der Vortrag dauerte dreieinhalb Stunden.
Workshop auf der Jahrestagung 2014 des Bundesverbands Hochschulkommunikation in Konstanz, am 25.9.2014.
Immer mehr Menschen sind unterwegs online. Muss deshalb jedes digitale Angebot auch mobil nutzbar sein? Langfristig: Ja! Mittel- und kurzfristig wäre es zwar wünschenswert, ist aber in vielen Hochschulen unrealistisch. Denn wer seinen letzten Website-Relaunch 2012 ins Netz gestellt hat, hatte das Thema bei Projektstart noch nicht auf dem Schirm. Heute bringt der massive Ruf nach „Mobilmachung“ viele Kommunikationsabteilungen unter Zugzwang. Was tun, wenn keine Mittel für einen erneuten Relaunch vorhanden sind? Wenn zudem die IT-Abteilung meldet, dass die technischen Grundlagen für responsives Design nicht gegeben sind? In unserem Workshop möchten wir verschiedene Wege zum mobilen Internetangebot vorstellen und miteinander vergleichen. Wir zeigen gelungene Beispiel und geben einen kurzen Einblick in die technischen Grundlagen, ohne zu sehr ins Detail zu gehen. Und wir diskutieren das Für und Wider pragmatischer Übergangslösungen.
Bootstrap ist ein Open-Source-Framework von Twitter, das eine Reihe von Hilfsmitteln für die Gestaltung von Websites und Webanwendungen bereitstellt. Die Gestaltungsvorlagen basieren auf HTML und CSS und beinhalten Formulare, Buttons, Tabellen und viele andere Oberflächenelemente. Dieser Vortrag gibt eine Einführung und weitere wertvolle Tipps aus der Praxis.
Vortrag von Marcus Flatten auf der Jahrestagung des Bundesverbands Hochschulkommunikation am 27. September in Dresden.
Ob Sie einen Relaunch planen oder eine Microsite – im Zeitalter des Web 2.0 gewinnt die klassische Website sogar noch an Bedeutung. Als zentrale Plattform soll sie eine Vielzahl von Kommunikationskanälen bündeln, Orientierung bieten und die Marke repräsentieren. Viele Entscheidungen sind zu treffen: Auf welchem Weg sollen welche Inhalte transportiert werden? Wie interaktiv muss eine Website sein, wenn es einen Facebook-Auftritt gibt? Was sollen Nutzer mobiler Endgeräte sehen und tun können, wenn sie die Website aufrufen?
Im Workshop durchlaufen wir gemeinsam verschiedene Phasen von Website-Projekten: Konzeption, Umgang mit Dienstleistern, Projektmanagement, Erfolgskontrolle. Wir sprechen über Trends, Erfolgsfaktoren und Fallstricke. Ich würde mich freuen, wenn Teilnehmer von ihren Erfahrungen berichten und eigene Beispiele mitbringen oder mir vorab zusenden. Der Workshop richtet sich an alle, die bereits an Website-Projekten beteiligt waren oder diese Aufgabe auf sich zukommen sehen.
Webdesign Trends Teil 02 - Wie gestaltet man eine Webseitechrisign gmbh
Präsentation Design Trends im Web 2015 vom 27.10.2014, chrisign gmbh, Weinfelden.
Teil 02 - Wie gestaltet man eine Webseite
Präsentiert von Michael Mäder.
Webseiten sind keine Gesamtkunstwerke, sondern Zusammenstellungen einzelner Module. Dieser Vortrag von der Jax 2013 ergründet, wie man vorgeht, um sinnvolle und pflegbare M;odule zu erschaffen. Dabei wird vor allem Wert auf das CSS gelegt. Das CSS wird dank Sass ebenso modular, wie das HTML.
Vortrag auf der Webtech 2012. Die Nomenklatur von YAML wird erklärt sowie die vielen Addons und die helfende Dokumentation genauer vorgestellt. Alles als Basis für das später folgende Livecoding. Damit konnte ich zeigen, dass man mit YAML schnell zu einem testbaren Ergebnis, einem Prototypen, kommen kann. Der kann dann die Basis weiterer Designiterationen sein und später in den produktiven Code übergehen.
Vortrag auf der Webtech 2012. Eine Webseite besteht aus vielen einzelnen Modulen, die alle als eigenes Universum betrachtet werden können. CSS-Präprozessoren helfen bei der effektiven Behandlung der Module. Prototyping im Browser und ein neuer Workflow werden dadurch einfacher.
Am Ende ist doch alles HTML - 2012 - Webmontag EditionJens Grochtdreis
Kurzvortrag über die Bedeutung des Frontends. Ich rege zu mehr und besserer Kommunikation an und gebe Beispiele für Verbesserungen durch moderne Techniken. Zuerst gehalten auf dem Webmontag in Marburg (30.07.2012)
Talk held on a Smashing Magazine Meetup February, 27th 2012 in Frankfurt (Germany) about current problems with developers, designers and clients in front-end development
Die Inhalte meiner ersten "Session" des Praktikums über Frontendentwicklung an der Uni Mainz. Die Stundenten sollten erst einmal in die Grundproblematik eingeführt werden.
Ausgehend vom Relaunch von Jaxenter.com zeige ich, wie man komplexe Sites aufbauen kann und welche Gedanken man sich über Überschriftenstrukturen machen sollte.
Knockin' on heaven's door - Die Praxis zu Besuch beim W3CJens Grochtdreis
Auf dem W3C-Tag 2010 ergriff ich die Chance, das W3C zu schnellerem Handeln in Sachen Webstandards zu ermutigen. Die Entwicklungsgeschwindigkeit bspw. bei CSS3 ist einfach zu langsam.
Vortrag an der Uni Mainz über die Grundlagen der Frontendentwicklung. Wie sollte man fürs Frontend denken? Woran muss man denken? Womit muss man sich beschäftigen?
Mein Vortrag von der Webinale 2009 (dort zusammen mit Tomas Caspers) zusammengestrichen und mit Textfolien ergänzt für Webmontage in Frankfurt und Mannheim.
Vortrag von Tomas Caspers und Jens Grochtdreis über gute und schlechte Details an Webseiten. Immer wieder gesehene Fehler kontrastiert mit gutem Code und guten Ideen von Entwicklern. Der Inhalt kann mangels Textfolien nur erahnt werden.
2. Jens Grochtdreis
_ Frontendentwickler
_ 10 Jahre Agenturerfahrung
_ Gründer der Webkrauts
_ Blogger
_ Autor des PHPMagazins, Webstandards-Magazins, T3N
_ Fachliche Buchbetreuung bei Galileo, O'Reilly, MuT
Jens Grochtdreis – Aspekte moderner Frontendentwicklung
3. Das sollten wir nicht vergessen!
_ Das Internet ist ein neues Medium!
_ junges Medium
_ rasante Entwicklung
_ spannend
_ atemberaubend
_ umwälzend
_ in ständigem Wandel begriffen
Jens Grochtdreis – Aspekte moderner Frontendentwicklung
4. Das sollten wir nicht vergessen!
_ Das Internet bietet viele unterschiedliche Zugänge zu
Informationen
_ Am Monitor lesen
_ Ausdrucken
_ Vorlesen lassen
_ Formate sind anpassbar
_ Inhalte lassen sich leicht rudimentär übersetzen
Jens Grochtdreis – Aspekte moderner Frontendentwicklung
5. Kontrollverlust - formal
_ Wie können wir heute ins Internet gehen?
_ PC, Notebook
_ viele Betriebssysteme, Browser, Monitore
_ Handy, PDA
_ Spielkonsole
_ TV
_ Assistive Technologien
5
Jens Grochtdreis – Aspekte moderner Frontendentwicklung
6. Flexibilität ist wichtig
_ Wir können nicht mehr sicher vorhersagen, wie
jemand unsere Seite sieht/liest.
_ Deshalb: einen für möglichst viele gangbaren Weg
beschreiten
_ Erst der Inhalt, dann das Layout!
_ Der Inhalt ist das Wichtigste!
6
Jens Grochtdreis – Aspekte moderner Frontendentwicklung
7. Screenshot von einem EeePC, 800x480px
7
Jens Grochtdreis – Aspekte moderner Frontendentwicklung
8. Wir stehen am Anfang
_ Wir stehen noch immer am Anfang.
_ HTML in der jetzigen Form genügt nicht!
_ Webseiten sind immer seltener Dokumente.
_ HTML5 ist ein wichtiger und erster Schritt.
8
Jens Grochtdreis – Aspekte moderner Frontendentwicklung
11. Problemfeld 1: Browser
_ Der IE in allen Versionen kann einfach weniger als alle
anderen Browser
_ Der IE6 ist nicht tot zu kriegen
_ Fortschritt richtet sich nach dem Langsamsten (IE)
wegen der Verbreitung
_ Nur Entwickler interessieren sich für Browser
11
Jens Grochtdreis – Aspekte moderner Frontendentwicklung
14. Problemfeld 2: Entwickler
_ Die Opera-MAMA-Studie hat erschreckende
Codedefizite zu Tage gefördert:
_ 58,5% Webseiten ohne Überschriften-Elemente
_ 7,9% mit mehreren <h1>
_ 16,1% beginnen Überschriften-Struktur mit <h2>, <h3>
_ 7,1% mit Überschriften ohne logische Reihenfolge
_ 24,9% mit Bildern ohne alt-Attribute
_ 4,13% der Testseiten validierten
Quelle: http://www.einfach-fuer-alle.de/blog/id/2505/
14
Jens Grochtdreis – Aspekte moderner Frontendentwicklung
15. Das Internet ist komplex
_ Wir nutzen sehr viele verschiedene Standards und
Technologien, um eine Website zu betreiben.
_ (X)HTML, CSS, Javascript, DOM 1-3
_ Flash, Flex, SWF
_ PHP, ASP, Perl, Java
_ MySQL, PostgreSQL
_ XML, XSLT
15
Jens Grochtdreis – Aspekte moderner Frontendentwicklung
21. Problemfeld 3: Internetverständnis
_ Es gibt keine Pixelexaktheit
_ Flexibilität ist die Stärke des Internet
_ Wenn ein Browser etwas nicht kann, einfach
ignorieren!
_ Keine Analogie zur Printwelt
21
Jens Grochtdreis – Aspekte moderner Frontendentwicklung
26. Semantik
_ Erst über eine Webseite nachdenken, dann die
Struktur erfassen und aufschreiben.
_ Eine Überschrift wird mit beispielsweise
<h2>Überschrift</h2> ausgezeichnet, nicht mit
<div class="headline">Überschrift</div>
_ Eine semantisch ausgezeichnete Seite zeigt, daß man
sich Gedanken über seine Arbeit gemacht hat.
26
Jens Grochtdreis – Aspekte moderner Frontendentwicklung
27. Semantik
_ Mit der Bedeutung der Inhalte beschäftigen
_ Hinterfragen
_ Kann ein Dokument mehrere h1 vertragen?
_ Webseiten sind immer seltener Dokumente
Jens Grochtdreis – Aspekte moderner Frontendentwicklung
28. Überschriften
_ Nur eine h1? Warum?
_ Wir vermeiden sonst Analogien zur Printwelt.
Warum nicht auch hier?
_ Struktur für Sehende und Blinde anders?
_ Reichen sechs Überschriften?
_ Was machen Browser mit Sektionsüberschriften in
HTML5 und machen sie das einheitlich?
28
Jens Grochtdreis – Aspekte moderner Frontendentwicklung
29. Semantik
_ Webseiten sind heute mehr als nur Dokumente.
_ Die Dokumentenanalogie ist alt
_ Es sollten wissenschaftliche Texte erfaßt werden
_ HTML5 ist der Versuch, der Realität gerecht zu werden
_ Es gibt immer mehr Applikationen
_ Viele notwendige Seitenelemente gibt es nicht in HTML,
diese müssen wir per CSS und Javascript simulieren
29
Jens Grochtdreis – Aspekte moderner Frontendentwicklung
30. Überschriften
_ Überschriften sind eine Navigationsmöglichkeit für
Screenreader.
_ Wikis generieren aus den Textüberschriften eine
seiteninterne Navigation, ein Inhaltsverzeichnis.
Jens Grochtdreis – Aspekte moderner Frontendentwicklung
31. Lösung: Information
31
Jens Grochtdreis – Aspekte moderner Frontendentwicklung
35. Wir können nicht warten,
bis es der Letzte begriffen hat!
35
Jens Grochtdreis – Aspekte moderner Frontendentwicklung
36. Am Ende
Jens Grochtdreis
http://blog.grochtdreis.de
http://webkrauts.de
Diese Präsentation steht unter der Creative Commons Lizenz „Attribution-ShareAlike 2.0“
http://creativecommons.org/licenses/by-sa/2.0/de/
36
Jens Grochtdreis – Aspekte moderner Frontendentwicklung