osadzić stronie - Kurs HTML i CSS
Wstęp do JavaScript i ECMAScript / Jak osadzić skrypt JavaScript na stronie?Spis treści Wstęp HTML5 XHTML HTML 4.01 Wstęp Aby osadzić kod JavaScript na stronie internetowej, należy posłużyć się znacznikiem SCRIPT. Sam sposób osadzenia będzie się nieco różnił w zależności do wersji użytego języka (X)HTML (patrz poniżej). HTML5 W języku HTML5 można to zrobić następująco: <script> /* Tutaj umieść kod skryptu. */ </script> Jeżeli ten sam skrypt chcemy osadzić na kilku podstronach, możemy zapisać go w pliku z rozszerzeniem *.js i potem wstawić do niego...
Czcionki CSS / Czcionki osadzone @font-face...osadzonej "comic".</p> </body> </html> Warto pamiętać, że jeśli chcemy przypisać tak zdefiniowaną czcionkę do wielu elementów na stronie, wystarczy osadzić ją tylko raz (pierwsze polecenie w arkuszu stylów powyżej), a następnie można przypisywać ją dowolną liczbę razy (drugie polecenie). Jako adres URL można podać także ścieżkę dostępu do pliku czcionki, wyznaczaną względem arkusza CSS, a nie dokumentu HTML, w którym ten arkusz został dołączony. Opcjonalnie zaleca się podać również format...
Multimedia HTML / Osadzenie pliku <embed>...w pakiet biurowy WordPerfect Office 2000, natomiast aby przeglądać pliki PDF, trzeba dysponować darmowym programem Adobe Reader. Aby można było osadzić na stronie WWW plik PDF, użytkownik oglądający nasz serwis musi mieć zainstalowany program Adobe Reader. Dodatkowo należy pamiętać o podaniu rozmiarów obiektu EMBED (atrybuty width="..." oraz height="..."), ponieważ jeśli tego nie zrobimy, możemy otrzymać zbyt małe okienko (uniemożliwiające czytanie). Przykład <embed> Aby zobaczyć...
- Widżety HTML / Ramki HTML
...Dzięki tej własności są szczególnie chętnie używane przez twórców różnego rodzaju widżetów, czyli specjalnych gotowych wstawek, które można osadzić na swojej stronie. W ten właśnie sposób osadza się np. filmiki z YouTube'a, a także posty z Facebooka czy Twittera. Każdy z tych serwisów udostępnia do użycia gotowe widżety. Przygotowany do wstawienia krótki kod takiego widżetu można pobrać najczęściej wybierając opcję "Umieść", "Osadź" lub "Zamieść". Właścicielom tych witryn zależy na...
Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanego...W wyróżnionym miejscu oczywiście należy podać lokalizację utworzonego wcześniej pliku menu.js. Dalej trzeba na stronie w wybranym miejscu osadzić blok menu za pomocą znaczników listy definicyjnej <dl>...</dl>, np.: <dl id="menu0"> <dt>Nagłówek 1</dt> <dd>Element 1.1</dd> <dd>Element 1.2</dd> <dd>Element 1.3</dd> <dt>Nagłówek 2</dt> <dd>Element 2.1</dd> <dd>Element 2.2</dd> <dd>Element 2.3</dd> <dt>Nagłówek 3</dt> <dd>Element 3.1</dd> <dd>Element 3.2</dd> <dd>Element...
- Widżety HTML / Ramki lokalne <iframe>
...tylko jakiś fragment z innego dokumentu HTML i pokazać go w ramce na naszej stronie. Możesz jednak poszukać, czy serwis którego fragment chcesz osadzić na swojej stronie, nie udostępnia czasem gotowych widżetów do wstawiania w innych witrynach. Tego typu wstawki najczęściej korzystają właśnie ze znacznika IFRAME i być może znajdziesz taką, która wyświetla dokładnie to, czego potrzebujesz.
Dla nauczycieli / Scenariusz lekcji informatyki dla branżowej szkoły I stopnia...rozumie podstawy składni JavaScript i jego zastosowanie w HTML. Uczeń dodaje prostą interaktywność do formularzy na stronie. Materiały Jak osadzić skrypt JavaScript na stronie? Zdarzenia Ramy formularza HTML Wyczyszczenie danych Pole wyboru Przebieg 15 min - Wprowadzenie do JavaScript Omówienie roli JavaScript w dodawaniu interakcji do strony. Wyjaśnienie znaczenia elementów <script>. Omówienie zasady działania zdarzeń. Omówienie roli i struktury formularzy internetowych...
- Oprawa graficzna / Zamiennik obrazkowy
...CSS będzie miał zupełnie indywidualną oprawę graficzną. Wstawianie tła graficznego pod tekstem jest dość proste i oczywiste. Często jednak trzeba osadzić elementy graficzne, nad którymi nie będzie widniał żaden tekst - np. przyciski, logo, ikony itp. W takim przypadku mogłoby się wydawać, że wystarczy wstawić pusty element do kodu HTML, jednak jest to bardzo zły pomysł. Takie rozwiązanie jest niepoprawne semantycznie. Staje się dużą przeszkodą dla osób niewidomych, ale również dla robotów...
- Przeglądarka zdjęć
...{ margin-top: 10px; text-align: justify; } Najwygodniej będzie zapisać go w osobnym pliku z rozszerzeniem *.css - np. przegladarka_zdjec.css i osadzić w nagłówku dokumentu za pomocą znacznika: <link rel="stylesheet" href="przegladarka_zdjec.css"> Oczywiście można go również dołączyć do już istniejącego arkusza stylów serwisu. Inicjalizacja Czasami może zajść potrzeba wyświetlenia w przeglądarce zdjęć zaraz po załadowaniu strony zdjęcia innego niż pierwsze. W tym celu do strony, na...
- HTML5 / Piaskownica zabezpieczająca <iframe sandbox>
...ani świadomie nie zainstalujemy mu konia trojańskiego czy wirusa. Nie zawsze jednak mamy pełną kontrolę nad wyświetlaną u nas treścią. Możemy chcieć osadzić na stronie jakiś widżet pochodzący z innego serwisu. Może on być bardzo przydatny, ale nie da się wykluczyć złych zamiarów jego twórcy lub przejęcia kontroli nad jego serwisem przez osoby o takich zamiarach. W celu uniknięcia takiego zagrożenia powstał atrybut sandbox (z ang. piaskownica). Jeśli dodamy go do znacznika IFRAME jako atrybut...