Członkowie zespołu podstawowego mogą dodawać obrazy i tekst do witryny, używając następujących kart:
- Karta Wiersz — elementy składowe witryny. Każda karta musi być osadzona na karcie wiersza. Do karty wiersza można dodawać obrazy i kolory tła. Za pomocą tej karty można też utworzyć efekt paralaksy.
- Karta Tekst — tekst można dodać w dowolnym miejscu witryny, upuszczając tę kartę na kartę wiersza. Tej karty można także używać do dodawania przycisków, list, tabel i kodu niestandardowego do witryny.
- Karta Obraz — umożliwia dodawanie autonomicznych obrazów do dowolnej karty wiersza w dowolnym miejscu w witrynie.
Aby rozpocząć pracę, zaloguj się w oprogramowaniu ArcGIS Enterprise i kliknij opcję Witryny na stronie Przegląd w celu wyświetlenia listy witryn.
Wskazówka:
Witrynę możesz również edytować podczas przeglądania jej w przeglądarce. Pamiętaj, aby zalogować się, a następnie odszukać przycisk edycji po lewej stronie witryny.
Dodawanie i formatowanie tekstu
Tekst można dodawać w każdym miejscu witryny, gdzie znajduje się karta wiersza.
- Otwórz witrynę lub stronę w trybie edycji.
- Dodaj do wiersza kartę Tekst.
- Dodaj tekst.
- Wybierz tekst, który chcesz sformatować. Dostępne są następujące opcje: styl (dodawanie nagłówków, ekstraktów kodu i znaków cudzysłowu), pogrubienie, kursywa i łącza.
- Aby zmienić wielkość tekstu, kliknij przycisk stylu i wybierz wielość nagłówka.
- Aby skorygować wyrównanie tekstu, kliknij opcje akapitu i wybierz wyrównanie. Możesz także wstawić lub usunąć wcięcie wiersza tekstu, wybierając opcję akapitu, a następnie opcję wstawienia lub usunięcia wcięcia.
Wskazówka:
Jeśli popełnisz błąd, naciśnij Command+Z lub Ctrl+Z na klawiaturze, aby wycofać zmiany. - Kliknij przycisk Zapisz.
Zmiana koloru tekstu
Możesz zmienić kolor tekstu za pomocą ustawień Motyw witryny, jeśli chcesz zastosować ten sam kolor do wszystkich tekstów w witrynie. Możesz też dostosować kolor tekstu do poszczególnych wierszy przy użyciu ustawień wierszy.
- Otwórz witrynę lub stronę w trybie edycji.
- Aby skonfigurować kolor dla wszystkich tekstów w witrynie lub na stronie, otwórz panel boczny i rozwiń menu Motyw. Więcej informacji na temat motywów zawiera sekcja Znakowanie witryny za pomocą opcji nagłówka i motywu.
- Aby skonfigurować kolor dla konkretnego wiersza, kliknij ołówek edycji obok danego wiersza.
- Zmień kolor, wprowadzając szesnastkowy kod koloru lub wybierając kolor w oknie wyboru kolorów.
Wskazówka:
Kody szesnastkowe przydają się do zapewnienia spójności wizualnej marki w obrębie zasobów instytucji. Jeśli nie masz pewności co do parametrów marki instytucji, sprawdź, czy dostępna jest odpowiednia dokumentacja lub wytyczne dotyczące marki. - Kliknij przycisk Zapisz.
Zmiana czcionki
Korzystając z katalogu Google Fonts, można zmienić czcionkę tekstu nagłówków i tekstu podstawowego. Tekst podstawowy obejmuje cały tekst w kompozycji witryny. Ta czcionka jest też stosowana do wszystkich stron, które zostały dodane do witryny, stron podglądu elementu, do których uzyskuje się dostęp z wyników wyszukiwania w witrynie.
Więcej informacji na ten temat zawiera sekcja Formatowanie tekstu w witrynach Centrum ArcGIS Hub i ArcGIS Enterprise.
Dodawanie listy wypunktowanej lub numerowanej
Utwórz listę, wykonując poniższe czynności.
- Otwórz witrynę lub stronę w trybie edycji.
- Dodaj kartę Tekst do kompozycji witryny lub strony.
- Dodaj tekst lub zaznacz istniejący tekst.
- Kliknij listę nieuporządkowaną, aby utworzyć listę wypunktowaną, lub kliknij listę uporządkowaną, aby dodać listę numerowaną.
- Kliknij przycisk Zapisz.
Tworzenie menu typu akordeon
Menu typu akordeon to przydatna opcja podczas dodawania często zadawanych pytań.
- Otwórz witrynę lub stronę w trybie edycji.
- Dodaj do kompozycji kartę Tekst.
- Kliknij przycisk Wstaw, a następnie wybierz opcję Harmonijny.
- Dodaj i sformatuj tekst.
- Kliknij przycisk Zapisz.
Dodawanie autonomicznego obrazu
Dodaj obraz, przesyłając plik lub podając adres URL do hostowanego obrazu. Obrazy udostępniane wewnętrznie mogą oglądać tylko użytkownicy zalogowani i należący do zespołu podstawowego lub instytucji.
- Otwórz witrynę lub stronę w trybie edycji.
- Dodaj kartę Obraz do istniejącego wiersza.
- Wybierz źródło obrazu. Możesz przesłać plik obrazu lub podać adres URL obrazu. W przypadku obu tych opcji obsługiwane są formaty JPG, JPEG i PNG.
- Aby przesłać plik obrazu, wybierz opcję Wczytaj obraz i przeciągnij plik do pola w Edytorze witryn, albo kliknij opcję Znajdź obraz, aby wskazać i dodać plik. Maksymalny rozmiar pliku wynosi 3 MB.
- Możesz też podać adres URL obrazu, wybierając opcję Adres URL obrazu i wklejając łącze do obsługiwanego obrazu w polu Adres URL.
- Jeśli używany jest plik obrazu, można go dostosować, klikając przycisk przycinania i przeciągając uchwyt w celu zmiany rozmiaru ramki przycinania. Pozycję ramki przycinania można zmienić, klikając i przeciągając linię kropkowaną. Ponadto można wykonać operację powiększania, dostosowując suwak pod obrazem, a także zmienić pozycję obrazu, klikając w obrębie ramki przycinania.
- W menu Opcje podaj tekst alternatywny obrazu, aby pomóc użytkownikom niedowidzącym i zwiększyć dostępność witryny.
- Podaj hiperłącze obrazu i wybierz, czy łącze ma być otwierane na tej samej, czy też na nowej karcie.
Notatka:
Wytyczne dotyczące dostępności (3.2.2 — On Input i techniki G201) zalecają, aby unikać otwierania łączy w nowych kartach lub oknach, chyba że użytkownik zostanie wcześniej ostrzeżony. - Podaj tekst dla opcji Legenda do obrazu i wybierz wyrównanie tekstu.
- Opcjonalnie kliknij opcję Skaluj obraz tak, aby wypełniał cały ekran, aby skonfigurować centralny punkt obrazu. Punkt centralny zapewni pożądane skupienie podczas zmiany rozmiaru obrazu dla różnych ekranów.
- Kliknij przycisk Zapisz.
Tworzenie przycisku
Przycisk z łączem do innej lokalizacji, takiej jak sekcja lub strona, jest przydatnym narzędziem nawigacyjnym. Przyciski mogą również zawierać wezwania do działania.
- Otwórz witrynę lub stronę w trybie edycji.
- Dodaj do kompozycji kartę Tekst.
- Kliknij przycisk Wstaw, a następnie wybierz opcję Przycisk.
- Edytuj tekst na przycisku, by zawierał wezwanie do działania.
- Kliknij właśnie dodany przycisk, a następnie przycisk łącza.
- Dodaj tekst w polu tekstowym Tekst do wyświetlenia, jeśli jeszcze tego nie zrobiono.
- W polu tekstowym adresu URL wklej łącze, na które mają być przekierowywani użytkownicy po kliknięciu przycisku.
- Kliknij przycisk Wstaw łącze, by potwierdzić zmiany.
- Kliknij przycisk Zapisz.
Dodawanie obrazów tła i kolorów
Za innymi kartami można dodawać obrazy, używając karty Wiersz.
Wskazówka:
Jeśli tekst lub zasoby są wyświetlane nad obrazem, wybierz jasny lub ciemny kolor tła. Jeśli na przykład używasz tekstu w jasnym kolorze lub wyświetlasz mapę w jasnym kolorze, wybierz ciemny kolor tła, na przykład czarny, aby tekst był wyraźny. Następnie dostosuj przezroczystość koloru, aby obraz był widoczny.
- Otwórz witrynę lub stronę w trybie edycji.
- Dodaj do kompozycji kartę Wiersz.
- W obszarze Obraz tła wybierz źródło obrazu. Możesz przesłać plik obrazu lub podać adres URL obrazu. W przypadku obu tych opcji obsługiwane są formaty JPG, JPEG i PNG.
- Aby przesłać plik obrazu, wybierz opcję Wczytaj obraz i przeciągnij plik do pola w edytorze witryn, albo kliknij opcję Znajdź obraz, aby wskazać i dodać plik. Maksymalny rozmiar pliku wynosi 3 MB.
- Możesz też podać adres URL obrazu, wybierając opcję Adres URL obrazu i wklejając łącze do obsługiwanego obrazu w polu Adres URL.
- Po dodaniu obrazu wybierz kolor w obszarze Kolor tła w sekcji Ustawienia wiersza, wpisując kod szesnastkowy lub używając okna wyboru kolorów.
Notatka:
Kolory tła są obsługiwane tylko przez karty wierszy.
- W obszarze Wygląd skoryguj przezroczystość obrazu, używając suwaka lub wpisując wartość w polu określającym wartość procentową. Korygowanie przezroczystości obrazu powoduje rozjaśnianie lub przyciemnianie koloru tła w zależności od tego, jak został skorygowany. Technika ta zapewnia, że obraz i tekst będą dostępne dla użytkowników niewidzących.
- Kliknij przycisk Zapisz.
Wybór kompozycji obrazu na karcie wiersza
Każda karta wiersza ma dwie opcje kompozycji, które umożliwiają wybranie sposobu wyświetlania obrazu.
- Po dodaniu obrazu do karty wiersza można wybrać szeroką lub stałą kompozycję obrazu i każdego zasobu wyświetlanego na karcie.
- Wybierz opcję Szerokie, aby obraz był wyświetlany na całej szerokości witryny.
- Wybierz opcję Stałe, aby obraz pozostał stały.
- Skonfiguruj Centralny punkt obrazu, aby zapewnić pożądane skupienie podczas zmiany rozmiaru obrazu dla różnych ekranów.
- Kliknij przycisk Zapisz.
Konfigurowanie tekstu przy użyciu kodu HTML
Jeśli chcesz użyć kodu HTML do skonfigurowania tekstu, możesz użyć następujących elementów tego kodu:
- Otwórz witrynę lub stronę w trybie edycji.
- Dodaj do kompozycji kartę Tekst i kliknij </> Edytuj w HTML.
- Wprowadź kod i kliknij Zapisz.
Uwaga:
Ze względów bezpieczeństwa na kartach tekstu nie jest obsługiwany wbudowany kod JavaScript. Znaczniki skryptu zostaną zignorowane.
Dozwolone są następujące elementy HTML:
'a', 'abbr', 'acronym', 'address', 'article', 'audio', 'b',
'bdi', 'bdo', 'big', 'blockquote', 'br', 'caption', 'center', 'cite',
'code', 'col',
'colgroup', 'datalist', 'dd', 'del', 'details', 'dfn', 'div', 'dl', 'dt',
'em', 'embed', 'fieldset', 'figcaption', 'figure', 'font',
'footer', 'frameset',
'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr',
'i', 'img', 'input', 'ins', 'kbd', 'keygen', 'li', 'link', 'main', 'map',
'mark', 'menu', 'meter', 'nav', 'ol', 'optgroup', option', 'output', 'p',
'param', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp',
'section', 'small', 'source', 'span', 'strike', 'strong', 'style'
'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'tfoot', 'textarea',
'th', 'thead', 'time', 'title', 'tr', 'track, 'tt', 'u','ul',
Dozwolone są następujące atrybuty dla tych elementów:
All supported HTML elements allow : ['class', 'style'],
'a' : ['href', 'title', 'data-toggle', 'data-target', 'data-toggle',
'name', 'rel', 'style', 'target'],
'audio' : ['autoplay', 'controls', 'loop', 'muted', 'preload'],
'blockquote': ['cite'],
'button' : ['name', 'value', 'data-toggle', 'data-target',
'data-dismiss'],
'col' : ['span', 'width'],
'colgroup' : ['span', 'width'],
'div' : ['style', 'align', 'data-show', 'data-target', 'data-toggle']
'font': ['size', 'color', 'style'],
'img' : ['align', 'alt', 'border', 'height', 'style', 'src', 'title',
'width'],
'ol' : ['align', 'start', 'type'],
'p' : ['style'},
'q' : ['cite'],
'source' : ['media', 'src', 'type'],
'span' : [style],
'table' : ['border', 'cellspacing', 'cellpadding', 'class', 'height',
'style', 'summary', 'width'],
'td' : ['abbr', 'align', 'axis', 'colspan', 'height', 'nowrap',
'rowspan', 'style', 'valign', 'width'],
'th' : ['abbr', 'align', 'axis', 'colspan', 'height', 'nowrap',
'rowspan', 'style', 'valign', 'width']
'tr' : [alignt, 'height', style', valign'],
'ul' : ['type']