Dodawanie tekstu i obrazów

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.

1. Otwórz witrynę lub stronę w trybie edycji.
2. Dodaj do wiersza kartę Tekst.
3. Dodaj tekst.
4. 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.
5. Aby zmienić wielkość tekstu, kliknij przycisk stylu i wybierz wielość nagłówka.
6. 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.

7. 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.

1. Otwórz witrynę lub stronę w trybie edycji.
2. 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.
3. Aby skonfigurować kolor dla konkretnego wiersza, kliknij ołówek edycji obok danego wiersza.
4. 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.

5. 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 szczegółów elementu, do których uzyskuje się dostęp z wyników wyszukiwania w witrynie oraz wszystkich widoków wydarzeń.

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.

1. Otwórz witrynę lub stronę w trybie edycji.
2. Dodaj kartę Tekst do kompozycji witryny lub strony.
3. Dodaj tekst lub zaznacz istniejący tekst.
4. Kliknij listę nieuporządkowaną, aby utworzyć listę wypunktowaną, lub kliknij listę uporządkowaną, aby dodać listę numerowaną.
5. Kliknij przycisk Zapisz.

Tworzenie menu typu akordeon

Menu typu akordeon to przydatna opcja podczas dodawania często zadawanych pytań.

1. Otwórz witrynę lub stronę w trybie edycji.
2. Dodaj do kompozycji kartę tekstu.
3. Kliknij przycisk Wstaw, a następnie wybierz opcję Harmonijny.
4. Dodaj i sformatuj tekst.
5. 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.

1. Otwórz witrynę lub stronę w trybie edycji.
2. Dodaj kartę Obraz do istniejącego wiersza.
3. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
4. 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.
5. 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.
6. W menu Opcje podaj tekst alternatywny obrazu, aby pomóc użytkownikom niedowidzącym i zwiększyć dostępność witryny.
7. 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.

8. Podaj tekst dla opcji Legenda do obrazu i wybierz wyrównanie tekstu.
9. 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.
10. 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.

1. Otwórz witrynę lub stronę w trybie edycji.
2. Dodaj do kompozycji kartę Tekst.
3. Kliknij przycisk Wstaw, a następnie wybierz opcję Przycisk.
4. Edytuj tekst na przycisku, by zawierał wezwanie do działania.
5. Kliknij właśnie dodany przycisk, a następnie przycisk łącza.
6. Dodaj tekst w polu tekstowym Tekst do wyświetlenia, jeśli jeszcze tego nie zrobiono.
7. W polu tekstowym adresu URL wklej łącze, na które mają być przekierowywani użytkownicy po kliknięciu przycisku.
8. Kliknij przycisk Wstaw łącze, by potwierdzić zmiany.
9. Kliknij przycisk Zapisz.
Więcej informacji na temat kolorów przycisków zawiera sekcja Tworzenie motywu.

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.

1. Otwórz witrynę lub stronę w trybie edycji.
2. Dodaj do kompozycji kartę Wiersz.
3. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
4. 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.
5. 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.

6. 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 widzących, ale cierpiących na daltonizm.
7. 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.

1. 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.
2. Skonfiguruj Centralny punkt obrazu, aby zapewnić pożądane skupienie podczas zmiany rozmiaru obrazu dla różnych ekranów.
3. 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:

1. Otwórz witrynę lub stronę w trybie edycji.
2. Dodaj kartę Tekst do istniejącego wiersza.
3. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
4. Kliknij opcję Widok kodu.
5. Wpisz kod.
6. Kliknij przycisk 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']