Úprava webu
Otevřete nově vytvořený web v nástroji Site Builder tak, že ho vyberete a zvolíte položku Otevřít v pruhu nabídek, nebo v nabídce kliknete pravým tlačítkem. V nástroji Site Builder nastavte přepínač 
do režimu úprav. Zadejte název aktualizace a klikněte na tlačítko OK.
V režimu úprav uvidíte, že web má tři pozice, což jsou oblasti dostupné ve stránce (podle toho, jak vypadá rozvržení stránky). Umístěte kurzor postupně nad značky + ve stránce, aby se zobrazily pozice, například Záhlaví, Tělo a Zápatí.
Popis ilustrace ''GUID-00E6B9AF-7A95-42C0-9EDC-D84C9373F16E-default.png''
Pozici Záhlaví obvykle používáme k zobrazení loga společnosti, navigační nabídky a podobných položek. Do pozice Tělo patří hlavní obsah stránky, do pozice Zápatí informace o autorských právech, odkazech na sociální média a případné další informace.
Nejprve sestavíme domovskou stránku. Takto bude domovská stránka vypadat, až bude dokončená:
Popis ilustrace ''GUID-82FEC35A-DC1B-4E53-8821-9008CCC60C56-default.png''
- V levém bočním panelu klikněte na
a poté klikněte na položku Načteno. Zobrazí se seznam předem připravených komponent, které jsou dostupné ve službě Oracle Content Management. - V levém bočním panelu vyhledejte předem připravenou komponentu s názvem Skupina komponent. Přetáhnete ji do pozice Záhlaví.
Popis ilustrace ''GUID-67CAE599-0B88-416C-AEF3-EAD8FC7E420C-default.png'' - Klikněte na ikonu nabídky skupiny komponent
a poté klikněte na položku Nastavení. V nastavení klikněte na rozevírací seznam Barva (dostupný ve spodní části seznamu nastavení) a klikněte na tlačítko Další. Zadejte #333333 a klikněte na tlačítko OK.
Popis ilustrace ''GUID-6740BAC7-E7E5-40EE-ACBB-F055FD69B3C1-default.png'' - Přetáhněte komponentu Obrázek do skupiny komponent.
Popis ilustrace ''GUID-3DEB520E-A067-4E49-88B3-59F0425AB035-default.png'' - Klikněte na ikonu nabídky komponenty Obrázek
a poté klikněte na položku Nastavení. Dokončete nastavení na kartě Obecné.
Vlastnost Hodnota Vyberte Logo.png ze složky Minimal-Images Zarovnání Vlevo Šířka Zrušte výběr volby Nastavit šířku Nahoře 1,2 vw Dole 30 px Vlevo 6 vw Vpravo 0
Popis ilustrace ''GUID-8030FFAF-3DC0-4217-8733-01C3A53CEF8E-default.png''
Popis ilustrace ''GUID-F9B34895-7DCD-40AA-B4CF-3404820C20DD-default.png'' - Nyní tento obrázek loga propojíme s domovskou stránkou. Dokončete nastavení komponenty Obrázek na kartě Odkaz.
Vlastnost Hodnota Vyberte typ odkazu Stránka webu Stránka DOMOVSKÁ STRÁNKA Cíl Otevřít ve stejném okně - V levém bočním panelu klikněte na ikonu
a poté kliknutím na položku Vlastní zobrazte seznam vlastních komponent. - Nyní přidáme do domovské stránky navigační nabídku tvořenou vlastní komponentou Minimal-NavMenu. Přetáhněte komponentu Minimal-NavMenu do skupiny komponent, napravo od komponenty Obrázek. Klikněte na název komponenty Minimal-NavMenu a ujistěte se, že jejím nadřízeným prvkem je skupina komponent, kterou jste přidali dříve. Jedná se o užitečný postup, jak zjistit, na kterém místě struktury webové stránky se komponenta nachází.
Popis ilustrace ''GUID-3C07D4E7-5154-4ED8-9A9E-F06A44A14D63-default.png''Dokončete její nastavení na kartě Obecné.
Vlastnost Hodnota Zarovnání Vpravo Nahoře 1,2 vw Dole 0 Vlevo 0 Vpravo 6 vw - Záhlaví je připraveno. Uložme tuto skupinu komponent jako vlastní skupinu komponent, abychom ji mohli použít později na jiných webových stránkách. Klikněte na název skupiny komponent a poté klikněte na ikonu její nabídky . Nakonec klikněte na příkaz Uložit. V dialogovém okně Uložit skupinu komponent zapište v poli Název text „Minimal-Header“ a klikněte na tlačítko Uložit.
Popis ilustrace ''GUID-1068ED91-959E-4053-8188-4D85DE630E1B-default.png''Následující obrázek ukazuje nadřízenou strukturu komponenty Obrázek v pozici Záhlaví:Tip:
Jestliže po kliknutí na skupinu komponent uvidíte název Obrázek nebo Minimal-NavMenu namísto názvu skupiny komponent, klikněte znovu na název komponenty Obrázek nebo Minimal-NavMenu a poté uvidíte název skupiny komponent. Nyní můžete kliknout na název skupiny komponent a provést výše uvedený krok.
Popis ilustrace ''GUID-C6CF24C6-F51E-4139-B5F9-5CC1955C7519-default.png'' - Kliknutím na tlačítko Uložit v pravé horní části nástroje Site Builder uložíte změny. Pozice Záhlaví by nyní měla vypadat jako na následujícím obrázku:
Popis ilustrace ''GUID-717EF556-34E8-47BC-B9AA-4152D2A0FD77-default.png''
- V levém bočním panelu klikněte na ikonu a poté na položku Zdrojové.
- Přetáhněte skupinu komponent z levého bočního panelu do pozice Tělo. Vytvoříme banner pomocí této skupiny komponent a komponent (které do skupiny přidáme).
- V levém bočním panelu klikněte na ikonu
. - Přetáhněte rozvržení sekce Dva sloupce do skupiny komponent.
Popis ilustrace ''GUID-60AED236-5F6A-46BF-A414-1438641F4ECA-default.png'' - Dokončete nastavení rozvržení sekce na kartě Obecné. Klikněte na položku Vlastní nastavení a zadejte následující volby.
Vlastnost Hodnota Šířka prvního sloupce (%) 43 Šířka druhého sloupce (%) 57 Responzivní bod přerušení (pixely) 1023 Responzivní chování Skryje první sloupec Dokončete nastavení na kartě Pozadí:
Vlastnost Hodnota Obrázek Banner1.jpg ze složky Minimal-Images Poloha Na střed Na střed Úprava velikosti Roztáhnout - V levém bočním panelu klikněte na ikonu a zobrazte tak seznam zdrojových komponent.
- Ze seznamu zdrojových komponent přetáhněte komponentu Název do druhého sloupce rozvržení Dva sloupce.
Popis ilustrace ''GUID-CF55C579-3FF3-460B-B608-5A485C7EF02D-default.png''
Popis ilustrace ''GUID-A6E0ECFE-1FCE-4F8C-96E4-9788E395CA34-default.png'' - Klikněte do komponenty Název a zapište „VÍTÁ VÁS REVOLUCE“. Vyberte text a nastavte jeho barvu písma na Bílou v textovém editoru. Dokončete nastavení komponenty Název na kartě Obecné.
Vlastnost Hodnota Nahoře 6 vw Dole 1,8 vw Vlevo 6 vw Vpravo 6 vw - Ze seznamu zdrojových komponent v levém bočním panelu přetáhněte komponentu Odstavec pod komponentu Název do druhého sloupce rozvržení sekce Dva sloupce. Dokončete její nastavení na kartě Obecné.
Vlastnost Hodnota Nahoře 1,8 vw Dole 6 vw Vlevo 6 vw Vpravo 6 vw - Klikněte do komponenty Odstavec a zapište následující text:
„Jsem odstavec. Po kliknutí sem přidejte vlastní text a upravte mě. Jsem skvělým místem, ve kterém můžete vyprávět svůj příběh a říci uživatelům podrobnější informace o vás a vaší organizaci.“
Vyberte text a nastavte jeho velikost na 24 v textovém editoru. Nastavte také jeho barvu písma na Bílou v textovém editoru.
Popis ilustrace ''GUID-399EE9A6-F882-40F9-8028-BB930A5FDC49-default.png'' - Banner je připraven. Uložme tuto skupinu komponent jako vlastní skupinu komponent, abychom ji mohli použít později na jiných webových stránkách. Klikněte na ikonu nabídky skupiny komponent a poté klikněte na tlačítko Uložit. V dialogovém okně Uložit skupinu komponent zapište v poli Název text „Minimal-Banner“ a klikněte na tlačítko Uložit. Všimněte si, že název (Minimal-Banner) nyní označuje skupin komponent.
Popis ilustrace ''GUID-E27E6BA0-E663-415F-A93D-C6C0C44D78A7-default.png'' - Přetáhněte další skupinu komponent z levého bočního panelu do pozice Tělo, pod skupin komponent Minimal-Banner, která je již přidána.
Popis ilustrace ''GUID-E7AAB67A-2CC8-49C8-B655-F60B6E64C46A-default.png'' - Přetáhněte komponentu Název do skupiny komponent.
- Klikněte do komponenty Název a zapište „Vítá vás OCE Minimal“.
- Dokončete nastavení komponenty Název na kartě Obecné.
Vlastnost Hodnota Nahoře 3 vw Dole 1,8 vw Vlevo 6 vw Vpravo 6 vw
Popis ilustrace ''GUID-515D7B63-7AB4-4FF6-94AD-0C30A331A7BC-default.png'' - Přetáhněte komponentu Odstavec z levého bočního panelu pod komponentu Tělo do skupiny komponent. Klikněte do komponenty Odstavec a zapište následující text:
„Služba Oracle Content Management je centrum cloudového obsahu, které dovoluje správu obsahu v různých kanálech a zrychlené doručování různých prostředí. Nabízí výkonné funkce pro spolupráci a správu pracovních postupů, které pomáhají zefektivnit vytváření a poskytování obsahu.“
„Služba Oracle Content Management nabízí jednoduché a snadno použitelné nástroje pro vytváření webů. Vytvářejte weby rychle díky výkonným funkcím dostupným ve službě Oracle Content Management.“
- Dokončete nastavení komponenty Odstavec na kartě Obecné.
Vlastnost Hodnota Nahoře 20 px Dole 50 px Vlevo 6 vw Vpravo 6 vw
Popis ilustrace ''GUID-D8B86A72-DC68-4FD3-B664-2603244316FD-default.png'' - Dokončili jsme pozici těla stránky. Uložme skupinu komponent jako vlastní skupinu komponent, abychom ji mohli použít později na jiných webových stránkách. Klikněte na ikonu nabídky skupiny komponent a poté klikněte na příkaz Uložit. V dialogovém okně Uložit skupinu komponent zapište v poli Název text „Minimal-Body“ a klikněte na tlačítko Uložit.
- Kliknutím na tlačítko Uložit v pravé horní části nástroje Site Builder uložíte změny. Pozice Tělo by nyní měla vypadat jako na následujícím obrázku:
Popis ilustrace ''GUID-1A515BF0-6607-44F7-978B-1B9472E72901-default.png''
- Přetáhněte skupinu komponent z levého bočního panelu do pozice Zápatí. V nastavení skupiny komponent zadejte v poli Barva hodnotu #333333.
Popis ilustrace ''GUID-8852AFA2-9F6E-4F36-9071-E8CB4256116C-default.png'' - Přetáhněte komponentu Obrázek do skupiny komponent a dokončete její nastavení na kartě Obecné.
Vlastnost Hodnota Vyberte Powered_by_OCE.png ze složky Minimal-Images Zarovnání Vlevo Šířka Zrušte výběr volby Nastavit šířku Nahoře 0,9 vw Dole 0,9 vw Vlevo 6 vw Vpravo 0 - Přetáhněte komponentu Pruh funkcí sociální sítě z levého bočního panelu do skupiny komponent, napravo od komponenty Obrázek.
Popis ilustrace ''GUID-46FE020A-AF6D-4BE3-BFBB-EECBFC576CC3-default.png''Dokončete nastavení komponenty Pruh funkcí sociální sítě na kartě Obecné.
Vlastnost Hodnota Nahoře 1,8 vw Dole 1,8 vw Vlevo 0,3 vw Vpravo 6 vw Na kartě Obecné klikněte na položku Ikony a poté klikněte na název ikony a dokončete nastavení.
Vlastnost Hodnota Adresa URL - https://www.facebook.com/Oracle/ (pro Facebook)
- https://www.linkedin.com/company/oracle/ (pro LinkedIn)
- https://twitter.com/Oracle (pro Twitter)
- https://www.youtube.com/oracle/ (pro YouTube)
Cíl Otevřít v novém okně - Zápatí je připraveno. Uložme tuto skupinu komponent jako vlastní skupinu komponent, abychom ji mohli použít později na jiných webových stránkách. Klikněte na ikonu nabídky skupiny komponent a poté klikněte na tlačítko Uložit. V dialogovém okně Uložit skupinu komponent zapište v poli Název text „Minimal-Footer“ a klikněte na tlačítko Uložit. Skupina komponent by nyní měla vypadat takto:
Popis ilustrace ''GUID-11801720-9060-4A9D-9D7E-52A4C7295FB7-default.png'' - Kliknutím na tlačítko Uložit v pravé horní části nástroje Site Builder uložíte změny.
Zobrazte náhled první stránky kliknutím na ikonu 
v pravém horním rohu nástroje Site Builder. Web stále ještě není publikován a ostatní uživatelé ho nyní nemohou vidět.
Dokončili jste vytváření DOMOVSKÉ stránky. Nyní sestavíme stránku KONTAKTUJTE NÁS. Takto bude stránka s kontakty vypadat, až bude dokončená:
Popis ilustrace ''GUID-DF490F84-D4EC-4124-B597-E30C5EB5609F-default.png''
- V levém bočním panelu klikněte na ikonu
a poté na příkaz Přidat stránku. - Zadejte text „KONTAKTUJTE NÁS“ do pole Název stránky a klikněte na příkaz Zavřít. Přidali jste novou stránku do webu.
- V levém bočním panelu klikněte na ikonu a poté klikněte na položku Vlastní.
- Přetáhněte komponentu Minimal-Header (vytvořenou a uloženou dříve) do pozice Záhlaví.
Popis ilustrace ''GUID-EEE0AFB4-A9A5-4362-9100-80BB1494E464-default.png''
Popis ilustrace ''GUID-0D2B488D-7A09-4920-81CE-44F8F508F8E8-default.png''Všimněte si, že komponenta Minimal-NavMenu si automaticky zvolila novou stránku KONTAKTUJTE NÁS, kterou jste právě vytvořili.
Popis ilustrace ''GUID-A9F9AD69-F6E2-4715-8885-26FDF5DFDF1D-default.png'' - Přetáhněte komponentu Minimal-Banner z levého bočního panelu do pozice Tělo.
Popis ilustrace ''GUID-CD535225-E948-40F2-AA4A-C092022981BD-default.png'' - Nyní upravíme banner, aby vypadal jinak než na DOMOVSKÉ stránce a lépe se hodil k obsahu stránky KONTAKTUJTE NÁS. Uvnitř skupiny komponent upravte nastavení rozvržení sekce Dva sloupce:
Na kartě Pozadí v poli Obrázek klikněte na příkaz Vybrat obrázek a poté vyberte položku Banner2.jpg ve složce Minimal-Images, kterou jste vytvořili dříve ve složce Dokumenty.
Popis ilustrace ''GUID-B89812E5-369F-4E2C-8EFD-40DA5B9DB487-default.png'' - Uvnitř rozvržení sekce Dva sloupce upravte text v komponentách Název a Odstavec.
- Zapište „Chcete vědět další informace?“ do komponenty Název.
- Zapište „Další výukové materiály hledejte na stránce Bezstavový CMS.“ do komponenty Odstavec.
- V levém bočním panelu klikněte na ikonu a poté na položku Zdrojové.
- Obrázek pro stránku KONTAKTUJTE NÁS obsahuje tlačítko s názvem OCE PRO VÝVOJÁŘE, které je součástí banneru, proto nyní toto tlačítko přidáme do banneru. Ve skupině komponent Minimal-Banner přetáhněte komponentu Tlačítko do druhého slupce rozvržení sekce Dva sloupce (pod nedávno přidanou komponentu Odstavec). Dokončete nastavení komponenty Tlačítko na kartě Obecné.
Vlastnost Hodnota Popisek OCE PRO VÝVOJÁŘE Nahoře 0,3 vw Dole 3 vw Vlevo 6 vw Vpravo 0,3 vw Na kartě Styl zvolte položku Přizpůsobit a dokončete nastavení.
Vlastnost Hodnota Barva pozadí #c0d600 Písmo - Jako velikost zadejte 24.
- Zadejte barvu #58595b.
Ohraničení Žádné Barva při ukázání - Nastavte POZADÍ na #e1fa00.
- Nastavte PÍSMO na #58595b.
- Nastavte OHRANIČENÍ na #2222dd.
Rohy 0 Dokončete nastavení na kartě Odkaz.
Vlastnost Hodnota Vyberte typ odkazu Webová stránka Adresa URL http://www.oracle.com/pls/topic/lookup?ctx=cloud&id=content-cloud-headless Cíl Otevřít v novém okně
Popis ilustrace ''GUID-2D527893-A2D4-4F11-8375-792FA3ABE725-default.png''
Popis ilustrace ''GUID-CFA88AD0-4A14-4FB0-A4C0-6710D4B53F7B-default.png'' - V levém bočním panelu klikněte na ikonu a poté klikněte na položku Vlastní.
- Přetáhněte komponentu Minimal-Body pod komponentu Minimal-Banner do pozice Tělo.
- Uvnitř komponenty Minimal-Body upravte text v komponentách Název a Odstavec.
- Zapište „Kontaktujte nás:“ do komponenty Název.
- Do komponenty Odstavec zapište podrobnosti, například e-mailovou adresu a další odkazy související s podporou.
„Navštivte Oracle Cloud Connect Forum, kde můžete odeslat své dotazy.“
„Vzorky služby Oracle Content Management jsou k dispozici na adrese: https://www.oracle.com/middleware/technologies/content-experience-downloads.html„
- Přetáhněte další komponentu Minimal-Body z levého bočního panelu do pozice Tělo, pod komponentu Minimal-Body, kterou jste přidali dříve.
- V nastavení skupiny komponent zadejte na kartě Pozadí v poli Barva hodnotu #696969.
- Uvnitř komponenty Minimal-Body upravte komponenty Název a Odstavec.
- Zapište „Umístění“ do komponenty Název. Vyberte text a nastavte jeho barvu písma na Bílou v textovém editoru.
- Do komponenty Odstavec zapište následující text.
„Regionální kancelář 1:
Číslo budovy 1,
Město 1, Provincie 1, Země 1
Regionální kancelář 2:
Číslo budovy 2,
Město 2, Provincie 2, Země 2“
- Nyní přidáme zápatí do stránky KONTAKTUJTE NÁS. Přetáhněte komponentu Minimal-Footer do pozice Zápatí.
- Kliknutím na tlačítko Uložit v pravé horní části nástroje Site Builder uložíte změny.
Kliknutím na ikonu v pravém horním rohu nástroje Site Builder zobrazte náhled webu a zkontrolujte, zda je vše v pořádku. Zkontrolujte, že po kliknutí na obrázek loga ve stránce KONTAKTUJTE NÁS přejdete zpět na domovskou stránku. Otestujte nabídku a zkontrolujte, že navigace mezi stránkami webu funguje správně.
Váš web je nyní připraven k publikování.