Strona WWW, którą w sposób wizualny przeglądamy jest skonstruowana w językach opisowych (interpretacyjnych) w ściśle skodyfikowany sposób. Poniżej, w nieco przydługim przykładzie przedstawiony jest listing kodu dydaktycznej strony głównej Inżynierii Obrazu i Dźwięku.
<!DOCTYPE html>
<html lang="pl-PL">
<head>
<meta charset='UTF-8'>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<title>Inżynieria Dźwięku i Obrazu – Jarosław Utracki</title>
<link rel='dns-prefetch' href='//netdna.bootstrapcdn.com' />
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel='dns-prefetch' href='//s.w.org' />
<link rel="alternate" type="application/rss+xml" title="Jarosław Utracki » Kanał z wpisami" href="https://www.utracki.us.edu.pl/feed/" />
<link rel="alternate" type="application/rss+xml" title="Jarosław Utracki » Kanał z komentarzami" href="https://www.utracki.us.edu.pl/comments/feed/" />
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.utracki.us.edu.pl\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.5.3"}};
!function(e,a,t){var r,n,o,i,p=a.createElement("canvas"),s=p.getContext&&p.getContext("2d");function c(e,t){var a=String.fromCharCode;s.clearRect(0,0,p.width,p.height),s.fillText(a.apply(this,e),0,0);var r=p.toDataURL();return s.clearRect(0,0,p.width,p.height),s.fillText(a.apply(this,t),0,0),r===p.toDataURL()}function l(e){if(!s||!s.fillText)return!1;switch(s.textBaseline="top",s.font="600 32px Arial",e){case"flag":return!c([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])&&(!c([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!c([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]));case"emoji":return!c([55357,56424,8205,55356,57212],[55357,56424,8203,55356,57212])}return!1}function d(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(i=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},o=0;o<i.length;o++)t.supports[i[o]]=l(i[o]),t.supports.everything=t.supports.everything&&t.supports[i[o]],"flag"!==i[o]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[i[o]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(r=t.source||{}).concatemoji?d(r.concatemoji):r.wpemoji&&r.twemoji&&(d(r.twemoji),d(r.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel='stylesheet' id='dashicons-css' href='https://www.utracki.us.edu.pl/wp-includes/css/dashicons.min.css?ver=5.5.3' type='text/css' media='all' />
<link rel='stylesheet' id='admin-bar-css' href='https://www.utracki.us.edu.pl/wp-includes/css/admin-bar.min.css?ver=5.5.3' type='text/css' media='all' />
<link rel='stylesheet' id='bootstrap-css' href='https://www.utracki.us.edu.pl/wp-content/themes/hestia/assets/bootstrap/css/bootstrap.min.css?ver=1.0.2' type='text/css' media='all' />
<link rel='stylesheet' id='hestia-font-sizes-css' href='https://www.utracki.us.edu.pl/wp-content/themes/hestia/assets/css/font-sizes.min.css?ver=3.0.4' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-icons-css' href='https://www.utracki.us.edu.pl/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-common-css' href='https://www.utracki.us.edu.pl/wp-content/plugins/elementor/assets/css/common.min.css?ver=3.0.11' type='text/css' media='all' />
<link rel='stylesheet' id='wp-block-library-css' href='https://www.utracki.us.edu.pl/wp-includes/css/dist/block-library/style.min.css?ver=5.5.3' type='text/css' media='all' />
<link rel='stylesheet' id='finalTilesGallery_stylesheet-css' href='https://www.utracki.us.edu.pl/wp-content/plugins/final-tiles-grid-gallery-lite/scripts/ftg.css?ver=3.4.20' type='text/css' media='all' />
<link rel='stylesheet' id='fontawesome_stylesheet-css' href='//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css?ver=5.5.3' type='text/css' media='all' />
<link rel='stylesheet' id='modern_footnotes-css' href='https://www.utracki.us.edu.pl/wp-content/plugins/modern-footnotes/styles.min.css?ver=1.3.11' type='text/css' media='all' />
<link rel='stylesheet' id='ye_dynamic-css' href='https://www.utracki.us.edu.pl/wp-content/plugins/youtube-embed/css/main.min.css?ver=5.2' type='text/css' media='all' />
<link rel='stylesheet' id='wpforms-admin-bar-css' href='https://www.utracki.us.edu.pl/wp-content/plugins/wpforms-lite/assets/css/admin-bar.min.css?ver=1.6.2.3' type='text/css' media='all' />
<link rel='stylesheet' id='hestia_style-css' href='https://www.utracki.us.edu.pl/wp-content/themes/hestia/style.min.css?ver=3.0.4' type='text/css' media='all' />
<style id='hestia_style-inline-css' type='text/css'>
div.wpforms-container-full .wpforms-form div.wpforms-field input.wpforms-error {
border: none;
}
div.wpforms-container .wpforms-form input[type=date],
div.wpforms-container .wpforms-form input[type=datetime],
div.wpforms-container .wpforms-form input[type=datetime-local],
div.wpforms-container .wpforms-form input[type=email],
div.wpforms-container .wpforms-form input[type=month],
div.wpforms-container .wpforms-form input[type=number],
div.wpforms-container .wpforms-form input[type=password],
div.wpforms-container .wpforms-form input[type=range],
div.wpforms-container .wpforms-form input[type=search],
div.wpforms-container .wpforms-form input[type=tel],
div.wpforms-container .wpforms-form input[type=text],
div.wpforms-container .wpforms-form input[type=time],
div.wpforms-container .wpforms-form input[type=url],
div.wpforms-container .wpforms-form input[type=week],
div.wpforms-container .wpforms-form select,
div.wpforms-container .wpforms-form textarea, .nf-form-cont input:not([type=button]),
div.wpforms-container .wpforms-form .form-group.is-focused .form-control {
box-shadow: none;
}
div.wpforms-container .wpforms-form input[type=date],
div.wpforms-container .wpforms-form input[type=datetime],
div.wpforms-container .wpforms-form input[type=datetime-local],
div.wpforms-container .wpforms-form input[type=email],
div.wpforms-container .wpforms-form input[type=month],
div.wpforms-container .wpforms-form input[type=number],
div.wpforms-container .wpforms-form input[type=password],
div.wpforms-container .wpforms-form input[type=range],
div.wpforms-container .wpforms-form input[type=search],
div.wpforms-container .wpforms-form input[type=tel],
div.wpforms-container .wpforms-form input[type=text],
div.wpforms-container .wpforms-form input[type=time],
div.wpforms-container .wpforms-form input[type=url],
div.wpforms-container .wpforms-form input[type=week],
div.wpforms-container .wpforms-form select,
div.wpforms-container .wpforms-form textarea, .nf-form-cont input:not([type=button]){
background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#d2d2d2, #d2d2d2);
float: none;
border: 0;
border-radius: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: center bottom, center calc(100% - 1px);
background-size: 0 2px, 100% 1px;
font-weight: 400;
transition: background 0s ease-out;
}
div.wpforms-container .wpforms-form .form-group.is-focused .form-control{
outline: none;
background-size: 100% 2px,100% 1px;
transition-duration: 0.3s;
}
/* Compatibility with WPForms */
div.wpforms-container .wpforms-form input[type=date].form-control,
div.wpforms-container .wpforms-form input[type=datetime].form-control,
div.wpforms-container .wpforms-form input[type=datetime-local].form-control,
div.wpforms-container .wpforms-form input[type=email].form-control,
div.wpforms-container .wpforms-form input[type=month].form-control,
div.wpforms-container .wpforms-form input[type=number].form-control,
div.wpforms-container .wpforms-form input[type=password].form-control,
div.wpforms-container .wpforms-form input[type=range].form-control,
div.wpforms-container .wpforms-form input[type=search].form-control,
div.wpforms-container .wpforms-form input[type=tel].form-control,
div.wpforms-container .wpforms-form input[type=text].form-control,
div.wpforms-container .wpforms-form input[type=time].form-control,
div.wpforms-container .wpforms-form input[type=url].form-control,
div.wpforms-container .wpforms-form input[type=week].form-control,
div.wpforms-container .wpforms-form select.form-control,
div.wpforms-container .wpforms-form textarea.form-control {
border: none;
padding: 7px 0;
font-size: 14px;
}
div.wpforms-container .wpforms-form .wpforms-field-select select {
border-radius: 3px;
}
div.wpforms-container .wpforms-form .wpforms-field-number input[type=number] {
background-image: none;
border-radius: 3px;
}
div.wpforms-container .wpforms-form button[type=submit].wpforms-submit,
div.wpforms-container .wpforms-form button[type=submit].wpforms-submit:hover {
color: #ffffff;
border: none;
}
.home div.wpforms-container-full .wpforms-form {
margin-left: 15px;
margin-right: 15px;
}
div.wpforms-container-full .wpforms-form .wpforms-field {
padding: 0 0 24px 0 !important;
}
div.wpforms-container-full .wpforms-form .wpforms-submit-container {
text-align: right;
}
div.wpforms-container-full .wpforms-form .wpforms-submit-container button {
text-transform: uppercase;
}
div.wpforms-container-full .wpforms-form textarea {
border: none !important;
}
div.wpforms-container-full .wpforms-form textarea:focus {
border-width: 0 0 0 0 !important;
}
.home div.wpforms-container .wpforms-form textarea {
background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#d2d2d2, #d2d2d2);
background-color: transparent;
background-repeat: no-repeat;
background-position: center bottom, center calc(100% - 1px);
background-size: 0 2px, 100% 1px;
}
/* WPForms media queries for front page and mobile*/
@media only screen and (max-width: 768px) {
.wpforms-container-full .wpforms-form .wpforms-one-half, .wpforms-container-full .wpforms-form button {
width: 100% !important;
margin-left: 0 !important;
}
.wpforms-container-full .wpforms-form .wpforms-submit-container {
text-align: center;
}
}
div.wpforms-container .wpforms-form input:focus,
div.wpforms-container .wpforms-form select:focus {
border: none;
}
.elementor-page .hestia-about > .container {
width: 100%;
}
.elementor-page .pagebuilder-section {
padding: 0;
}
.elementor-page .title-in-content, .elementor-page .image-in-page {
display: none;
}
.home.elementor-page .main-raised > section.hestia-about {
overflow: visible;
}
.elementor-editor-active .navbar {
pointer-events: none;
}
.elementor-editor-active #elementor.elementor-edit-mode .elementor-element-overlay {
z-index: 1000000;
}
.elementor-page.page-template-template-fullwidth .blog-post-wrapper > .container {
width: 100%;
}
.elementor-page.page-template-template-fullwidth .blog-post-wrapper > .container .col-md-12 {
padding: 0;
}
.elementor-page.page-template-template-fullwidth article.section {
padding: 0;
}
.elementor-text-editor p,
.elementor-text-editor h1,
.elementor-text-editor h2,
.elementor-text-editor h3,
.elementor-text-editor h4,
.elementor-text-editor h5,
.elementor-text-editor h6 {
font-size: inherit;
}
.hestia-top-bar, .hestia-top-bar .widget.widget_shopping_cart .cart_list {
background-color: #363537
}
.hestia-top-bar .widget .label-floating input[type=search]:-webkit-autofill {
-webkit-box-shadow: inset 0 0 0px 9999px #363537
}.hestia-top-bar, .hestia-top-bar .widget .label-floating input[type=search], .hestia-top-bar .widget.widget_search form.form-group:before, .hestia-top-bar .widget.widget_product_search form.form-group:before, .hestia-top-bar .widget.widget_shopping_cart:before {
color: #ffffff
}
.hestia-top-bar .widget .label-floating input[type=search]{
-webkit-text-fill-color:#ffffff !important
}
.hestia-top-bar div.widget.widget_shopping_cart:before, .hestia-top-bar .widget.widget_product_search form.form-group:before, .hestia-top-bar .widget.widget_search form.form-group:before{
background-color: #ffffff
}.hestia-top-bar a, .hestia-top-bar .top-bar-nav li a {
color: #ffffff
}
.hestia-top-bar ul li a[href*="mailto:"]:before, .hestia-top-bar ul li a[href*="tel:"]:before{
background-color: #ffffff
}
.hestia-top-bar a:hover, .hestia-top-bar .top-bar-nav li a:hover {
color: #eeeeee
}
.hestia-top-bar ul li:hover a[href*="mailto:"]:before, .hestia-top-bar ul li:hover a[href*="tel:"]:before{
background-color: #eeeeee
}
a,
.navbar .dropdown-menu li:hover > a,
.navbar .dropdown-menu li:focus > a,
.navbar .dropdown-menu li:active > a,
.navbar .navbar-nav > li .dropdown-menu li:hover > a,
body:not(.home) .navbar-default .navbar-nav > .active:not(.btn) > a,
body:not(.home) .navbar-default .navbar-nav > .active:not(.btn) > a:hover,
body:not(.home) .navbar-default .navbar-nav > .active:not(.btn) > a:focus,
a:hover,
.card-blog a.moretag:hover,
.card-blog a.more-link:hover,
.widget a:hover,
.has-text-color.has-accent-color,
p.has-text-color a {
color:#e91e63;
}
.svg-text-color{
fill:#e91e63;
}
.pagination span.current, .pagination span.current:focus, .pagination span.current:hover {
border-color:#e91e63
}
button,
button:hover,
.woocommerce .track_order button[type="submit"],
.woocommerce .track_order button[type="submit"]:hover,
div.wpforms-container .wpforms-form button[type=submit].wpforms-submit,
div.wpforms-container .wpforms-form button[type=submit].wpforms-submit:hover,
input[type="button"],
input[type="button"]:hover,
input[type="submit"],
input[type="submit"]:hover,
input#searchsubmit,
.pagination span.current,
.pagination span.current:focus,
.pagination span.current:hover,
.btn.btn-primary,
.btn.btn-primary:link,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary.active,
.btn.btn-primary.active:focus,
.btn.btn-primary.active:hover,
.btn.btn-primary:active:hover,
.btn.btn-primary:active:focus,
.btn.btn-primary:active:hover,
.hestia-sidebar-open.btn.btn-rose,
.hestia-sidebar-close.btn.btn-rose,
.hestia-sidebar-open.btn.btn-rose:hover,
.hestia-sidebar-close.btn.btn-rose:hover,
.hestia-sidebar-open.btn.btn-rose:focus,
.hestia-sidebar-close.btn.btn-rose:focus,
.label.label-primary,
.hestia-work .portfolio-item:nth-child(6n+1) .label,
.nav-cart .nav-cart-content .widget .buttons .button,
.has-accent-background-color[class*="has-background"] {
background-color: #e91e63;
}
@media (max-width: 768px) {
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar .navbar-nav .dropdown .dropdown-menu li a:hover,
.navbar .navbar-nav .dropdown .dropdown-menu li a:focus,
.navbar button.navbar-toggle:hover,
.navbar .navbar-nav li:hover > a i {
color: #e91e63;
}
}
body:not(.woocommerce-page) button:not([class^="fl-"]):not(.hestia-scroll-to-top):not(.navbar-toggle):not(.close),
body:not(.woocommerce-page) .button:not([class^="fl-"]):not(hestia-scroll-to-top):not(.navbar-toggle):not(.add_to_cart_button),
div.wpforms-container .wpforms-form button[type=submit].wpforms-submit,
input[type="submit"],
input[type="button"],
.btn.btn-primary,
.widget_product_search button[type="submit"],
.hestia-sidebar-open.btn.btn-rose,
.hestia-sidebar-close.btn.btn-rose,
.everest-forms button[type=submit].everest-forms-submit-button {
-webkit-box-shadow: 0 2px 2px 0 rgba(233,30,99,0.14),0 3px 1px -2px rgba(233,30,99,0.2),0 1px 5px 0 rgba(233,30,99,0.12);
box-shadow: 0 2px 2px 0 rgba(233,30,99,0.14),0 3px 1px -2px rgba(233,30,99,0.2),0 1px 5px 0 rgba(233,30,99,0.12);
}
.card .header-primary, .card .content-primary,
.everest-forms button[type=submit].everest-forms-submit-button {
background: #e91e63;
}
body:not(.woocommerce-page) .button:not([class^="fl-"]):not(.hestia-scroll-to-top):not(.navbar-toggle):not(.add_to_cart_button):hover,
body:not(.woocommerce-page) button:not([class^="fl-"]):not(.hestia-scroll-to-top):not(.navbar-toggle):not(.close):hover,
div.wpforms-container .wpforms-form button[type=submit].wpforms-submit:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input#searchsubmit:hover,
.widget_product_search button[type="submit"]:hover,
.pagination span.current,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary.active,
.btn.btn-primary:active:focus,
.btn.btn-primary:active:hover,
.hestia-sidebar-open.btn.btn-rose:hover,
.hestia-sidebar-close.btn.btn-rose:hover,
.pagination span.current:hover,
.everest-forms button[type=submit].everest-forms-submit-button:hover,
.everest-forms button[type=submit].everest-forms-submit-button:focus,
.everest-forms button[type=submit].everest-forms-submit-button:active {
-webkit-box-shadow: 0 14px 26px -12px rgba(233,30,99,0.42),0 4px 23px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(233,30,99,0.2);
box-shadow: 0 14px 26px -12px rgba(233,30,99,0.42),0 4px 23px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(233,30,99,0.2);
color: #fff;
}
.form-group.is-focused .form-control {
background-image: -webkit-gradient(linear,left top, left bottom,from(#e91e63),to(#e91e63)),-webkit-gradient(linear,left top, left bottom,from(#d2d2d2),to(#d2d2d2));
background-image: -webkit-linear-gradient(linear,left top, left bottom,from(#e91e63),to(#e91e63)),-webkit-linear-gradient(linear,left top, left bottom,from(#d2d2d2),to(#d2d2d2));
background-image: linear-gradient(linear,left top, left bottom,from(#e91e63),to(#e91e63)),linear-gradient(linear,left top, left bottom,from(#d2d2d2),to(#d2d2d2));
}
.navbar:not(.navbar-transparent) li:not(.btn):hover > a,
.navbar li.on-section:not(.btn) > a,
.navbar.full-screen-menu.navbar-transparent li:not(.btn):hover > a,
.navbar.full-screen-menu .navbar-toggle:hover,
.navbar:not(.navbar-transparent) .nav-cart:hover,
.navbar:not(.navbar-transparent) .hestia-toggle-search:hover {
color:#e91e63
}
.header-filter-gradient {
background: linear-gradient(45deg, rgba(168,29,132,1) 0%, rgb(234,57,111) 100%);
}
.has-text-color.has-header-gradient-color { color: #a81d84; }
.has-header-gradient-background-color[class*="has-background"] { background-color: #a81d84; }
.has-text-color.has-background-color-color { color: #E5E5E5; }
.has-background-color-background-color[class*="has-background"] { background-color: #E5E5E5; }
.btn.btn-primary:not(.colored-button):not(.btn-left):not(.btn-right):not(.btn-just-icon):not(.menu-item), input[type="submit"]:not(.search-submit), body:not(.woocommerce-account) .woocommerce .button.woocommerce-Button, .woocommerce .product button.button, .woocommerce .product button.button.alt, .woocommerce .product #respond input#submit, .woocommerce-cart .blog-post .woocommerce .cart-collaterals .cart_totals .checkout-button, .woocommerce-checkout #payment #place_order, .woocommerce-account.woocommerce-page button.button, .woocommerce .track_order button[type="submit"], .nav-cart .nav-cart-content .widget .buttons .button, .woocommerce a.button.wc-backward, body.woocommerce .wccm-catalog-item a.button, body.woocommerce a.wccm-button.button, form.woocommerce-form-coupon button.button, div.wpforms-container .wpforms-form button[type=submit].wpforms-submit, div.woocommerce a.button.alt, div.woocommerce table.my_account_orders .button, .btn.colored-button, .btn.btn-left, .btn.btn-right, .btn:not(.colored-button):not(.btn-left):not(.btn-right):not(.btn-just-icon):not(.menu-item):not(.hestia-sidebar-open):not(.hestia-sidebar-close){ padding-top:15px; padding-bottom:15px; padding-left:33px; padding-right:33px; }
.btn.btn-primary:not(.colored-button):not(.btn-left):not(.btn-right):not(.btn-just-icon):not(.menu-item), input[type="submit"]:not(.search-submit), body:not(.woocommerce-account) .woocommerce .button.woocommerce-Button, .woocommerce .product button.button, .woocommerce .product button.button.alt, .woocommerce .product #respond input#submit, .woocommerce-cart .blog-post .woocommerce .cart-collaterals .cart_totals .checkout-button, .woocommerce-checkout #payment #place_order, .woocommerce-account.woocommerce-page button.button, .woocommerce .track_order button[type="submit"], .nav-cart .nav-cart-content .widget .buttons .button, .woocommerce a.button.wc-backward, body.woocommerce .wccm-catalog-item a.button, body.woocommerce a.wccm-button.button, form.woocommerce-form-coupon button.button, div.wpforms-container .wpforms-form button[type=submit].wpforms-submit, div.woocommerce a.button.alt, div.woocommerce table.my_account_orders .button, input[type="submit"].search-submit, .hestia-view-cart-wrapper .added_to_cart.wc-forward, .woocommerce-product-search button, .woocommerce-cart .actions .button, #secondary div[id^=woocommerce_price_filter] .button, .woocommerce div[id^=woocommerce_widget_cart].widget .buttons .button, .searchform input[type=submit], .searchform button, .search-form:not(.media-toolbar-primary) input[type=submit], .search-form:not(.media-toolbar-primary) button, .woocommerce-product-search input[type=submit], .btn.colored-button, .btn.btn-left, .btn.btn-right, .btn:not(.colored-button):not(.btn-left):not(.btn-right):not(.btn-just-icon):not(.menu-item):not(.hestia-sidebar-open):not(.hestia-sidebar-close){border-radius:3px;}
@media (min-width: 769px){
.page-header.header-small .hestia-title,
.page-header.header-small .title,
h1.hestia-title.title-in-content,
.main article.section .has-title-font-size {
font-size: 42px;
}}
</style>
<link rel='stylesheet' id='hestia_fonts-css' href='https://fonts.googleapis.com/css?family=Roboto%3A300%2C400%2C500%2C700%7CRoboto+Slab%3A400%2C700&subset=latin%2Clatin-ext&ver=3.0.4' type='text/css' media='all' />
<link rel='stylesheet' id='duplicate-post-css' href='https://www.utracki.us.edu.pl/wp-content/plugins/duplicate-post/duplicate-post.css?ver=3.2.6' type='text/css' media='all' />
<link rel='stylesheet' id='enlighterjs-css' href='https://www.utracki.us.edu.pl/wp-content/plugins/enlighter/cache/enlighterjs.min.css?ver=tr64mQqUG3THa9x' type='text/css' media='all' />
<link rel='stylesheet' id='cmplz-cookie-css' href='https://www.utracki.us.edu.pl/wp-content/plugins/complianz-gdpr/assets/css/cookieconsent.min.css?ver=4.7.2' type='text/css' media='all' /><link rel="stylesheet" type="text/css" href="https://www.utracki.us.edu.pl/wp-content/plugins/smart-slider-3/Public/SmartSlider3/Application/Frontend/Assets/dist/smartslider.min.css?ver=ff7f6f5b" media="all" />
<style type="text/css">.n2-ss-spinner-simple-white-container {
position: absolute;
top: 50%;
left: 50%;
margin: -20px;
background: #fff;
width: 20px;
height: 20px;
padding: 10px;
border-radius: 50%;
z-index: 1000;
}
.n2-ss-spinner-simple-white {
outline: 1px solid RGBA(0,0,0,0);
width:100%;
height: 100%;
}
.n2-ss-spinner-simple-white:before {
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin-top: -11px;
margin-left: -11px;
}
.n2-ss-spinner-simple-white:not(:required):before {
content: '';
border-radius: 50%;
border-top: 2px solid #333;
border-right: 2px solid transparent;
animation: n2SimpleWhite .6s linear infinite;
}
@keyframes n2SimpleWhite {
to {transform: rotate(360deg);}
}</style>
<script type='text/javascript' src='https://www.utracki.us.edu.pl/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp' id='jquery-core-js'></script>
<link rel="https://api.w.org/" href="https://www.utracki.us.edu.pl/wp-json/" /><link rel="alternate" type="application/json" href="https://www.utracki.us.edu.pl/wp-json/wp/v2/pages/252" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.utracki.us.edu.pl/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://www.utracki.us.edu.pl/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 5.5.3" />
<link rel="canonical" href="https://www.utracki.us.edu.pl/inzynieria-dzwieku-i-obrazu/" />
<link rel='shortlink' href='https://www.utracki.us.edu.pl/?p=252' />
<link rel="alternate" type="application/json+oembed" href="https://www.utracki.us.edu.pl/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.utracki.us.edu.pl%2Finzynieria-dzwieku-i-obrazu%2F" />
<link rel="alternate" type="text/xml+oembed" href="https://www.utracki.us.edu.pl/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.utracki.us.edu.pl%2Finzynieria-dzwieku-i-obrazu%2F&format=xml" />
<meta name="generator" content="Powered by WPBakery Page Builder - drag and drop page builder for WordPress."/>
<style type="text/css">.broken_link, a.broken_link {
text-decoration: line-through;
}</style><style type="text/css" media="print">#wpadminbar { display:none; }</style>
<style type="text/css" media="screen">
html { margin-top: 32px !important; }
* html body { margin-top: 32px !important; }
@media screen and ( max-width: 782px ) {
html { margin-top: 46px !important; }
* html body { margin-top: 46px !important; }
}
</style>
<link rel="icon" href="https://www.utracki.us.edu.pl/wp-content/uploads/2019/09/cropped-Ikona-32x32.jpg" sizes="32x32" />
<link rel="icon" href="https://www.utracki.us.edu.pl/wp-content/uploads/2019/09/cropped-Ikona-192x192.jpg" sizes="192x192" />
<link rel="apple-touch-icon" href="https://www.utracki.us.edu.pl/wp-content/uploads/2019/09/cropped-Ikona-180x180.jpg" />
<meta name="msapplication-TileImage" content="https://www.utracki.us.edu.pl/wp-content/uploads/2019/09/cropped-Ikona-270x270.jpg" />
<noscript><style> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript><script type="text/javascript">(function(){var N=this;N.N2_=N.N2_||{r:[],d:[]},N.N2R=N.N2R||function(){N.N2_.r.push(arguments)},N.N2D=N.N2D||function(){N.N2_.d.push(arguments)}}).call(window);if(!window.n2jQuery){window.n2jQuery={ready:function(cb){console.error('n2jQuery will be deprecated!');N2R(['$'],cb)}}}window.nextend={jQueryFallback:'https://www.utracki.us.edu.pl/wp-includes/js/jquery/jquery.js',localization:{},ready:function(cb){console.error('nextend.ready will be deprecated!');N2R('documentReady',function($){cb.call(window,$)})}};</script><script type="text/javascript" src="https://www.utracki.us.edu.pl/wp-content/plugins/smart-slider-3/Public/SmartSlider3/Application/Frontend/Assets/dist/n2.min.js?ver=ff7f6f5b"></script>
<script type="text/javascript" src="https://www.utracki.us.edu.pl/wp-content/plugins/smart-slider-3/Public/SmartSlider3/Application/Frontend/Assets/dist/smartslider-frontend.min.js?ver=ff7f6f5b"></script>
<script type="text/javascript" src="https://www.utracki.us.edu.pl/wp-content/plugins/smart-slider-3/Public/SmartSlider3/Slider/SliderType/Simple/Assets/dist/smartslider-simple-type-frontend.min.js?ver=ff7f6f5b"></script>
<script type="text/javascript" src="https://www.utracki.us.edu.pl/wp-content/plugins/smart-slider-3/Public/SmartSlider3/Slider/SliderType/Simple/Assets/dist/smartslider-backgroundanimation.min.js?ver=ff7f6f5b"></script>
<script type="text/javascript">N2R('documentReady',function($){N2R(["documentReady","smartslider-frontend","smartslider-backgroundanimation","smartslider-simple-type-frontend"],function(){new N2Classes.SmartSliderSimple('#n2-ss-2',{"admin":false,"callbacks":"","background.video.mobile":1,"alias":{"id":0,"smoothScroll":0,"slideSwitch":0,"scroll":1,"scrollSpeed":400},"align":"normal","isDelayed":0,"load":{"fade":1,"scroll":0},"playWhenVisible":1,"playWhenVisibleAt":0.5,"responsive":{"hideOn":{"desktopLandscape":false,"desktopPortrait":false,"tabletLandscape":false,"tabletPortrait":false,"mobileLandscape":false,"mobilePortrait":false},"onResizeEnabled":true,"type":"auto","downscale":1,"upscale":1,"minimumHeight":0,"maximumSlideWidth":{"desktopLandscape":3000,"desktopPortrait":3000,"tabletLandscape":3000,"tabletPortrait":3000,"mobileLandscape":3000,"mobilePortrait":3000},"forceFull":0,"forceFullOverflowX":"body","forceFullHorizontalSelector":"","constrainRatio":1,"sliderHeightBasedOn":"real","decreaseSliderHeight":0,"focusUser":1,"focusEdge":"auto","breakpoints":[{"device":"tabletPortrait","type":"max-screen-width","portraitWidth":1199,"landscapeWidth":1199},{"device":"mobilePortrait","type":"max-screen-width","portraitWidth":700,"landscapeWidth":900}],"enabledDevices":{"desktopLandscape":0,"desktopPortrait":1,"tabletLandscape":0,"tabletPortrait":1,"mobileLandscape":0,"mobilePortrait":1},"sizes":{"desktopPortrait":{"width":1200,"height":500,"max":3000,"min":1200},"tabletPortrait":{"width":701,"height":292,"max":1199,"min":701},"mobilePortrait":{"width":320,"height":133,"max":900,"min":320}},"normalizedDeviceModes":{"unknown":"desktopPortrait","desktopPortrait":"desktopPortrait","desktopLandscape":"desktopPortrait","tabletLandscape":"desktopPortrait","tabletPortrait":"tabletPortrait","mobileLandscape":"tabletPortrait","mobilePortrait":"mobilePortrait"},"overflowHiddenPage":0,"focus":{"offsetTop":"#wpadminbar","offsetBottom":""}},"controls":{"mousewheel":0,"touch":"horizontal","keyboard":1,"blockCarouselInteraction":1},"lazyLoad":0,"lazyLoadNeighbor":0,"blockrightclick":0,"maintainSession":0,"autoplay":{"enabled":1,"start":1,"duration":3000,"autoplayLoop":1,"allowReStart":0,"pause":{"click":1,"mouse":"enter","mediaStarted":1},"resume":{"click":0,"mouse":0,"mediaEnded":1,"slidechanged":0},"interval":1,"intervalModifier":"loop","intervalSlide":"current"},"perspective":1500,"layerMode":{"playOnce":0,"playFirstLayer":1,"mode":"skippable","inAnimation":"mainInEnd"},"bgAnimationsColor":"RGBA(51,51,51,1)","bgAnimations":{"global":[{"type":"Flat","tiles":{"delay":0,"sequence":"ForwardDiagonal"},"main":{"type":"both","duration":1,"zIndex":2,"current":{"ease":"easeOutCubic","opacity":0}}}],"color":"RGBA(51,51,51,1)","speed":"normal"},"mainanimation":{"type":"crossfade","duration":800,"delay":0,"ease":"easeOutQuad","parallax":0,"shiftedBackgroundAnimation":0},"carousel":1,"dynamicHeight":0,"initCallbacks":function($){N2D("SmartSliderWidgetArrowImage","SmartSliderWidget",function(e,i){function r(e,i,t,s,r,o){this.key=e,this.action=t,this.desktopRatio=s,this.tabletRatio=r,this.mobileRatio=o,N2Classes.SmartSliderWidget.prototype.constructor.call(this,i)}return((r.prototype=Object.create(N2Classes.SmartSliderWidget.prototype)).constructor=r).prototype.onStart=function(){this.deferred=e.Deferred(),this.slider.sliderElement.on("SliderDevice",this.onDevice.bind(this)).trigger("addWidget",this.deferred),this.$widget=e("#"+this.slider.elementID+"-arrow-"+this.key).on("click",function(e){e.stopPropagation(),this.slider[this.action]()}.bind(this)),this.$resize=this.$widget.find(".n2-resize"),0===this.$resize.length&&(this.$resize=this.$widget),e.when(this.$widget.n2imagesLoaded(),this.slider.stages.get("ResizeFirst").getDeferred()).always(this.onLoad.bind(this))},r.prototype.onLoad=function(){this.$widget.addClass("n2-ss-widget--calc"),this.previousWidth=this.$resize.width(),this.previousHeight=this.$resize.height(),this.$widget.removeClass("n2-ss-widget--calc"),this.$resize.find("img").css("width","100%"),this.onDevice(null,{device:this.slider.responsive.getDeviceMode()}),this.deferred.resolve()},r.prototype.onDevice=function(e,i){var t=1;switch(i.device){case"tabletPortrait":case"tabletLandscape":t=this.tabletRatio;break;case"mobilePortrait":case"mobileLandscape":t=this.mobileRatio;break;default:t=this.desktopRatio}this.$resize.width(this.previousWidth*t),this.$resize.height(this.previousHeight*t)},function(e,i,t,s){this.key="arrow",this.previous=new r("previous",e,"previousWithDirection",i,t,s),this.next=new r("next",e,"nextWithDirection",i,t,s)}});new N2Classes.SmartSliderWidgetArrowImage(this,0.8,0.8,0.5);N2D("SmartSliderWidgetShadow","SmartSliderWidget",function(t,e){"use strict";function r(t){this.key="shadow",N2Classes.SmartSliderWidget.prototype.constructor.call(this,t)}return((r.prototype=Object.create(N2Classes.SmartSliderWidget.prototype)).constructor=r).prototype.onStart=function(){this.$widget=this.slider.sliderElement.find(".nextend-shadow")},r});new N2Classes.SmartSliderWidgetShadow(this)}})})});</script></head>
<body data-cmplz=1 class="page-template-default page page-id-252 logged-in admin-bar no-customize-support blog-post header-layout-default wpb-js-composer js-comp-ver-6.1 vc_responsive elementor-default elementor-kit-288">
<script type="text/javascript">
(function() {
var request, b = document.body, c = 'className', cs = 'customize-support', rcs = new RegExp('(^|\\s+)(no-)?'+cs+'(\\s+|$)');
request = true;
b[c] = b[c].replace( rcs, ' ' );
// The customizer requires postMessage and CORS (if the site is cross domain).
b[c] += ( window.postMessage && request ? ' ' : ' no-' ) + cs;
}());
</script>
<div id="wpadminbar" class="nojq nojs">
<a class="screen-reader-shortcut" href="#wp-toolbar" tabindex="1">Przejdź do paska narzędzi</a>
<div class="quicklinks" id="wp-toolbar" role="navigation" aria-label="Pasek narzędzi">
<ul id='wp-admin-bar-root-default' class="ab-top-menu"><li id='wp-admin-bar-wp-logo' class="menupop"><a class='ab-item' aria-haspopup="true" href='https://www.utracki.us.edu.pl/wp-admin/about.php'><span class="ab-icon"></span><span class="screen-reader-text">O WordPressie</span></a><div class="ab-sub-wrapper"><ul id='wp-admin-bar-wp-logo-default' class="ab-submenu"><li id='wp-admin-bar-about'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/about.php'>O WordPressie</a></li></ul><ul id='wp-admin-bar-wp-logo-external' class="ab-sub-secondary ab-submenu"><li id='wp-admin-bar-wporg'><a class='ab-item' href='https://pl.wordpress.org/'>WordPress.org</a></li><li id='wp-admin-bar-documentation'><a class='ab-item' href='https://codex.wordpress.org/'>Dokumentacja</a></li><li id='wp-admin-bar-support-forums'><a class='ab-item' href='https://pl.forums.wordpress.org/'>Pomoc</a></li><li id='wp-admin-bar-feedback'><a class='ab-item' href='https://pl.forums.wordpress.org/forum/prosby-i-informacje-zwrotne'>Uwagi</a></li></ul></div></li><li id='wp-admin-bar-site-name' class="menupop"><a class='ab-item' aria-haspopup="true" href='https://www.utracki.us.edu.pl/wp-admin/'>Jarosław Utracki</a><div class="ab-sub-wrapper"><ul id='wp-admin-bar-site-name-default' class="ab-submenu"><li id='wp-admin-bar-dashboard'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/'>Kokpit</a></li></ul><ul id='wp-admin-bar-appearance' class="ab-submenu"><li id='wp-admin-bar-themes'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/themes.php'>Motywy</a></li><li id='wp-admin-bar-widgets'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/widgets.php'>Widgety</a></li><li id='wp-admin-bar-menus'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/nav-menus.php'>Menu</a></li><li id='wp-admin-bar-background' class="hide-if-customize"><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/themes.php?page=custom-background'>Tło</a></li><li id='wp-admin-bar-header' class="hide-if-customize"><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/themes.php?page=custom-header'>Nagłówek</a></li></ul></div></li><li id='wp-admin-bar-customize' class="hide-if-no-customize"><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/customize.php?url=https%3A%2F%2Fwww.utracki.us.edu.pl%2Finzynieria-dzwieku-i-obrazu%2F'>Dostosuj</a></li><li id='wp-admin-bar-updates'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/update-core.php' title='9 aktualizacji wtyczek, 1 aktualizacja motywu'><span class="ab-icon"></span><span class="ab-label">10</span><span class="screen-reader-text">9 aktualizacji wtyczek, 1 aktualizacja motywu</span></a></li><li id='wp-admin-bar-comments'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/edit-comments.php'><span class="ab-icon"></span><span class="ab-label awaiting-mod pending-count count-0" aria-hidden="true">0</span><span class="screen-reader-text comments-in-moderation-text">0 komentarzy oczekuje na moderację</span></a></li><li id='wp-admin-bar-new-content' class="menupop"><a class='ab-item' aria-haspopup="true" href='https://www.utracki.us.edu.pl/wp-admin/post-new.php'><span class="ab-icon"></span><span class="ab-label">Dodaj</span></a><div class="ab-sub-wrapper"><ul id='wp-admin-bar-new-content-default' class="ab-submenu"><li id='wp-admin-bar-new-post'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/post-new.php'>Wpis</a></li><li id='wp-admin-bar-new-media'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/media-new.php'>Medium</a></li><li id='wp-admin-bar-new-page'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/post-new.php?post_type=page'>Strona</a></li><li id='wp-admin-bar-new-elementor_library'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/post-new.php?post_type=elementor_library'>Szablon</a></li><li id='wp-admin-bar-new-3d-flip-book'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/post-new.php?post_type=3d-flip-book'>3D FlipBook</a></li><li id='wp-admin-bar-new-video_gallery'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/post-new.php?post_type=video_gallery'>Video Gallery</a></li><li id='wp-admin-bar-new-user'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/user-new.php'>Użytkownika</a></li><li id='wp-admin-bar-new_content_smart_slider'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/admin.php?page=smart-slider3#createslider'>Slider [Smart Slider 3]</a></li><li id='wp-admin-bar-wpforms'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/admin.php?page=wpforms-builder'>WPForms</a></li></ul></div></li><li id='wp-admin-bar-edit'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/post.php?post=252&action=edit'>Edytuj stronę</a></li><li id='wp-admin-bar-smart_slider_3' class="menupop"><a class='ab-item' aria-haspopup="true" href='https://www.utracki.us.edu.pl/wp-admin/admin.php?page=smart-slider3'>Smart Slider</a><div class="ab-sub-wrapper"><ul id='wp-admin-bar-smart_slider_3-default' class="ab-submenu"><li id='wp-admin-bar-smart_slider_3_dashboard'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/admin.php?page=smart-slider3'>Dashboard</a></li><li id='wp-admin-bar-smart_slider_3_create_slider'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/admin.php?page=smart-slider3#createslider'>Create slider</a></li><li id='wp-admin-bar-smart_slider_3_edit' class="menupop"><a class='ab-item' aria-haspopup="true" href='https://www.utracki.us.edu.pl/wp-admin/admin.php?page=smart-slider3'><span class="wp-admin-bar-arrow" aria-hidden="true"></span>Edit slider</a><div class="ab-sub-wrapper"><ul id='wp-admin-bar-smart_slider_3_edit-default' class="ab-submenu"><li id='wp-admin-bar-smart_slider_3_slider_3'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/admin.php?page=smart-slider3&nextendcontroller=slider&nextendaction=edit&sliderid=3&groupID=0'>#3 - SlowLoading</a></li><li id='wp-admin-bar-smart_slider_3_slider_2'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/admin.php?page=smart-slider3&nextendcontroller=slider&nextendaction=edit&sliderid=2&groupID=0'>#2 - WWW_WNSSlajder</a></li><li id='wp-admin-bar-smart_slider_3_slider_1'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/admin.php?page=smart-slider3&nextendcontroller=slider&nextendaction=edit&sliderid=1&groupID=0'>#1 - Sample Slider</a></li></ul></div></li></ul></div></li><li id='wp-admin-bar-aye-menu' class="menupop"><div class="ab-item ab-empty-item" aria-haspopup="true">YouTube Embed</div><div class="ab-sub-wrapper"><ul id='wp-admin-bar-aye-menu-default' class="ab-submenu"><li id='wp-admin-bar-aye-options'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/admin.php?page=ye-general-options' target='_blank'>Options</a></li><li id='wp-admin-bar-aye-profile'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/admin.php?page=ye-profile-options' target='_blank'>Profiles</a></li><li id='wp-admin-bar-aye-lists'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/admin.php?page=ye-list-options' target='_blank'>Lists</a></li></ul></div></li><li id='wp-admin-bar-wpforms-menu' class="menupop"><a class='ab-item' aria-haspopup="true" href='https://www.utracki.us.edu.pl/wp-admin/admin.php?page=wpforms-overview'>WPForms <div class="wpforms-menu-notification-counter"><span>2</span></div></a><div class="ab-sub-wrapper"><ul id='wp-admin-bar-wpforms-menu-default' class="ab-submenu"><li id='wp-admin-bar-wpforms-notifications'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/admin.php?page=wpforms-overview'>Notifications <div class="wpforms-menu-notification-indicator"></div></a></li><li id='wp-admin-bar-wpforms-forms'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/admin.php?page=wpforms-overview'>All Forms</a></li><li id='wp-admin-bar-wpforms-add-new'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/admin.php?page=wpforms-builder'>Add New</a></li><li id='wp-admin-bar-wpforms-community'><a class='ab-item' href='https://www.facebook.com/groups/wpformsvip/' target='_blank' rel='noopener noreferrer'>Community</a></li><li id='wp-admin-bar-wpforms-support'><a class='ab-item' href='https://wpforms.com/docs/' target='_blank' rel='noopener noreferrer'>Support</a></li></ul></div></li><li id='wp-admin-bar-vc_inline-admin-bar-link' class="vc_inline-link"><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/post.php?vc_action=vc_inline&post_id=252&post_type=page'>Edit with WPBakery Page Builder</a></li><li id='wp-admin-bar-new_draft'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/admin.php?action=duplicate_post_save_as_new_post_draft&post=252&_wpnonce=6af000e87f'>Kopiuj do nowego szkicu</a></li></ul><ul id='wp-admin-bar-top-secondary' class="ab-top-secondary ab-top-menu"><li id='wp-admin-bar-search' class="admin-bar-search"><div class="ab-item ab-empty-item" tabindex="-1"><form action="https://www.utracki.us.edu.pl/" method="get" id="adminbarsearch"><input class="adminbar-input" name="s" id="adminbar-search" type="text" value="" maxlength="150" /><label for="adminbar-search" class="screen-reader-text">Szukaj</label><input type="submit" class="adminbar-button" value="Szukaj"/></form></div></li><li id='wp-admin-bar-my-account' class="menupop with-avatar"><a class='ab-item' aria-haspopup="true" href='https://www.utracki.us.edu.pl/wp-admin/profile.php'>Witaj, <span class="display-name">admin</span><img alt='' src='https://secure.gravatar.com/avatar/3ec32c9c3633307ad2887554c1225a0b?s=26&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/3ec32c9c3633307ad2887554c1225a0b?s=52&d=mm&r=g 2x' class='avatar avatar-26 photo' height='26' width='26' loading='lazy'/></a><div class="ab-sub-wrapper"><ul id='wp-admin-bar-user-actions' class="ab-submenu"><li id='wp-admin-bar-user-info'><a class='ab-item' tabindex="-1" href='https://www.utracki.us.edu.pl/wp-admin/profile.php'><img alt='' src='https://secure.gravatar.com/avatar/3ec32c9c3633307ad2887554c1225a0b?s=64&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/3ec32c9c3633307ad2887554c1225a0b?s=128&d=mm&r=g 2x' class='avatar avatar-64 photo' height='64' width='64' loading='lazy'/><span class='display-name'>admin</span><span class='username'>jaroslawutracki_ezw47luf</span></a></li><li id='wp-admin-bar-edit-profile'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-admin/profile.php'>Edytuj profil</a></li><li id='wp-admin-bar-logout'><a class='ab-item' href='https://www.utracki.us.edu.pl/wp-login.php?action=logout&_wpnonce=92119ee763'>Wyloguj się</a></li></ul></div></li></ul> </div>
<a class="screen-reader-shortcut" href="https://www.utracki.us.edu.pl/wp-login.php?action=logout&_wpnonce=92119ee763">Wyloguj się</a>
</div>
<div class="wrapper default ">
<header class="header ">
<div style="display: none"></div> <nav class="navbar navbar-default navbar-fixed-top hestia_left navbar-not-transparent">
<div class="container">
<div class="navbar-header">
<div class="title-logo-wrapper">
<a class="navbar-brand" href="https://www.utracki.us.edu.pl/"
title="Jarosław Utracki">
<p>Jarosław Utracki</p></a>
</div>
<div class="navbar-toggle-wrapper">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-navigation">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="sr-only">Przełącz Nawigację</span>
</button>
</div>
</div>
<div id="main-navigation" class="collapse navbar-collapse"><ul id="menu-menu-glowne" class="nav navbar-nav"><li id="menu-item-16" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-16"><a title="Strona główna" href="https://www.utracki.us.edu.pl/">Strona główna</a></li>
<li id="menu-item-846" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home current-menu-ancestor current-menu-parent menu-item-has-children menu-item-846 dropdown"><a title="Dydaktyka" href="https://www.utracki.us.edu.pl" class="dropdown-toggle">Dydaktyka <span class="caret-wrap"><span class="caret"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" class="svg-inline--fa fa-chevron-down fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg></span></span></a>
<ul role="menu" class="dropdown-menu">
<li id="menu-item-845" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-845"><a title="Podejście do Produkcji Gier" href="https://www.utracki.us.edu.pl/bpdpg/">Podejście do Produkcji Gier</a></li>
<li id="menu-item-376" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-376"><a title="C/C++ – Programowanie" href="https://www.utracki.us.edu.pl/c-jezyk-programowania-obiektowego/">C/C++ – Programowanie</a></li>
<li id="menu-item-377" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-377"><a title="Java – Programowanie" href="https://www.utracki.us.edu.pl/java-jezyk-i-podstawy-programowania/">Java – Programowanie</a></li>
<li id="menu-item-601" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-252 current_page_item menu-item-601 active"><a title="Inżynieria Obrazu i Dźwięku" href="https://www.utracki.us.edu.pl/inzynieria-dzwieku-i-obrazu/">Inżynieria Obrazu i Dźwięku</a></li>
<li id="menu-item-861" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-861"><a title="Technologie Sieci Rozległych" href="https://www.utracki.us.edu.pl/techwan/">Technologie Sieci Rozległych</a></li>
<li id="menu-item-850" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-850"><a title="Transakcje Elektroniczne" href="https://www.utracki.us.edu.pl/transakcje-elektroniczne/">Transakcje Elektroniczne</a></li>
</ul>
</li>
<li id="menu-item-290" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-290"><a title="Cookie policy (EU)" href="https://www.utracki.us.edu.pl/cookie-policy-eu/">Cookie policy (EU)</a></li>
</ul></div> </div>
</nav>
</header>
<div id="primary" class="boxed-layout-header page-header header-small" data-parallax="active" ><div class="container"><div class="row"><div class="col-md-10 col-md-offset-1 text-center"><h1 class="hestia-title ">Inżynieria Dźwięku i Obrazu</h1></div></div></div><div class="header-filter header-filter-gradient"></div></div><div class="main main-raised ">
<div class="blog-post ">
<div class="container">
<article id="post-252" class="section section-text">
<div class="row">
<div class="col-md-8 page-content-wrap col-md-offset-2">
<p>Czym jest Obraz… Czym jest Dźwięk… </p>
<p>Doświadczamy tego zmysłami, jednakże w podejściu informatycznym to forma, medium, które można przetwarzać, zapisywać, prezentować.</p>
<p>Zajęcia z Inżynierii Dźwięku i Obrazu to zajęcia o tym jak zapisać te media, aby były reprezentatywne do ich rzeczywistych, realnych źródeł. To zajęcia jak ze słowa i mediów stworzyć atrakcyjny i wydajny kontent multimedialny. To zajęcia jak przedstawić swoje myśli w wyrazisty i zrozumiały sposób. To zajęcia jak rozwijać się w materii informatycznego uniwersum i otrzymać w wyniku kompilację w postaci audiowizualnego systemu internetowego. To zajęcia, które pozwolą Wam ukazać swą artystyczną duszę i przedstawić się innym.</p>
<div class="n2-section-smartslider fitvidsignore " role="region" aria-label="Slajder"><style>div#n2-ss-2{width:1200px;}div#n2-ss-2 .n2-ss-slider-1{position:relative;}div#n2-ss-2 .n2-ss-slider-background-video-container{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}div#n2-ss-2 .n2-ss-slider-2{position:relative;overflow:hidden;padding:0px 0px 0px 0px;height:500px;border:0px solid RGBA(62,62,62,1);border-radius:0px;background-clip:padding-box;background-repeat:repeat;background-position:50% 50%;background-size:cover;background-attachment:scroll;z-index:1;}div#n2-ss-2.n2-ss-mobileLandscape .n2-ss-slider-2,div#n2-ss-2.n2-ss-mobilePortrait .n2-ss-slider-2{background-attachment:scroll;}div#n2-ss-2 .n2-ss-slider-3{position:relative;width:100%;height:100%;overflow:hidden;outline:1px solid rgba(0,0,0,0);z-index:10;}div#n2-ss-2 .n2-ss-slide-backgrounds,div#n2-ss-2 .n2-ss-slider-3 > .n-particles-js-canvas-el,div#n2-ss-2 .n2-ss-slider-3 > .n2-ss-divider{position:absolute;left:0;top:0;width:100%;height:100%;}div#n2-ss-2 .n2-ss-slide-backgrounds{z-index:10;}div#n2-ss-2 .n2-ss-slider-3 > .n-particles-js-canvas-el{z-index:12;}div#n2-ss-2 .n2-ss-slide-backgrounds > *{overflow:hidden;}div#n2-ss-2 .n2-ss-slide{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;display:block;-webkit-backface-visibility:hidden;}div#n2-ss-2 .n2-ss-layers-container{position:relative;width:1200px;height:500px;}div#n2-ss-2 .n2-ss-parallax-clip > .n2-ss-layers-container{position:absolute;right:0;}div#n2-ss-2 .n2-ss-slide{perspective:1500px;}div#n2-ss-2[data-ie] .n2-ss-slide{perspective:none;transform:perspective(1500px);}div#n2-ss-2 .n2-ss-slide-active{z-index:21;}div#n2-ss-2 .nextend-arrow{cursor:pointer;overflow:hidden;line-height:0 !important;z-index:18;}div#n2-ss-2 .nextend-arrow img{position:relative;min-height:0;min-width:0;vertical-align:top;width:auto;height:auto;max-width:100%;max-height:100%;display:inline;}div#n2-ss-2 .nextend-arrow img.n2-arrow-hover-img{display:none;}div#n2-ss-2 .nextend-arrow:HOVER img.n2-arrow-hover-img{display:inline;}div#n2-ss-2 .nextend-arrow:HOVER img.n2-arrow-normal-img{display:none;}div#n2-ss-2 .nextend-arrow-animated{overflow:hidden;}div#n2-ss-2 .nextend-arrow-animated > div{position:relative;}div#n2-ss-2 .nextend-arrow-animated .n2-active{position:absolute;}div#n2-ss-2 .nextend-arrow-animated-fade{transition:background 0.3s, opacity 0.4s;}div#n2-ss-2 .nextend-arrow-animated-horizontal > div{transition:all 0.4s;left:0;}div#n2-ss-2 .nextend-arrow-animated-horizontal .n2-active{top:0;}div#n2-ss-2 .nextend-arrow-previous.nextend-arrow-animated-horizontal:HOVER > div,div#n2-ss-2 .nextend-arrow-previous.nextend-arrow-animated-horizontal:FOCUS > div,div#n2-ss-2 .nextend-arrow-next.nextend-arrow-animated-horizontal .n2-active{left:-100%;}div#n2-ss-2 .nextend-arrow-previous.nextend-arrow-animated-horizontal .n2-active,div#n2-ss-2 .nextend-arrow-next.nextend-arrow-animated-horizontal:HOVER > div,div#n2-ss-2 .nextend-arrow-next.nextend-arrow-animated-horizontal:FOCUS > div{left:100%;}div#n2-ss-2 .nextend-arrow.nextend-arrow-animated-horizontal:HOVER .n2-active,div#n2-ss-2 .nextend-arrow.nextend-arrow-animated-horizontal:FOCUS .n2-active{left:0;}div#n2-ss-2 .nextend-arrow-animated-vertical > div{transition:all 0.4s;top:0;}div#n2-ss-2 .nextend-arrow-animated-vertical .n2-active{left:0;}div#n2-ss-2 .nextend-arrow-animated-vertical .n2-active{top:-100%;}div#n2-ss-2 .nextend-arrow-animated-vertical:HOVER > div,div#n2-ss-2 .nextend-arrow-animated-vertical:FOCUS > div{top:100%;}div#n2-ss-2 .nextend-arrow-animated-vertical:HOVER .n2-active,div#n2-ss-2 .nextend-arrow-animated-vertical:FOCUS .n2-active{top:0;}div#n2-ss-2 .nextend-shadow{width:100%;z-index:0;}div#n2-ss-2 .nextend-shadow img{max-width:none;width:100%;}div#n2-ss-2 .n2-style-041670f7df29ffb4048fc6d85d61d1ee-heading{background: RGBA(0,0,0,0.67);opacity:1;padding:2px 2px 2px 2px ;box-shadow: none;border-width: 0px;border-style: solid;border-color: #000000; border-color: RGBA(0,0,0,1);border-radius:3px;}div#n2-ss-2 .n2-style-041670f7df29ffb4048fc6d85d61d1ee-heading:Hover, div#n2-ss-2 .n2-style-041670f7df29ffb4048fc6d85d61d1ee-heading:ACTIVE, div#n2-ss-2 .n2-style-041670f7df29ffb4048fc6d85d61d1ee-heading:FOCUS{background: RGBA(1,173,211,0.85);}</style><div id="n2-ss-2-align" class="n2-ss-align"><div class="n2-padding"><div id="n2-ss-2" data-creator="Smart Slider 3" class="n2-ss-slider n2-ow n2-has-hover n2notransition n2-ss-load-fade " style="font-size: 1rem;" data-fontsize="16">
<div class="n2-ss-slider-1 n2_ss__touch_element n2-ow" style="">
<div class="n2-ss-slider-2 n2-ow" style="">
<div class="n2-ss-background-animation n2-ow"></div>
<div class="n2-ss-slider-3 n2-ow" style="">
<div class="n2-ss-slide-backgrounds"></div><div data-first="1" data-slide-duration="0" data-id="4" style="" class=" n2-ss-slide n2-ss-canvas n2-ow n2-ss-slide-4"><div class="n2-ss-slide-background n2-ow" data-mode="fill"><div data-hash="cdede77ce66e39e5691be37ed7837060" data-desktop="//www.utracki.us.edu.pl/wp-content/uploads/resized/f751559786afbcc0361858571bbce384/tn_Zrzut-ekranu-20.png" class="n2-ss-slide-background-image" data-blur="0" data-alt="" data-title=""></div></div><div class="n2-ss-layers-container n2-ow"><div class="n2-ss-layer n2-ow" style="padding:0px 0px 0px 0px;" data-desktopportraitpadding="0|*|0|*|0|*|0" data-sstype="slide" data-csstextalign="center" data-pm="default"></div></div></div><div data-slide-duration="0" data-id="5" style="" class=" n2-ss-slide n2-ss-canvas n2-ow n2-ss-slide-5"><div class="n2-ss-slide-background n2-ow" data-mode="fill"><div data-hash="887330a9aea1f2da1f12e33a4c298643" data-desktop="//www.utracki.us.edu.pl/wp-content/uploads/resized/cf951187372dba6432db279a7a7b014a/tn_Zrzut-ekranu-19.png" class="n2-ss-slide-background-image" data-blur="0" data-alt="" data-title=""></div></div><div class="n2-ss-layers-container n2-ow"><div class="n2-ss-layer n2-ow" style="padding:0px 0px 0px 0px;" data-desktopportraitpadding="0|*|0|*|0|*|0" data-sstype="slide" data-csstextalign="center" data-pm="default"></div></div></div><div data-slide-duration="0" data-id="6" style="" class=" n2-ss-slide n2-ss-canvas n2-ow n2-ss-slide-6"><div class="n2-ss-slide-background n2-ow" data-mode="fill"><div data-hash="817f4fa2a265103021005a844d497e3d" data-desktop="//www.utracki.us.edu.pl/wp-content/uploads/resized/fbc566d1adb60adc0afe5198f7a34b48/tn_Zrzut-ekranu-18.png" class="n2-ss-slide-background-image" data-blur="0" data-alt="" data-title=""></div></div><div class="n2-ss-layers-container n2-ow"><div class="n2-ss-layer n2-ow" style="padding:0px 0px 0px 0px;" data-desktopportraitpadding="0|*|0|*|0|*|0" data-sstype="slide" data-csstextalign="center" data-pm="default"></div></div></div><div data-slide-duration="0" data-id="7" style="" class=" n2-ss-slide n2-ss-canvas n2-ow n2-ss-slide-7"><div class="n2-ss-slide-background n2-ow" data-mode="fill"><div data-hash="e0a0e1385991940ad2ebc0784dd0d308" data-desktop="//www.utracki.us.edu.pl/wp-content/uploads/resized/0b33b1b477b3c7434f7eb063c0966178/tn_Zrzut-ekranu-17.png" class="n2-ss-slide-background-image" data-blur="0" data-alt="" data-title=""></div></div><div class="n2-ss-layers-container n2-ow"><div class="n2-ss-layer n2-ow" style="padding:0px 0px 0px 0px;" data-desktopportraitpadding="0|*|0|*|0|*|0" data-sstype="slide" data-csstextalign="center" data-pm="default"></div></div></div><div data-slide-duration="0" data-id="8" style="" class=" n2-ss-slide n2-ss-canvas n2-ow n2-ss-slide-8"><div class="n2-ss-slide-background n2-ow" data-mode="fill"><div data-hash="5dcd178a494f2dd8a17a17997ea395f6" data-desktop="//www.utracki.us.edu.pl/wp-content/uploads/resized/df10e4f378783a84845387dc63e57d77/tn_Zrzut-ekranu-16.png" class="n2-ss-slide-background-image" data-blur="0" data-alt="" data-title=""></div></div><div class="n2-ss-layers-container n2-ow"><div class="n2-ss-layer n2-ow" style="padding:0px 0px 0px 0px;" data-desktopportraitpadding="0|*|0|*|0|*|0" data-sstype="slide" data-csstextalign="center" data-pm="default"></div></div></div><div data-slide-duration="0" data-id="9" style="" class=" n2-ss-slide n2-ss-canvas n2-ow n2-ss-slide-9"><div class="n2-ss-slide-background n2-ow" data-mode="fill"><div data-hash="e5c2686e794411387a6227d1ef1aaec5" data-desktop="//www.utracki.us.edu.pl/wp-content/uploads/resized/0f305f29c0638013a3c9903100ec8315/tn_Zrzut-ekranu-15.png" class="n2-ss-slide-background-image" data-blur="0" data-alt="" data-title=""></div></div><div class="n2-ss-layers-container n2-ow"><div class="n2-ss-layer n2-ow" style="padding:0px 0px 0px 0px;" data-desktopportraitpadding="0|*|0|*|0|*|0" data-sstype="slide" data-csstextalign="center" data-pm="default"></div></div></div> </div>
</div>
<div data-ssleft="0+15" data-sstop="sliderHeight/2-previousheight/2" id="n2-ss-2-arrow-previous" class="n2-ss-widget n2-ss-widget-hide-mobileportrait n2-ss-widget-display-hover n2-style-041670f7df29ffb4048fc6d85d61d1ee-heading nextend-arrow n2-ow nextend-arrow-previous nextend-arrow-animated-fade n2-ib" style="position: absolute;" role="button" aria-label="previous arrow" tabindex="0"><img class="n2-ow" data-no-lazy="1" data-hack="data-lazy-src" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICAgIDxwYXRoIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuOCIgZmlsbC1ydWxlPSJldmVub2RkIgogICAgICAgICAgZD0iTTE4Ljk5NTggOC45OTA3YzAtLjQyNC0uMjA0LS43MjMtLjYxLS44OTgtLjQwOS0uMTczLS43NzItLjEwNC0xLjA5My4yMDlsLTcuMDA2IDYuOTc1Yy0uMjAxLjE5OS0uMjk3LjQzNy0uMjg2LjcxNiAwIC4yNjcuMDk2LjQ5OC4yODYuNjg5bDcuMDA2IDcuMDAxYy4zMjEuMzIxLjY4NC4zODkgMS4wOTMuMjA5LjQwNi0uMTc0LjYxLS40ODIuNjEtLjkyMlY4Ljk5MDd6Ii8+Cjwvc3ZnPg==" alt="previous arrow" /></div>
<div data-ssright="0+15" data-sstop="sliderHeight/2-nextheight/2" id="n2-ss-2-arrow-next" class="n2-ss-widget n2-ss-widget-hide-mobileportrait n2-ss-widget-display-hover n2-style-041670f7df29ffb4048fc6d85d61d1ee-heading nextend-arrow n2-ow nextend-arrow-next nextend-arrow-animated-fade n2-ib" style="position: absolute;" role="button" aria-label="next arrow" tabindex="0"><img class="n2-ow" data-no-lazy="1" data-hack="data-lazy-src" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMiA4Ljk5YzAtLjQyMy4yMDQtLjcyMi42MS0uODk3LjQwOC0uMTczLjc3Mi0uMTA0IDEuMDkyLjIxbDcuMDA2IDYuOTc0Yy4yMDIuMi4yOTguNDM3LjI4Ny43MTYgMCAuMjY3LS4wOTYuNDk4LS4yODcuNjlsLTcuMDA2IDdjLS4zMi4zMi0uNjg0LjM5LTEuMDkyLjIxLS40MDYtLjE3NS0uNjEtLjQ4My0uNjEtLjkyM1Y4Ljk5eiIKICAgICAgICAgIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuOCIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPg==" alt="next arrow" /></div>
</div>
<div data-position="below" class="n2-ss-widget n2-ss-widget-hide-mobileportrait nextend-shadow n2-ow" style="margin-top:0px;width:100%;"><img style="display: block; width:100%;max-width:none;" class="n2-ow nextend-shadow-image" data-no-lazy="1" data-hack="data-lazy-src" src="https://www.utracki.us.edu.pl/wp-content/plugins/smart-slider-3/Public/SmartSlider3/Widget/Shadow/ShadowImage/Assets/shadow/dark.png" alt="Shadow" /></div>
</div><div id="n2-ss-2-spinner" style="display: none;"><div><div class="n2-ss-spinner-simple-white-container"><div class="n2-ss-spinner-simple-white"></div></div></div></div></div></div><div class="n2_clear"></div><div id="n2-ss-2-placeholder" style="min-height:0px;position: relative;z-index:2;background-color:RGBA(0,0,0,0); background-color:RGBA(255,255,255,0);"><img style="width: 100%; max-width:3000px; display: block;opacity:0;margin:0px;" class="n2-ow" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjUwMCIgPjwvc3ZnPg==" alt="Slider" /></div></div>
<p>Tworzenie nowoczesnego kontentu i utrzymanie wysokiej jego jakości wymaga poznania technik informatycznych zarządzania treścią na wielu poziomach. Poziomem końcowym, choć najbardziej widocznym, bo stanowi pierwszy plan z którym spotyka się osoba przeglądająca w Internecie zasoby, jest niewątpliwie strona WWW. W zależności od tego do jakich celów została stworzona różni się poziomem skomplikowania od prostej wizytówki zawierającej niezbędne dane do wielopoziomowej witryny z regulowanym doń dostępem będącej dalej jedynie fasadą “budynku” w którym dokonują się o wiele bardziej skomplikowane operacje przetwarzania danych. Poziomy bardziej pierwotne, to te, które tak naprawdę służą albo w pre-procesingu przygotowaniu treści do jej zaprezentowania albo też działają niejako w ukryciu, w tle strony jako efekt np. responsywności strony.</p>
<p>Programem zajęć jest zapoznanie się z całością tematyki ze szczególnym skupieniem się na procesie twórczym służącym do przygotowania przez każdego własnego portalu informacyjnego. Co za tym idzie, prócz wiedzy technicznej służącej tworzeniu strony WWW czy obsłudze systemów zarządzania treścią (CMS) student przechodzi szkolenie z zakresu przygotowania materiału, który po wstępnej obróbce (pre-processing) może ukazać się w ramach witryny. Zajęcia z Inżynierii Dźwięku i Obrazu składają się z 16 tematów i 60 godzin omawiających wyżej przedstawione zagadnienia w stopniu podstawowym z punktu widzenia informatycznego, lecz zaawansowanym z punktu widzenia przyszłych dziennikarzy. Poniżej została przedstawiona klasyfikacja tematyki z podziałem na bloki tematyczne w rozbiciu na dwa semestry. </p>
<ol><li><a rel="noreferrer noopener" href="https://www.utracki.us.edu.pl/witryna-internetowa-czym-jest-i-do-czego-sluzy/" target="_blank">Witryna internetowa – czym jest i do czego służy.</a></li><li><a href="https://www.utracki.us.edu.pl/temat-2-tresci-multimedialne-czym-sa-i-z-czego-sie-skladaja-kontent/" target="_blank" rel="noreferrer noopener">Treści multimedialne – czym są i z czego się składają (kontent)</a></li><li>Języki kodowania: HTML, PHP, JAVASCRIPT i inne.</li><li>Systemy Zarządzania Treścią (CMS) – WordPress, Joomla, Drupal itp.</li><li>Filozofia tworzenia witryn w oparciu o szablony (WordPress)</li><li>Konfiguracja systemu WordPress</li><li>Wtyczki rozszerzeń</li><li>Zabezpieczenia i certyfikaty w systemach Internetowych<br><br></li><li>Dźwięk – rejestracja, klasyfikacja, odtwarzanie</li><li>Dźwięk – przetwarzanie zarejestrowanego dźwięku (edytory)</li><li>Dźwięk – kodowanie, składowanie i użycie materiału jako kontentu</li><li><a rel="noreferrer noopener" aria-label="Obraz - rejestracja, klasyfikacja, odtwarzanie (wtyczki) (otwiera się na nowej zakładce)" href="https://www.utracki.us.edu.pl/obraz-rejestracja-klasyfikacja-odtwarzanie-wtyczki/" target="_blank">Obraz – rejestracja, klasyfikacja, odtwarzanie (wtyczki)</a></li><li><a rel="noreferrer noopener" aria-label="Obraz - przetwarzanie obrazu statycznego (edytory)
zagadnienia kodowania, formatów, filtrów, rozdzielczości (otwiera się na nowej zakładce)" href="https://www.utracki.us.edu.pl/obraz-przetwarzanie-obrazu-statycznego-edytory-zagadnienia-kodowania-formatow-filtrow-rozdzielczosci/" target="_blank">Obraz – przetwarzanie obrazu statycznego (edytory)<br>zagadnienia kodowania, formatów, filtrów, rozdzielczości</a></li><li><a rel="noreferrer noopener" aria-label="Film - rejestracja, klasyfikacja, odtwarzanie (wtyczki) (otwiera się na nowej zakładce)" href="https://www.utracki.us.edu.pl/film-rejestracja-klasyfikacja-odtwarzanie-wtyczki/" target="_blank">Film – rejestracja, klasyfikacja, odtwarzanie (wtyczki)</a> </li><li><a rel="noreferrer noopener" aria-label="Film - przetwarzanie filmu (edytory) (otwiera się na nowej zakładce)" href="https://www.utracki.us.edu.pl/film-przetwarzanie-filmu-edytory/" target="_blank">Film – przetwarzanie filmu (edytory)</a></li><li>Multimedia – dedykowane serwery streamingowe, a witryny WWW.</li></ol>
<p></p>
</div>
</div>
</article>
</div>
</div>
<footer class="footer footer-black footer-big">
<div class="container">
<div class="hestia-bottom-footer-content"><ul id="menu-menu-glowne-1" class="footer-menu pull-left"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-16"><a href="https://www.utracki.us.edu.pl/">Strona główna</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home current-menu-ancestor current-menu-parent menu-item-has-children menu-item-846"><a href="https://www.utracki.us.edu.pl">Dydaktyka</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-290"><a href="https://www.utracki.us.edu.pl/cookie-policy-eu/">Cookie policy (EU)</a></li>
</ul> <div class="copyright pull-right">
Omnia possum in eo qui me confortat </div>
</div> </div>
</footer>
</div>
</div>
<style>
.wpforms-recaptcha-container {
position: relative !important;
}
div.wpforms-container-full .wpforms-form .cmplz-accept-marketing {
background: grey;
}
</style>
<style>
.cmplz-blocked-content-container.recaptcha-invisible,
.cmplz-blocked-content-container.g-recaptcha {
max-width: initial !important;
height: 70px !important
}
@media only screen and (max-width: 400px) {
.cmplz-blocked-content-container.recaptcha-invisible,
.cmplz-blocked-content-container.g-recaptcha {
height: 100px !important
}
}
.cmplz-blocked-content-container.recaptcha-invisible .cmplz-blocked-content-notice,
.cmplz-blocked-content-container.g-recaptcha .cmplz-blocked-content-notice {
top: 2px
}
</style>
<style>
.cmplz-placeholder-element > blockquote.fb-xfbml-parse-ignore {
margin: 0 20px;
}
</style>
<script type="text/template" id="tmpl-elementor-templates-modal__header">
<div class="elementor-templates-modal__header__logo-area"></div>
<div class="elementor-templates-modal__header__menu-area"></div>
<div class="elementor-templates-modal__header__items-area">
<# if ( closeType ) { #>
<div class="elementor-templates-modal__header__close elementor-templates-modal__header__close--{{{ closeType }}} elementor-templates-modal__header__item">
<# if ( 'skip' === closeType ) { #>
<span>Pomiń</span>
<# } #>
<i class="eicon-close" aria-hidden="true" title="Zamknij"></i>
<span class="elementor-screen-only">Zamknij</span>
</div>
<# } #>
<div id="elementor-template-library-header-tools"></div>
</div>
</script>
<script type="text/template" id="tmpl-elementor-templates-modal__header__logo">
<span class="elementor-templates-modal__header__logo__icon-wrapper e-logo-wrapper">
<i class="eicon-elementor"></i>
</span>
<span class="elementor-templates-modal__header__logo__title">{{{ title }}}</span>
</script>
<script type="text/template" id="tmpl-elementor-finder">
<div id="elementor-finder__search">
<i class="eicon-search"></i>
<input id="elementor-finder__search__input" placeholder="Wpisz, aby wyszukać cokolwiek w Elementorze">
</div>
<div id="elementor-finder__content"></div>
</script>
<script type="text/template" id="tmpl-elementor-finder-results-container">
<div id="elementor-finder__no-results">Nie znaleziono żadnych wyników</div>
<div id="elementor-finder__results"></div>
</script>
<script type="text/template" id="tmpl-elementor-finder__results__category">
<div class="elementor-finder__results__category__title">{{{ title }}}</div>
<div class="elementor-finder__results__category__items"></div>
</script>
<script type="text/template" id="tmpl-elementor-finder__results__item">
<a href="{{ url }}" class="elementor-finder__results__item__link">
<div class="elementor-finder__results__item__icon">
<i class="eicon-{{{ icon }}}"></i>
</div>
<div class="elementor-finder__results__item__title">{{{ title }}}</div>
<# if ( description ) { #>
<div class="elementor-finder__results__item__description">- {{{ description }}}</div>
<# } #>
</a>
<# if ( actions.length ) { #>
<div class="elementor-finder__results__item__actions">
<# jQuery.each( actions, function() { #>
<a class="elementor-finder__results__item__action elementor-finder__results__item__action--{{ this.name }}" href="{{ this.url }}" target="_blank">
<i class="eicon-{{{ this.icon }}}"></i>
</a>
<# } ); #>
</div>
<# } #>
</script>
<script type='text/javascript' src='https://www.utracki.us.edu.pl/wp-includes/js/hoverintent-js.min.js?ver=2.2.1' id='hoverintent-js-js'></script>
<script type='text/javascript' src='https://www.utracki.us.edu.pl/wp-includes/js/admin-bar.min.js?ver=5.5.3' id='admin-bar-js'></script>
<script type='text/javascript' src='https://www.utracki.us.edu.pl/wp-content/plugins/final-tiles-grid-gallery-lite/scripts/jquery.finalTilesGallery.js?ver=3.4.20' id='finalTilesGallery-js'></script>
<script type='text/javascript' src='https://www.utracki.us.edu.pl/wp-content/plugins/modern-footnotes/modern-footnotes.min.js?ver=1.3.11' id='modern_footnotes-js'></script>
<script type='text/javascript' src='https://www.utracki.us.edu.pl/wp-content/plugins/gallery-by-supsystic/src/GridGallery/Colorbox/jquery-colorbox/jquery.colorbox.js?ver=1.14.10' id='jquery.colorbox.js-js'></script>
<script type='text/javascript' src='https://www.utracki.us.edu.pl/wp-content/plugins/gallery-by-supsystic/src/GridGallery/Colorbox/jquery-colorbox/i18n/jquery.colorbox-pl.js?ver=1.14.10' id='jquery.colorbox-pl.js-js'></script>
<script type='text/javascript' src='https://www.utracki.us.edu.pl/wp-includes/js/comment-reply.min.js?ver=5.5.3' id='comment-reply-js'></script>
<script type='text/javascript' src='https://www.utracki.us.edu.pl/wp-content/themes/hestia/assets/bootstrap/js/bootstrap.min.js?ver=1.0.2' id='jquery-bootstrap-js'></script>
<script type='text/javascript' src='https://www.utracki.us.edu.pl/wp-includes/js/jquery/ui/core.min.js?ver=1.11.4' id='jquery-ui-core-js'></script>
<script type='text/javascript' id='hestia_scripts-js-extra'>
/* <![CDATA[ */
var requestpost = {"ajaxurl":"https:\/\/www.utracki.us.edu.pl\/wp-admin\/admin-ajax.php","disable_autoslide":"","masonry":""};
/* ]]> */
</script>
<script type='text/javascript' src='https://www.utracki.us.edu.pl/wp-content/themes/hestia/assets/js/script.min.js?ver=3.0.4' id='hestia_scripts-js'></script>
<script type='text/javascript' src='https://www.utracki.us.edu.pl/wp-includes/js/jquery/ui/widget.min.js?ver=1.11.4' id='jquery-ui-widget-js'></script>
<script type='text/javascript' src='https://www.utracki.us.edu.pl/wp-includes/js/jquery/ui/mouse.min.js?ver=1.11.4' id='jquery-ui-mouse-js'></script>
<script type='text/javascript' src='https://www.utracki.us.edu.pl/wp-includes/js/jquery/ui/draggable.min.js?ver=1.11.4' id='jquery-ui-draggable-js'></script>
<script type='text/javascript' src='https://www.utracki.us.edu.pl/wp-includes/js/underscore.min.js?ver=1.8.3' id='underscore-js'></script>
<script type='text/javascript' src='https://www.utracki.us.edu.pl/wp-includes/js/backbone.min.js?ver=1.4.0' id='backbone-js'></script>
<script type='text/javascript' src='https://www.utracki.us.edu.pl/wp-content/plugins/elementor/assets/lib/backbone/backbone.marionette.min.js?ver=2.4.5' id='backbone-marionette-js'></script>
<script type='text/javascript' src='https://www.utracki.us.edu.pl/wp-content/plugins/elementor/assets/lib/backbone/backbone.radio.min.js?ver=1.0.4' id='backbone-radio-js'></script>
<script type='text/javascript' src='https://www.utracki.us.edu.pl/wp-content/plugins/elementor/assets/js/common-modules.min.js?ver=3.0.11' id='elementor-common-modules-js'></script>
<script type='text/javascript' src='https://www.utracki.us.edu.pl/wp-includes/js/jquery/ui/position.min.js?ver=1.11.4' id='jquery-ui-position-js'></script>
<script type='text/javascript' src='https://www.utracki.us.edu.pl/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.8.1' id='elementor-dialog-js'></script>
<script type='text/javascript' id='wp-api-request-js-extra'>
/* <![CDATA[ */
var wpApiSettings = {"root":"https:\/\/www.utracki.us.edu.pl\/wp-json\/","nonce":"60b9c45b42","versionString":"wp\/v2\/"};
/* ]]> */
</script>
<script type='text/javascript' src='https://www.utracki.us.edu.pl/wp-includes/js/api-request.min.js?ver=5.5.3' id='wp-api-request-js'></script>
<script type='text/javascript' id='elementor-common-js-before'>
var elementorCommonConfig = {"version":"3.0.11","isRTL":false,"isDebug":false,"isElementorDebug":false,"activeModules":["ajax","finder","connect"],"urls":{"assets":"https:\/\/www.utracki.us.edu.pl\/wp-content\/plugins\/elementor\/assets\/","rest":"https:\/\/www.utracki.us.edu.pl\/wp-json\/"},"ajax":{"url":"https:\/\/www.utracki.us.edu.pl\/wp-admin\/admin-ajax.php","nonce":"1a8d94f0b8"},"finder":{"data":{"edit":{"title":"Edytuj","dynamic":true,"name":"edit"},"general":{"title":"Og\u00f3lne","dynamic":false,"items":{"saved-templates":{"title":"Zapisane szablony","icon":"library-save","url":"https:\/\/www.utracki.us.edu.pl\/wp-admin\/edit.php?post_type=elementor_library&tabs_group=library","keywords":["template","section","page","library"]},"system-info":{"title":"Informacje systemowe","icon":"info-circle-o","url":"https:\/\/www.utracki.us.edu.pl\/wp-admin\/admin.php?page=elementor-system-info","keywords":["system","info","environment","elementor"]},"role-manager":{"title":"Mened\u017cer r\u00f3l","icon":"person","url":"https:\/\/www.utracki.us.edu.pl\/wp-admin\/admin.php?page=elementor-role-manager","keywords":["role","manager","user","elementor"]},"knowledge-base":{"title":"Baza wiedzy","url":"https:\/\/www.utracki.us.edu.pl\/wp-admin\/admin.php?page=go_knowledge_base_site","keywords":["help","knowledge","docs","elementor"]}},"name":"general"},"create":{"title":"Stw\u00f3rz","dynamic":false,"items":{"post":{"title":"Dodaj nowy Wpis","icon":"plus-circle-o","url":"https:\/\/www.utracki.us.edu.pl\/wp-admin\/edit.php?action=elementor_new_post&post_type=post&_wpnonce=547f5fec07","keywords":["post","page","template","new","create"]},"page":{"title":"Dodaj nowy Strona","icon":"plus-circle-o","url":"https:\/\/www.utracki.us.edu.pl\/wp-admin\/edit.php?action=elementor_new_post&post_type=page&_wpnonce=547f5fec07","keywords":["post","page","template","new","create"]},"elementor_library":{"title":"Dodaj nowy Szablon","icon":"plus-circle-o","url":"https:\/\/www.utracki.us.edu.pl\/wp-admin\/edit.php?post_type=elementor_library#add_new","keywords":["post","page","template","new","create"]}},"name":"create"},"site":{"title":"Strona","dynamic":false,"items":{"homepage":{"title":"Strona g\u0142\u00f3wna","url":"https:\/\/www.utracki.us.edu.pl","icon":"home-heart","keywords":["home","page"]},"wordpress-dashboard":{"title":"Kokpit","icon":"dashboard","url":"https:\/\/www.utracki.us.edu.pl\/wp-admin\/","keywords":["dashboard","wordpress"]},"wordpress-menus":{"title":"Menu","icon":"wordpress","url":"https:\/\/www.utracki.us.edu.pl\/wp-admin\/nav-menus.php","keywords":["menu","wordpress"]},"wordpress-themes":{"title":"Motywy","icon":"wordpress","url":"https:\/\/www.utracki.us.edu.pl\/wp-admin\/themes.php","keywords":["themes","wordpress"]},"wordpress-customizer":{"title":"Personalizator","icon":"wordpress","url":"https:\/\/www.utracki.us.edu.pl\/wp-admin\/customize.php","keywords":["customizer","wordpress"]},"wordpress-plugins":{"title":"Wtyczki","icon":"wordpress","url":"https:\/\/www.utracki.us.edu.pl\/wp-admin\/plugins.php","keywords":["plugins","wordpress"]},"wordpress-users":{"title":"U\u017cytkownicy","icon":"wordpress","url":"https:\/\/www.utracki.us.edu.pl\/wp-admin\/users.php","keywords":["users","profile","wordpress"]}},"name":"site"},"settings":{"title":"Ustawienia","dynamic":false,"items":{"general-settings":{"title":"Ustawienia og\u00f3lne","url":"https:\/\/www.utracki.us.edu.pl\/wp-admin\/admin.php?page=elementor","keywords":["general","settings","elementor"]},"advanced":{"title":"Zaawansowane","url":"https:\/\/www.utracki.us.edu.pl\/wp-admin\/admin.php?page=elementor#tab-advanced","keywords":["advanced","settings","elementor"]}},"name":"settings"},"tools":{"title":"Narz\u0119dzia","dynamic":false,"items":{"tools":{"title":"Narz\u0119dzia","icon":"tools","url":"https:\/\/www.utracki.us.edu.pl\/wp-admin\/admin.php?page=elementor-tools","keywords":["tools","regenerate css","safe mode","debug bar","sync library","elementor"]},"replace-url":{"title":"Zast\u0105p adres URL","icon":"tools","url":"https:\/\/www.utracki.us.edu.pl\/wp-admin\/admin.php?page=elementor-tools#tab-replace_url","keywords":["tools","replace url","domain","elementor"]},"version-control":{"title":"Kontrola wersji","icon":"time-line","url":"https:\/\/www.utracki.us.edu.pl\/wp-admin\/admin.php?page=elementor-tools#tab-versions","keywords":["tools","version","control","rollback","beta","elementor"]},"maintenance-mode":{"title":"Przerwa Techniczna","icon":"tools","url":"https:\/\/www.utracki.us.edu.pl\/wp-admin\/admin.php?page=elementor-tools#tab-maintenance_mode","keywords":["tools","maintenance","coming soon","elementor"]}},"name":"tools"}},"i18n":{"finder":"Wyszukiwarka"}},"connect":[]};
</script>
<script type='text/javascript' src='https://www.utracki.us.edu.pl/wp-content/plugins/elementor/assets/js/common.min.js?ver=3.0.11' id='elementor-common-js'></script>
<script type='text/javascript' id='elementor-app-loader-js-before'>
var elementorAppConfig = {"menu_url":"https:\/\/www.utracki.us.edu.pl\/wp-admin\/admin.php?page=elementor-app&ver=3.0.11#site-editor\/promotion","assets_url":"https:\/\/www.utracki.us.edu.pl\/wp-content\/plugins\/elementor\/assets\/","return_url":"https:\/\/www.utracki.us.edu.pl\/bpdpg-edukacja\/","site-editor":[]};
</script>
<script type='text/javascript' src='https://www.utracki.us.edu.pl/wp-content/plugins/elementor/assets/js/app-loader.min.js?ver=3.0.11' id='elementor-app-loader-js'></script>
<script type='text/javascript' src='https://www.utracki.us.edu.pl/wp-content/plugins/enlighter/cache/enlighterjs.min.js?ver=tr64mQqUG3THa9x' id='enlighterjs-js'></script>
<script type='text/javascript' id='enlighterjs-js-after'>
!function(e,n){if("undefined"!=typeof EnlighterJS){var o={"selectors":{"block":"pre.EnlighterJSRAW","inline":"code.EnlighterJSRAW"},"options":{"indent":4,"ampersandCleanup":true,"linehover":true,"rawcodeDbclick":false,"textOverflow":"break","linenumbers":true,"theme":"enlighter","language":"enlighter","retainCssClasses":false,"collapse":false,"toolbarOuter":"","toolbarTop":"{BTN_RAW}{BTN_COPY}{BTN_WINDOW}{BTN_WEBSITE}","toolbarBottom":""}};(e.EnlighterJSINIT=function(){EnlighterJS.init(o.selectors.block,o.selectors.inline,o.options)})()}else{(n&&(n.error||n.log)||function(){})("Error: EnlighterJS resources not loaded yet!")}}(window,console);
</script>
<script type='text/javascript' src='https://www.utracki.us.edu.pl/wp-content/plugins/complianz-gdpr/assets/js/cookieconsent.min.js?ver=4.7.2' id='cmplz-cookie-js'></script>
<script type='text/javascript' id='cmplz-cookie-config-js-extra'>
/* <![CDATA[ */
var complianz = {"static":"","set_cookies":[],"block_ajax_content":"","set_cookies_on_root":"","cookie_domain":"","banner_version":"15","version":"4.7.2","a_b_testing":"","do_not_track":"","consenttype":"optin","region":"eu","geoip":"","categories":"","position":"bottom","title":"Klauzula RODO i obs\u0142ugi \"ciasteczek\"","theme":"edgeless","checkbox_style":"square","use_categories":"no","use_categories_optinstats":"no","accept":"All cookies","revoke":"Ustawienia","dismiss":"Functional only","dismiss_timeout":"10","popup_background_color":"#383838","popup_text_color":"#fff","button_background_color":"#fff","button_text_color":"#383838","accept_all_background_color":"#0085ba","accept_all_text_color":"#fff","accept_all_border_color":"#0073aa","functional_background_color":"#383838","functional_text_color":"#fff","functional_border_color":"#383838","border_color":"","use_custom_cookie_css":"","custom_css":".cc-window","custom_css_amp":"#cmplz-consent-ui, #cmplz-post-consent-ui {} \n#cmplz-consent-ui .cmplz-consent-message {} \n#cmplz-consent-ui button, #cmplz-post-consent-ui button {}","readmore_optin":"Read more","readmore_impressum":"Impressum","accept_informational":"Accept","message_optout":"We use cookies to optimize our website and our service.","message_optin":"Na tej stronie u\u017cywa si\u0119 \"ciasteczek\" aby poprawi\u0107 jej responsywno\u015b\u0107 i wydajno\u015b\u0107.","readmore_optout":"Cookie Policy","readmore_optout_dnsmpi":"Do Not Sell My Personal Information","hide_revoke":"","banner_width":"","soft_cookiewall":"","type":"opt-in","layout":"basic","dismiss_on_scroll":"","dismiss_on_timeout":"","cookie_expiry":"365","nonce":"f0d0135420","url":"https:\/\/www.utracki.us.edu.pl\/wp-admin\/admin-ajax.php","current_policy_id":"13","readmore_url":{"eu":"https:\/\/www.utracki.us.edu.pl\/cookie-policy-eu\/"},"privacy_link":{"eu":""},"placeholdertext":"Kliknij, \u017ceby zaakceptowa\u0107 marketingowe cookies i w\u0142\u0105czy\u0107 t\u0119 tre\u015b\u0107"};
/* ]]> */
</script>
<script type='text/javascript' src='https://www.utracki.us.edu.pl/wp-content/plugins/complianz-gdpr/assets/js/complianz.min.js?ver=4.7.2' id='cmplz-cookie-config-js'></script>
<script type='text/javascript' src='https://www.utracki.us.edu.pl/wp-includes/js/wp-embed.min.js?ver=5.5.3' id='wp-embed-js'></script>
<script type='text/javascript' class="cmplz-stats cmplz-native">
</script>
</body>
</html>
Jak widać, prosta wydawać się by mogło strona, ma dosyć skomplikowaną treść kodu w jakim jest zapisana. Przyjrzyjmy się więc trochę tej strukturze.
Spis treści
HTML
Językiem podstawowym opisu strony jest język HTML (HyperText Markup Language), czyli hipertekstowy język znaczników. Łatwo jest zauważyć tę część strony – dokument hipertekstowy rozpoczyna się znacznikiem <html> i kończy się </html>. Dokumentacja języka jest ścisła, a przykłady notacji i znaczenia znaczników można znaleźć w rozlicznych samouczkach. Jednym z nich jest grupa Mozilli: HTML Podstawy.
PHP
Interpretowany, skryptowy język programowania zaprojektowany do generowania stron internetowych i budowania aplikacji webowych w czasie rzeczywistym. Tyle definicja. A jak wygląda rzeczywistość?! W kodzie powyżej nie znajdziemy znaczników PHP, a wynika to z tego, że to co widzimy na stronie internetowej po stronie użytkownika (czyli w jego przeglądarce) jest m.in. wynikiem działania kodu napisanego w PHP.
<?php session_start; ?>
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>A&B Minerals - Biżuteria, kamienie szlachetne, minerały, maszyny do obróbki</title>
<meta http-equiv="content-type"
content="text/html;charset=utf-8" />
</head>
<?php
$pressBox_fontSize=20;
$pressBox_fontInterline=27;
?>
<style>
body { background-color: #210010;
}
.header { text-align:center; width:225px; text-decoration:none; cursor:pointer; position:fixed;}
.middleworld {text-align:center; font: bold <?php echo $pressBox_fontSize?>px/<?php echo $pressBox_fontInterline ?>px segoe script, tahoma; width:60%;height:80%; color:#EEEEFF;position:fixed;top:40px;left:250px;border:none;}
.category {text-align:center;width:200px;color:#AAAAAA;position:absolute;top:10px;right:0px;border:none;}
.tail {text-align:center;width:80%;position:fixed;bottom:35px;font: 14px/17px tahoma,arial; color:#FF7777;}
</style>
Powyżej fragment witryny sklepu internetowego, ale nie analizowany od strony przeglądarki jako wynik działania PHP, ale kod źródłowy po stronie serwera. Widać w nim odnośniki do kodu PHP z użyciem <?php … >.
Ostatnio przeżywamy swoisty renesans PHP, gdzie jest ten język mocno rozwijany. Do dokumentacji można zerknąć na stronach PHP.net.
JavaScript
JavaScript nie jest językiem programowania w sensie rozumienia kompilowanych języków wysokiego poziomu. Błędnie nieraz utożsamiana z Javą, nie mając z nią nic wspólnego.
Za stroną Developer.Mozilla.org można rzec, że: JavaScript (JS) to skryptowy (interpretowany lub kompilowany metodą JIT) język programowania, w którym funkcje są “obywatelami pierwszej kategorii” – obiektami, które można przechowywać w zmiennych jako referencje i przekazywać jak każde inne obiekty. Chociaż JavaScript jest najbardziej znany jako język skryptowy dla stron internetowych, używa go również wiele środowisk poza przeglądarką, takich jak Node.js, Apache CouchDB czy Adobe Acrobat. JavaScript jest językiem opartym na prototypach, wielu paradygmatach, dynamicznej składni, zorientowanym obiektowo, o stylu imperatywnym i deklaratywnym (np. programowanie funkcyjne).
Zabrzmiało to jasno, nieprawdaż?! 😉 W tłumaczeniu JS jest prostym językiem umożliwiającym modyfikację zachowania strony już po stronie przeglądarki użytkownika, a nie na serwerze. Pozwala to uzyskać pewną autonomiczność i responsywność strony bez sięgania z powrotem do źródła na serwerze multiplikując niepotrzebnie transmisję. Więcej wiedzy o możliwościach JavaScript można zasięgnąć w jednej z wielu dokumentacji np. wspomnianej tutaj już Mozilli.
Co innego?
Wymienione wyżej sposoby generowania strony internetowej nie są jedynymi. Jednym tchem można wymienić takie inne języki jak Python, R, Java, C++, C#, a i tak nie wymieniliśmy wszystkich.
Korzystanie z ww. języków umożliwia tworzenie stron internetowych, ale jeśli by była to jedyna możliwość, to tworzeniem stron zajmowałyby się tylko wysoko wykwalifikowane osoby z terytorium informatyki. Wszyscy inni zmuszeni by byli do korzystania z ich “tajemnej” wiedzy, aby stworzyć własną stronę internetową. To zagadnienie, jak najbardziej prawdziwe, stało się przyczynkiem do stworzenia CMS omówionych w następnym temacie.
Zadanie do samodzielnego opracowania: Przygotuj artykuł będący syntezą informacji na temat tworzenia stron internetowych. Spróbuj odnaleźć rozszerzające temat informacje w sieci Internet. Wynikowy artykuł w formacie PDF umieść w Moodle, oraz w przyszłości jako 3 wpis z zakresu Inżynierii Obrazu i Dźwięku na swojej stronie internetowej.