HTML5-Rezepte: Tauchen Sie mit konkreten Beispielen in die HTML5-Codierung ein. Die besten Ressourcen zum Erlernen von HTML und CSS

Um Ihnen zu helfen, haben wir eine Auswahl an Ressourcen zusammengestellt, die Ihnen sagen, was Sie wissen müssen, Ihnen helfen, wenn Sie nicht weiterkommen, und Ihnen dabei helfen, Ihre Fähigkeiten im Handumdrehen zu erweitern.

01. HTML-Spickzettel

Dieser unglaublich hilfreiche HTML-Spickzettel enthält eine vollständige Liste aller HTML-Elemente sowie Beschreibungen, Codebeispiele und Live-Vorschauen. Sie können die Tags alphabetisch oder nach Kategorie organisieren und sie sogar als PDF herunterladen, um später darauf zuzugreifen.

02. CSS-Spickzettel

Wenn Sie gerade erst mit CSS anfangen, kann es sehr einschüchternd sein, sich nur all die vielen Tags und Fachbegriffe zu merken. Lassen Sie sich davon jedoch nicht abschrecken; Speichern Sie diesen hilfreichen Spickzettel mit einem Lesezeichen oder drucken Sie ihn einfach aus, um die benötigten Elemente schnell zu finden.

03. CSS-Tricks

Als sie 2007 gestartet wurde, drehte sich auf dieser Seite alles um CSS. Jetzt ist es ziemlich erweitert worden, aber es gibt immer noch viele hilfreiche Informationen und Tutorials zu CSS und HTML, in die Sie sich einarbeiten können. Es ist auf jeden Fall einen Besuch wert.

04. CSS Zauberei

CSS ist leicht zu erlernen, aber schwer zu meistern. Harry Roberts „CSS Wizardry“ hat einige der besten Artikel über das Wesentliche beim Schreiben von skalierbarem und wartbarem CSS, wie die BEM-Methodik und Refactoring (die zu den schwierigsten Teilen gehören).

05. Die jährlichen Top-Stifte von CodePen

Eine der besten Möglichkeiten, HTML/CSS zu lernen, besteht darin, coole Demos zu sezieren, die Sie entdecken, und die jährlichen Top Pens von CodePen sind großartig dafür. Die Demos reichen von cool bis „Ich wusste nicht einmal, dass das möglich ist“. Die integrierte Benutzeroberfläche von CodePen zum Eintauchen in den Code ist ebenfalls praktisch.In ähnlicher Weise möchten Sie vielleicht auch unseren Beitrag lesen.

06. Webdesign wöchentlich

Sowohl HTML als auch CSS entwickeln sich ständig weiter. Um über die neuesten Methoden und Funktionen auf dem Laufenden zu bleiben, empfehlen wir diesen E-Mail-Newsletter. Es kommt einmal pro Woche, was gerade oft genug ist, dass Sie es tatsächlich lesen werden.

07. Responsive Design Weekly

Responsive ist heutzutage ein wichtiger Bestandteil des Toolkits von Webdesignern, und um Ihnen dabei zu helfen, auf dem Laufenden zu bleiben, verbringt Justin Avery jede Woche Stunden damit, die besten responsiven Webdesign-Inhalte zu kuratieren, Branchenführer zu interviewen und sie jeden Tag als Newsletter zu versenden Freitag (Vielleicht gefällt Ihnen auch unser Beitrag auf .)

08. Erstellen Sie nicht rechteckige Layouts mit CSS-Formen

…Obwohl die Syntax von HTML relativ einfach zu lernen ist,…gibt es noch viele Elemente, Attribute und…andere Konzepte, die Sie lernen und im Auge behalten müssen.…Während dieser Kurs eine Einführung geben soll Sie mit den Grundlagen von HTML vertraut zu machen, es ist wirklich nicht darauf ausgelegt, Ihnen jedes einzelne verfügbare Element und Attribut beizubringen. … In diesem Sinne möchte ich Ihnen ein paar Online-HTML-Ressourcen geben, … die Ihnen wirklich helfen können Sie beginnen mit dem Erlernen von HTML und … können später als wertvolle Referenzen dienen, wenn Sie Ihre eigenen Seiten erstellen. … Jetzt beginnen wir mit den Spezifikationen selbst. …

Und dies sind etwas, zwei Dokumente, die Sie unbedingt mit einem Lesezeichen versehen haben sollten. … Also, dies ist die W3Cs-Version von HTML5. … Sie können sehen, dass sie eine neueste Publisher-Version haben. … Sie können sich den Entwurf des Herausgebers ansehen, … wenn Sie Ich möchte sehen, was herunterkommt, das Rohr hinunter. … Und das ist ziemlich groß. … Wenn ich nach unten scrolle, können Sie sehen, dass hier nur das Inhaltsverzeichnis ist … Und ich werde nicht einmal scrollen durch alle.…

Transcript Auto-Scroll fortsetzen

Aktualisiert
3/30/2017
Freigegeben
3/16/2015

HTML ist die Programmiersprache, die das Web antreibt. Und wie bei jeder Sprache können Sie, sobald Sie sie beherrschen, damit beginnen, Ihre eigenen Inhalte zu erstellen, egal ob es sich um einfache Websites oder komplexe Webanwendungen handelt. Dieser Kurs bietet einen detaillierten Einblick in die Grundlagen: die Syntax von HTML und Best Practices für Senior Staff Author James Williamson bespricht die Struktur eines typischen HTML-Dokuments und zeigt, wie Sie Seiten aufteilen und Ihre Inhalte mit HTML.Plus formatieren, lernen Sie, wie Sie Links und Listen erstellen, und finden Sie heraus, wie HTML mit CSS und JavaScript funktioniert, um Rich zu erstellen , fesselnde Benutzererfahrungen.

Zu den Themen gehören:

  • Warum ist HTML wichtig?
  • Erkunden eines HTML-Dokuments
  • Inhalte formatieren
  • Bilder anzeigen
  • Verwendung von nav-, article- und div-Elementen
  • Verlinkung zu Seiten und herunterladbaren Inhalten
  • Listen erstellen
  • Styling steuern (Schriftarten, Farben und mehr)
  • Grundlegende Drehbücher schreiben

Wer in der Welt ist süßer als alle, alle rot und begehrenswert? Denken Sie nichts Vulgäres, ich meine nur eine neue Version der Auszeichnungssprache - HTML5. letzte Version Moderne Browser verstehen bereits einige HTML5-Funktionen, was bedeutet, dass es an der Zeit ist, es in Ihren Projekten zu verwenden.

Was ist HTML5?

Auf den ersten Blick ist HTML5 nur eine neue Version Auszeichnungssprache. Nun bedeutet dieser Begriff jedoch etwas anderes. HTML5 zu betrachten, ohne das gleiche CSS3 zu erwähnen, ist einfach lächerlich, da es unverzichtbar ist, um wirklich moderne Webanwendungen zu entwickeln. Wir dürfen JavaScript nicht vergessen. Es implementiert einen Aufruf an die Rich-API, die im HTML5-Standard beschrieben ist. Zusammenfassend bietet sich eine Definition an: HTML5 ist eine Reihe moderner Technologien / Standards (JS, HTML5, CSS3 usw.), die zur Entwicklung von Webanwendungen verwendet werden.

Ein Tropfen Geschichte

HTML5 kam nicht aus dem Nichts. Seine Entwicklung begann im Jahr 2007. Für den Entwicklungsprozess war eine eigens geschaffene Gruppe des W3C-Konsortiums verantwortlich. Viele der Funktionen von HTML5 wurden jedoch als Teil des Web Application 1.0-Standards erfunden und beschäftigen sich seit 2004 damit. In Wirklichkeit ist HTML5 also keine so junge Technologie, wie es auf den ersten Blick erscheinen mag.

Die erste Entwurfsversion der HTML5-Spezifikation wurde am 22. Januar 2008 verfügbar. Drei Jahre sind vergangen, aber die endgültige Version der Spezifikation ist immer noch nicht fertig und wird wahrscheinlich nicht in den nächsten ein oder zwei Jahren rechtzeitig vorliegen. Dieser traurige Moment zwingt Entwickler, neue Funktionen in ihren Projekten sorgfältig anzuwenden. Die Spezifikation kann sich leicht ändern, und nicht alle moderne Browser(Fire Fox 4, Google Chrome 10, IE9, Opera 11) unterstützen die neuen Funktionen vollständig.

Gesunde Rezepte

Sie können sehr lange über die Theorie von HTML5 sprechen, aber unsere Rubrik heißt „Codierung“, daher schlage ich vor, dass Sie die Möglichkeiten des Standards in der Praxis erproben. Ich habe mir nicht die Mühe gemacht, super originelle Rezepte zu erstellen, sondern habe mich entschieden, Beispiele für Dinge zu geben, die wirklich nützlich sind und die Sie jetzt auf Ihren Websites verwenden können und sollten. So lass uns gehen.

Rezept Nummer 1: Schalten Sie Drag & Drop in vollen Zügen ein

Eines der netten Dinge (wahrscheinlich hättest du nicht so viele Energydrinks verwenden sollen, weil es das Wort "Chips" geben sollte - Anm. d. Red.) HTML5 war die Möglichkeit, die Datei-API und die Drag-and-Drop-API zu verwenden.

Mit ihrer Hilfe können Sie eine schöne Übertragung von Dateien vom Computer des Benutzers auf den Server organisieren. Erinnern Sie sich, dass es früher immer ein Feld mit einer Schaltfläche „Durchsuchen“ zum Senden von Dateien gab? Nach dem Drücken erschien ein Standard-Dateiauswahldialog, in dem eine Datei für die Übertragung ausgewählt werden musste. Um diese Methode zu nennen, dreht sich die bequeme Sprache nicht. Vor allem, wenn es darum geht, mehrere Dateien zur Download-Warteschlange hinzuzufügen.

Wenig später begannen die Handwerker, Apploader auf Flash zu modellieren, die mehr Funktionalität boten, aber einen schwerwiegenden Nachteil hatten - die Notwendigkeit eines installierten Flashs. Außerdem hatte der Benutzer in beiden Fällen nicht die Möglichkeit, zu übertragende Dateien durch einfaches Ziehen und Ablegen der Maus auf der Seite hinzuzufügen.

Aber die Drag & Drop-Technologie wird im System die ganze Zeit verwendet. Ich persönlich wollte immer nur die nötigen Dateien auswählen und mit einem leichten Wisch der Ratte auf die Seite werfen. Dies ist viel bequemer, als mit einem Standarddialog nach einer Datei zu suchen.

HTML5 hat seine eigenen Anpassungen vorgenommen, und jetzt hindert Sie nichts daran, ein vollwertiges Drag & Drop zum Übertragen einer Datei auf eine Seite zu organisieren. Googler in Gmail waren die ersten, die diese Funktion implementiert haben. Wenn Sie gmyla verwenden, haben Sie wahrscheinlich einen Bereich bemerkt, in den Sie Dateien ziehen können, um sie an den Brief anzuhängen. Ich persönlich nutze diese Funktion rege und zeige Ihnen nun, wie Sie diese für Ihr Projekt aufpeppen können. Unser Projekt besteht aus drei Dateien: sample.html, style.css und scripts.js. Natürlich hätten wir uns auch auf eine html-Datei beschränken können, aber dann wäre der Code unlesbar geworden. HTML muss nicht mit JS oder CSS gemischt werden. Es ist besser, alles in Dateien aufzuteilen und dann in Ruhe damit zu arbeiten. Lassen Sie uns zunächst die Struktur unserer Anwendung vorbereiten. Erstellen Sie eine sample.html-Datei und schreiben Sie hinein:




media="all" href="style.css" />



Ziehen Sie Ihre Dateien hierher





Um das Schreiben von JavaScript-Code zu vereinfachen, habe ich die jquery-Bibliothek eingebunden. Danach beschrieb er den Aufbau des zukünftigen HTML-Dokuments. Es ist einfach zu blamieren - wir müssen das Feld beschreiben, in das der Benutzer Dateien ziehen und ablegen muss. Es benötigt nur einen div-Container. Wenn Sie die Seite jetzt in einem Browser öffnen, dann sehen Sie nichts Gutes. Um unser Feld visuell sichtbar zu machen, müssen wir es mit CSS gestalten. Öffnen Sie die Datei style.css und schreiben Sie den folgenden Code hinein:

#Kasten(
Breite: 500px
Höhe: 300px;
Rand: 2px gestrichelt #000000;
Hintergrundfarbe: #FCFFB2;
Textausrichtung: Mitte;
Farbe: #3D91FF;
Schriftgröße: 2em
Schriftfamilie: Verdana, serifenlos;

moz-Randradius: 8px;
-Webkit-Randradius: 8px;
}
# Etikett (
Position: relativ;
oben: 2 %;
}

Die „Box“-Kennung ist unser zukünftiger Container zum Empfangen von Dateien (der Benutzer muss Dokumente auf diesen Bereich ziehen). Damit der User nichts übersieht, mache ich den Bereich größer und wähle als Umrandungsoption gestrichelt - gepunktete Linien. Normale gepunktete Linien sehen nicht gut aus, also setze ich gleich die Werte für die Eigenschaften: -moz-border-radius und -webkitborderradius. Nun können Sie die erstellte Seite im Browser öffnen und die Gesamtansicht auswerten.

Wenn Sie jetzt jedoch versuchen, etwas zu ziehen, wird nichts Interessantes passieren. Die gezogene Datei wird einfach in einem Webbrowser geöffnet, und das war's. Ein kleines Stück JavaScript-Code hilft, die Situation zu beheben:

$(Dokument).ready(Funktion() (

//Ereignishandler hinzufügen

Var mybox = document.getElementById("box")

Mybox.addEventListener("dragent", dragEnter, false);

Mybox.addEventListener("dragexit", dragExit, false);

Mybox.addEventListener("dragover", dragOver, false);

Mybox.addEventListener("drop", drop, false);
});
Funktion dragEnter(evt) (

Evt.stopPropagation();

Evt.preventDefault();
}
Funktion dragExit(evt) (

Evt.stopPropagation();

Evt.preventDefault();
}
Funktion dragOver(evt) (

Evt.stopPropagation();

Evt.preventDefault();
}
Funktion drop(evt) (

Evt.stopPropagation();

Evt.preventDefault();

Varfiles = evt.dataTransfer.files;

varcount = files.length;

Wenn (Anzahl > 0)

HandleFiles(Dateien);
}
Funktion handleFiles(Dateien) (

//Erste Datei abrufen

//Wenn Sie mit mehreren arbeiten müssen

//Dateien, dann müssen Sie hier eine Suche organisieren

var file = Dateien;

Document.getElementById("label").innerHTML =
"Erwischt: " + file.name;

varreader = neuer FileReader();

Reader.onprogress = handleReaderProgress;

Reader.readAsDataURL (Datei);
}
Funktion handleReaderProgress(evt) (

If(evt.lengthBerechenbar)(

Wenn (evt.geladen = evt.gesamt) (

alert("Laden...");
}
}
}

Auf den ersten Blick mag der Code umständlich und unverständlich erscheinen, aber wer sich zumindest ein wenig mit JavaScript und jQuery auskennt, sollte sofort verstehen, was passiert. Ganz am Anfang definiere ich die Ereignisse, deren Auftreten mich interessiert. Für jede von ihnen beschreibe ich eine separate Funktion. Beispielsweise tritt das Ereignis dragExit auf, wenn der Benutzer den Mauszeiger aus dem gezogenen Element herausbewegt. Wenn der Benutzer eine Datei gezogen hat, übernimmt die Funktion handleFiles() die Kontrolle.

Darin beziehe ich mich bewusst auf die allererste Datei (Dateien) und beginne damit zu arbeiten. Bitte beachten Sie, dass der Benutzer mehrere Dateien gleichzeitig ziehen kann. Sollte Ihre Anwendung solche Situationen bewältigen können, organisieren wir eine Aufzählung des gesamten Datei-Arrays. In der Funktion handleFiles() passiert der ganze Spaß.

Zuerst zeige ich im Label-Element (erinnern Sie sich an „Ziehen Sie Ihre Dateien hierher“?) den Namen der Datei an, die der Benutzer auf den Hotspot gezogen hat, und beginne dann, sie mit einem Objekt vom Typ FileReader () zu lesen. Sie können mehr darüber in diesem Artikel lesen: html5rocks.com/tutorials/file/dndfiles . Für alle Fälle definiere ich einen onProgress-Event-Handler für ein Objekt vom Typ FileReader(). Dieses Ereignis wird jedes Mal aufgerufen, wenn ein Datenblock gelesen wird. Im Handler selbst habe ich eine Bedingung festgelegt: Wenn die Menge der heruntergeladenen Daten der Größe der Datei entspricht, wurde das Lesen erfolgreich abgeschlossen, und Sie können eine glückliche Nachricht anzeigen.

Rezept Nr. 2: Bier trinken, Videos ansehen, Rock hören

Vor dem Aufkommen von HTML5 wurde das Betrachten von Videos im Web mit allen Arten von Flash-Playern durchgeführt. Das soll nicht heißen, dass das Ansehen eines Videos auf diese Weise unbequem ist. Es gibt nur Probleme in der Sicherheit (kürzlich Flash Player nur voller Schwachstellen) und die Notwendigkeit, das Plugin selbst zu installieren. Der HTML5-Standard bietet eine elegante Lösung – die eingebaute Möglichkeit, Video- und Audioinhalte abzuspielen.

Wahrscheinlich haben viele schon erraten, dass ich von Tags spreche



Hier sollte es ein Video geben. Wenn Sie diesen Text sehen, unterstützt Ihr Browser den neuen Standard nicht.


Beachten Sie dies im Beispiel für das Tag

Wozu könnte es nützlich sein? Alternativ können Sie das Logo Ihres Unternehmens/Projekts als solches Bild einfügen. Schild

Rezept Nr. 3: Wo bist du jetzt (Geolokalisierungs-API)

Geolocation API - eine Programmierschnittstelle zur Bestimmung der Koordinaten des Benutzers. Anhand der gewonnenen Daten lässt sich der Standort des Nutzers z. B. auf Google Maps leicht markieren. Wo kann diese Funktion verwendet werden? Ja, viele Orte! Beispielsweise verwenden die Entwickler des beliebten Microblogging-Dienstes Twitter die Geolocation-API in der Weboberfläche des Twitter-Clients. Wenn der Nutzer zulässt, Informationen über seinen Standort zu erhalten, wird die Stadt, in der er sich gerade befindet, allen seinen Tweets hinzugefügt.

Ich habe keinen Zweifel daran, dass Sie jetzt die Frage quält: „Woher bekommen GAPI ihre Standortinformationen?“. Denken Sie nicht einmal, dass Spionagesatelliten und andere Bond-Sachen in den Fall verwickelt sind. Alles ist viel prosaischer - ein Informationspaket zur Analyse basiert auf Daten über die IP-Adresse, die nächstgelegenen WLAN-Hotspots, GPS (falls Sie ein Gerät haben), die GSM-Zellen-ID und so weiter. Wenn Sie sich für die Theorie und Praxis des Erhaltens ungefährer Koordinaten aus den oben aufgeführten Quellen interessieren, empfehle ich Ihnen, die Datei ][ zu öffnen und den Artikel von Step zu diesem Thema zu finden, in dem er den theoretischen Teil gründlich analysiert und auch einen Überblick gegeben hat der entsprechenden Software. Sehen wir uns nun ein Beispiel für die Verwendung von GAPI an. Alles ist denkbar einfach und übersichtlich:





Breite: Unbekannt

Längengrad: Unbekannt





Bevor Sie versuchen, die Koordinaten abzurufen, müssen Sie sicherstellen, dass der Browser GAPI unterstützt. Wenn die Geolocation-Methode true zurückgibt, ist alles in Ordnung und Sie können versuchen, die Koordinaten zu erhalten. Dazu verwenden wir die getGurrentPosition-Methode des navigator-Objekts. Bei Erfolg erhalten wir die Koordinaten, die direkt zum Dokument gehen.

Rezept Nr. 4: Datenbank im Browser

Bei der Entwicklung von Webanwendungen sind wir es gewohnt, Datenbanken zu verwenden. MySQL, SQLite sind Produkte, die jedem Programmierer bekannt sind. Die fünfte Version von HTML bringt uns ein weiteres Geschenk - die Möglichkeit, eine eigenständige SQLite-Datenbank zu verwenden. Stoppen!

Es stellt sich heraus, dass alle Daten auf dem Computer des Benutzers gespeichert werden? Ja, das ist so. Kein Grund zu schreien, dass es nicht sicher ist. Für bestimmte Projekte kann diese Funktion durchaus nützlich sein. Leider erlauben nicht alle Browser das Arbeiten mit dieser Datenbank.

Beispielsweise haben IE9 und FF4 noch keine solche Möglichkeit, sodass Sie den Chip in der Praxis nur in Google Chrome kennenlernen können. Ich werde kein Beispiel für echten Code geben, sondern nur das allgemeine Funktionsprinzip zeigen:

this.db = openDatabase("xakep", "1.0", "test", 8192);
tx.executeSql("meineTabelle erstellen, falls nicht vorhanden" +
"checkins(id integer primary key asc, field_number_one string)",
, function() ( console.log("Anfrage erfolgreich abgeschlossen"); ));
);

Wenn Sie sich das obige Beispiel genauer ansehen, werden Sie feststellen, dass die Arbeit mit der eingebetteten Datenbank im Allgemeinen genauso ist wie mit regulärem SQLite: Wir öffnen die Datenbank, bereiten den Abfragetext vor und führen ihn aus.

HTML5.Shutdown()

Ob Sie HTML5 in Ihren Projekten verwenden oder nicht, bleibt Ihnen überlassen. Ich denke, jetzt ist es an der Zeit. Wenn Sie beruflich in der Website-Entwicklung tätig sind, dann seien Sie jetzt nicht faul, HTML5-Features einzubetten. Vergessen Sie natürlich nicht, sich um die Kompatibilität zu kümmern - implementieren Sie die Unterstützung sowohl für moderne als auch für ältere Browser. Sie haben alles, was Sie dafür brauchen. Verlangsamen Sie nicht und versuchen Sie, Ihre Projekte von den anderen abzuheben. Viel Glück!

Wie versichern?

In diesem Artikel habe ich gesagt, dass moderne Browser derzeit unterschiedliche Mengen an HTML5-Funktionen unterstützen. Deshalb müssen Sie vorsichtig sein und versuchen, keine sehr exotischen Dinge zu verwenden. Da stellt sich sofort die Frage: „Woher wissen Sie, welche HTML5-Features ein bestimmter Browser unterstützt?“. Es gibt mehrere Möglichkeiten, dies zu tun, aber mein Favorit ist die winzige JavaScript-Bibliothek Modernizr (modernizr.com).

Die Bibliothek wird völlig kostenlos verteilt und sobald Sie sie mit Ihrem Projekt verbinden, zeigt sie sofort eine Liste der HTML5-Funktionen an, die Ihr Browser unterstützt. Um die Funktionalität einer Bibliothek zu testen, müssen Sie diese nicht gleich herunterladen und mit Ihrem Projekt verbinden. Sie müssen nur auf die offizielle Website der Bibliothek gehen und sehen sofort, was Ihr Rollator unterstützt und was nicht. Siehe Screenshots vom Besuch der Website, wenn Google-Hilfe Chrome und Internet Explorer 9. Trotz einer guten PR-Firma und lobenden Artikeln unterstützt Microsofts RPG deutlich weniger Features als Google Chrome.

HTML5 verschiebt Flash

Einer der meisten interessante Chips HTML5 ist die Fähigkeit, Animationen zu erstellen. Dies wird durch die Mischung von HTML5 und CSS3 erreicht.

Eine solche Animation sieht ziemlich gut aus und kann Flash in vielen Fällen ersetzen. Ich kann mit Zuversicht sagen, dass es nicht sehr bald sein wird, denn jetzt ist Flash einfacher zu beherrschen als obskuren HTML5/CSS3-Code zu verstehen (IMHO). Trotzdem müssen Sie über eine solche Funktion Bescheid wissen. Ich empfehle Ihnen dringend, die folgenden Links durchzugehen und sich mit eigenen Augen schöne Demos anzusehen, die die Möglichkeit der Animation demonstrieren.

  • Schöne Demo, die die Funktionen von Canvas zeigt: feedtank.com/labs/html_canvas ;
  • Eine schöne 3D-Box mit integrierter Suchleiste von Google: ;
  • Ein Mausklick und die Seite beginnt sich mit Kugeln zu füllen. Mehr Klicks - mehr Bälle. Wenn Sie die Seite bis zum Rand füllen, versuchen Sie, sie scharf zu ziehen. Sieht sehr lustig aus: mrdoob.com/projects/chromeexperiments/ball_pool ;
  • Nur eine tolle Demo, die verschiedene chemische Verbindungen zeigt. Auf jeden Fall einen Blick wert: alteredqualia.com/canvasmol ;
  • Wollten Sie sich schon immer wie ein Pathologe fühlen und die Geheimnisse des menschlichen Körpers erforschen?

Wenn ja, dann ist dieser Link für Sie. Google hat eine großartige Demo einer Mischung aus WebGL-, HTML5-, CSS3- und Flash-Technologien erstellt. Das Ergebnis des Cocktails war eine interaktive Anwendung, die einen menschlichen 3D-Körper zeigt, in dem Sie die Struktur der inneren Organe sehen können. Als ich ihn zum ersten Mal sah, konnte ich es nicht aus der Hand legen.



Diese Seite enthält Materialien für Personen, die an der Entwicklung von Standards beteiligt sind.

Die meisten dieser Informationen sind nicht passwortgeschützt. Für den Zugriff auf einige Seiten benötigen Sie jedoch möglicherweise ein Passwort.

Verhaltenskodex

Mitglieder von ISO-Ausschüssen, Arbeitsgruppen oder United for Consensus werden ermutigt, nach den Grundsätzen des Verhaltenskodex zu arbeiten.

Wettbewerbskonformitätsrichtlinien

Die Einhaltung von Gesetzen bei der Festlegung von Standards ist wichtig, um das effektive Funktionieren des Marktes zu gewährleisten und die Wettbewerbsfähigkeit zu steigern sowie das Vertrauen in Standards zu stärken. Die ISO bietet allen am Entwicklungsprozess von Standards Beteiligten Leitlinien zu rechtlichen Angelegenheiten.

Alle Fragen zu wettbewerbsrechtlichen Richtlinien können an das ISO-Rechtsteam unter gerichtet werden.

Urheberrechte ©

Alle Teilnehmer an Normungsaktivitäten müssen das Urheberrecht von ISO-Veröffentlichungen und Projektentwicklungen sowie allen Inhalten im Zusammenhang mit ISO respektieren. Diese Regeln spiegeln sich in der Deklaration wider, der alle an der Normung Interessierten zustimmen müssen.

Politik im Bereich der Kommunikation der Arbeit des Ausschusses mit externen Parteien und der Aufbewahrung von Dokumenten

Teilnehmer an Entwicklungsprozessen für ISO-Normen können aufgefordert werden (z. B. von den Medien) oder aus eigener Initiative (z. B. durch soziale Netzwerke) Austausch von Informationen mit externen Parteien über verschiedene Aspekte der Arbeit des Ausschusses. ISO hat eine Aktivitätsrichtlinie für diese externen Interaktionen entwickelt.

Alle Fragen zu dieser Richtlinie können an gerichtet werden Email TMB-Sekretariat: .

Datenschutzrichtlinie

Alle am Normungsprozess Beteiligten haben Rechte und Pflichten zum Datenschutz. Sie spiegeln sich in der für ISO-Mitglieder entwickelten Datenschutzrichtlinie sowie in der Erklärung wider, die von allen an diesem Prozess beteiligten Parteien befolgt werden muss. Sie gilt für Daten, die in ISO-IT-Diensten gespeichert sind, sowie für viele personenbezogene Daten, die bei der Normungsarbeit erhoben werden (z. B. Anwesenheitslisten, Protokolle).

Erläuterung von Begriffen und Ausdrücken, die in ISO-Normen verwendet werden

Internationale Standards und Handel

Arten von rechtlichen Sanktionen in ISO

Die ISO hat ein Dokument entwickelt, das Aspekte im Zusammenhang mit Sanktionen und dem Entwicklungsprozess von Standards zusammenfasst.

Stakeholder einbeziehen und Konsens schaffen

Die ISO setzt sich dafür ein, dass Standards entwickelt werden Stakeholder und für Stakeholder damit die Bedürfnisse des Marktes effizienter erfüllt werden.

Nachfolgend finden Sie Dokumente, die Anleitungen zur Einbindung von Stakeholdern geben.



Wird geladen...
Spitze