Computertrends  »  Software  »  Recenze: Xara Web Designer 365 Premium

Recenze: Xara Web Designer 365 Premium

Václav Větvička
8. 7. 2017

Sdílet

Německá softwarová Xara, která funguje jako divize společností Magix, jako každým rokem nabízí přichází další verzí svého programu Web Designer. Opět jsme k recenzi dostali verzi Premium.

Tento software je tradičně známý tím, že velice dobře propojuje to, co se konkurenci často příliš nedaří, tedy na jedné straně plnohodnotný program, který potěší profíka, ale na druhé straně něco, co neodradí amatéra. Základem je jako vždy vektorová grafika, jak je z názvu jasné, zaměřená na web.

Díky tomu, že program se již dávno v počtu verzí přehoupl do druhé desítky, tak nepřekvapí, že do ruky dostaneme praxí bohatě vyzkoušený a po všech stránkách vyzrálý grafický program, který bez problémů zvládne práci s textem i obrazem. Koneckonců od Googlu dostaneme nabídku více než 600 fontů. Základem jsou samozřejmě templáty a šablony, tady Xara míří spíše na méně pokročilé uživatele. Každoročně se proto rozšiřuje galerie Content Catalog (což je onlinová a expandovaná verze původní Design Gallery) a k tomu také nejrůznější grafické funkce, které pro přípravu webových stránek můžeme potřebovat. Pro solidní dynamiku webové stránky máme k dispozici slušnou nabídku widgets.

Program pracuje s designem webové stránky stejně jako s rozrhem tištěné stránky. Proto můžeme buď tvořit sami nebo sáhnout do katalogu šablon, které si podle potřeby doupravíme. Web Designer 365 Premium zůstává plnohodnotným WYSIWYG webovým editorem, takže co je na monitoru, to uvidíme i na webu, znalost HTML nebo Javaskriptu není potřeba. Nástrojů je dost, včetně celkem slušného fotoeditoru.

Kompatibilita je důležitá, proto program splní požadavky W3C a je kompatibilní se všemi běžnými browsery, od IE přes Firefox, Safari až po Chrome. Současně jsou vznikající stránky vhodné i pro mobilní aplikace, ať už běží pod Androindem nebo pod iOS.

Snad jediným problémem zůstává fakt, že stránka je uložena ve firemním formátu, takže s jiným programem budeme mít u případné editace smůlu. Stejně tak budeme nevěřícně koulet očima ve chvíli, kdy se pokusíme tímto programem editovat webovky připravené v nějakém jiném programu. Firemní formát je ale něco, s čím si u Xary už dávno musíme zvyknout. Součástí programu je i 365 dnů, kdy dostáváme automatické updaty, a to ne v nějakém komplexním balíčku, ale hned ve chvíli, kdy jednotlivé změny nebo doplňky firma připraví.

Verdikt

Web Designer Premium je v každém případě dobrou kombinaci robustních aplikací s jednoduchým (byť ta jednoduchost je přece jenom poněkud relativním) ovládáním. Proto je tento program, který stojí pouhých 100 dolarů, dobrou volbou.

 

Pro: Robustní program, nízká cena

Proti: Vlastní formát

Celkem:  85 procent

zabbix_tip

Výrobce: Xara

Cena: 100 USD (asi 2 300 Kč; verze Premium)

  • Našli jste v článku chybu?

Autor článku

Václav Větvička

Dlouholetý spolupracovník magazínu PCWorld a Computerworld.cz. Zajímají ho hlavně recenze různých programů, speciálně fotoeditory a vše kolem grafiky.

Témata:

'; document.getElementById('preroll-iframe').onload = function () { setupIframe(); } prerollContainer = document.getElementsByClassName('preroll-container-iframe')[0]; } function setupIframe() { prerollDocument = document.getElementById('preroll-iframe').contentWindow.document; let el = prerollDocument.createElement('style'); prerollDocument.head.appendChild(el); el.innerText = "#adContainer>div:nth-of-type(1),#adContainer>div:nth-of-type(1) > iframe { width: 99% !important;height: 99% !important;max-width: 100%;}#videoContent,body{ width:100vw;height:100vh}body{ font-family:'Helvetica Neue',Arial,sans-serif}#videoContent{ overflow:hidden;background:#000}#adMuteBtn{ width:35px;height:35px;border:0;background:0 0;display:none;position:absolute;fill:rgba(230,230,230,1);bottom:20px;right:25px}"; videoContent = prerollDocument.getElementById('contentElement'); videoContent.style.display = 'none'; videoContent.volume = 1; videoContent.muted = false; const playPromise = videoContent.play(); if (playPromise !== undefined) { playPromise.then(function () { console.log('PREROLL sound allowed'); // setUpIMA(true); videoContent.volume = 1; videoContent.muted = false; setUpIMA(); }).catch(function () { console.log('PREROLL sound forbidden'); videoContent.volume = 0; videoContent.muted = true; setUpIMA(); }); } } function setupDimensions() { prerollWidth = Math.min(iinfoPrerollPosition.offsetWidth, 480); prerollHeight = Math.min(iinfoPrerollPosition.offsetHeight, 320); } function setUpIMA() { google.ima.settings.setDisableCustomPlaybackForIOS10Plus(true); google.ima.settings.setLocale('cs'); google.ima.settings.setNumRedirects(10); // Create the ad display container. createAdDisplayContainer(); // Create ads loader. adsLoader = new google.ima.AdsLoader(adDisplayContainer); // Listen and respond to ads loaded and error events. adsLoader.addEventListener( google.ima.AdsManagerLoadedEvent.Type.ADS_MANAGER_LOADED, onAdsManagerLoaded, false); adsLoader.addEventListener( google.ima.AdErrorEvent.Type.AD_ERROR, onAdError, false); // An event listener to tell the SDK that our content video // is completed so the SDK can play any post-roll ads. const contentEndedListener = function () { adsLoader.contentComplete(); }; videoContent.onended = contentEndedListener; // Request video ads. const adsRequest = new google.ima.AdsRequest(); adsRequest.adTagUrl = iinfoVastUrls[iinfoVastUrlIndex]; console.log('Preroll advert: ' + iinfoVastUrls[iinfoVastUrlIndex]); videoContent.muted = false; videoContent.volume = 1; // Specify the linear and nonlinear slot sizes. This helps the SDK to // select the correct creative if multiple are returned. // adsRequest.linearAdSlotWidth = prerollWidth; // adsRequest.linearAdSlotHeight = prerollHeight; adsRequest.nonLinearAdSlotWidth = 0; adsRequest.nonLinearAdSlotHeight = 0; adsLoader.requestAds(adsRequest); } function createAdDisplayContainer() { // We assume the adContainer is the DOM id of the element that will house // the ads. prerollDocument.getElementById('videoContent').style.display = 'none'; adDisplayContainer = new google.ima.AdDisplayContainer( prerollDocument.getElementById('adContainer'), videoContent); } function unmutePrerollAdvert() { adVolume = !adVolume; if (adVolume) { adsManager.setVolume(0.3); prerollDocument.getElementById('adMuteBtn').innerHTML = ''; } else { adsManager.setVolume(0); prerollDocument.getElementById('adMuteBtn').innerHTML = ''; } } function onAdsManagerLoaded(adsManagerLoadedEvent) { // Get the ads manager. const adsRenderingSettings = new google.ima.AdsRenderingSettings(); adsRenderingSettings.restoreCustomPlaybackStateOnAdBreakComplete = true; adsRenderingSettings.loadVideoTimeout = 12000; // videoContent should be set to the content video element. adsManager = adsManagerLoadedEvent.getAdsManager(videoContent, adsRenderingSettings); // Add listeners to the required events. adsManager.addEventListener(google.ima.AdErrorEvent.Type.AD_ERROR, onAdError); adsManager.addEventListener( google.ima.AdEvent.Type.CONTENT_PAUSE_REQUESTED, onContentPauseRequested); adsManager.addEventListener( google.ima.AdEvent.Type.CONTENT_RESUME_REQUESTED, onContentResumeRequested); adsManager.addEventListener( google.ima.AdEvent.Type.ALL_ADS_COMPLETED, onAdEvent); // Listen to any additional events, if necessary. adsManager.addEventListener(google.ima.AdEvent.Type.LOADED, onAdEvent); adsManager.addEventListener(google.ima.AdEvent.Type.STARTED, onAdEvent); adsManager.addEventListener(google.ima.AdEvent.Type.COMPLETE, onAdEvent); playAds(); } function playAds() { // Initialize the container. Must be done through a user action on mobile // devices. videoContent.load(); adDisplayContainer.initialize(); // setupDimensions(); try { // Initialize the ads manager. Ad rules playlist will start at this time. adsManager.init(1920, 1080, google.ima.ViewMode.NORMAL); // Call play to start showing the ad. Single video and overlay ads will // start at this time; the call will be ignored for ad rules. adsManager.start(); // window.addEventListener('resize', function (event) { // if (adsManager) { // setupDimensions(); // adsManager.resize(prerollWidth, prerollHeight, google.ima.ViewMode.NORMAL); // } // }); } catch (adError) { // An error may be thrown if there was a problem with the VAST response. // videoContent.play(); } } function onAdEvent(adEvent) { const ad = adEvent.getAd(); console.log('Preroll event: ' + adEvent.type); switch (adEvent.type) { case google.ima.AdEvent.Type.LOADED: if (!ad.isLinear()) { videoContent.play(); } prerollDocument.getElementById('adContainer').style.width = '100%'; prerollDocument.getElementById('adContainer').style.maxWidth = '640px'; prerollDocument.getElementById('adContainer').style.height = '360px'; break; case google.ima.AdEvent.Type.STARTED: window.addEventListener('scroll', onActiveView); if (ad.isLinear()) { intervalTimer = setInterval( function () { // Example: const remainingTime = adsManager.getRemainingTime(); // adsManager.pause(); }, 300); // every 300ms } prerollDocument.getElementById('adMuteBtn').style.display = 'block'; break; case google.ima.AdEvent.Type.ALL_ADS_COMPLETED: if (ad.isLinear()) { clearInterval(intervalTimer); } if (prerollLastError === 303) { playYtVideo(); } break; case google.ima.AdEvent.Type.COMPLETE: if (ad.isLinear()) { clearInterval(intervalTimer); } playYtVideo(); break; } } function onAdError(adErrorEvent) { console.log(adErrorEvent.getError()); prerollLastError = adErrorEvent.getError().getErrorCode(); if (!loadNext()) { playYtVideo(); } } function loadNext() { iinfoVastUrlIndex++; if (iinfoVastUrlIndex < iinfoVastUrls.length) { iinfoPrerollPosition.remove(); playPrerollAd(); } else { return false; } adVolume = 1; return true; } function onContentPauseRequested() { videoContent.pause(); } function onContentResumeRequested() { videoContent.play(); } function onActiveView() { if (prerollContainer) { const containerOffset = prerollContainer.getBoundingClientRect(); const windowHeight = window.innerHeight; if (containerOffset.top < windowHeight/1 && containerOffset.bottom > 0.0) { if (prerollPaused) { adsManager.resume(); prerollPaused = false; } return true; } else { if (!prerollPaused) { adsManager.pause(); prerollPaused = true; } } } return false; } function playYtVideo() { iinfoPrerollPosition.remove(); youtubeIframe.style.display = 'block'; youtubeIframe.src += '&autoplay=1&mute=1'; } }

Mohlo by vás zajímat

Anketa

Využívají vaši zaměstnanci pokročilou datovou analytiku?

Zobraz výsledek

Kvíz týdne

IT trendy 2025 – Otestujte svou technologickou gramotnost
1/10 otázek
Spustit kvíz

TIP NA VIDEO

SPECIÁLNÍ PROJEKTY

Školení pro IT
Správa linuxového serveru
11. 6. 2025
9:00
Více
Bezpečnost na linuxovém serveru
12. 6. 2025
9:00
Více
Hacking v Praxi 2
18. 6. 2025
9:00
Více


 

Z našich webů

Dále u nás najdete

Když architektura x86 nestačí. Co nabízí místo ní IBM Power?

Chytré hodinky nejsou zbytečnost, pozor ale na sběr informací

Příspěvek zaměstnavatele na produkty na stáří bude povinný

Praktici udělají ultrazvuk, vyšetří plíce, změří hustotu kostí

Konec zmatků kolem USB-C. Přijdou nová značení

Bude hardware zrychlovat donekonečna, nebo kde je míra?

Proč se musí rovnat „má dáti“ a „dal“?

Čína byla obviněna z útoku na české ministerstvo zahraničí

Bitcoiny v pohybu: kam odcházely z peněženek Nuclea

Rakovina ničí vztahy. muži odcházejí sedmkrát častěji od žen

Na kožní i bez žádanky. Ale pojišťovna vám to zaplatit nemusí

Ředitelé internetu se sejdou na zasedání v Praze

Sebevražda značky? Když apríl přeroste v krizovou komunikaci

Příslib vs Realita – AI chatboty zůstávají vesměs za očekáváním

Dopady AI v Googlu? Pokles návštěvnosti a žádné klikání

Otázky a odpovědi: předplatné na e-shopech se stává trendem

Superdávka: Spočítejte si, komu pomůže a kdo si pohorší

Digitalizace v Česku nabírá na obrátkách, pomáhá i AI

Jak dostat své zboží za hranice? Díky marketplace snadno

Apple ukázal novinky, v Česku si na většinu počkáme

Co píšeme v nejnovějším Computertrends?
předplatné PŘEDPLATNÉ
OSZAR »