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, oprócz karty banera, musi być osadzona w 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 Baner — umożliwia tworzenie sekcji przez użycie tej karty do rozbicia elementów witryny. Ta karta udostępnia też opcjonalny pasek wyszukiwania.
- Karta Obraz — umożliwia dodawanie autonomicznych obrazów do dowolnej karty wiersza w dowolnym miejscu w witrynie.
Na początek zaloguj się do oprogramowania Portal for ArcGIS, a następnie kliknij opcję Witryny na stronie Przegląd, aby wyświetlić listę 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.
- Przeciągnij kartę Tekst do istniejącego wiersza.
- Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
- 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
Zmień kolor tekstu, wykonując poniższe czynności.
- Umieść wskaźnik myszy nad kartą wiersza, w której osadzona jest karta tekstu, a następnie kliknij przycisk ustawień karty 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 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.
- Dodaj tekst lub zaznacz istniejący tekst.
- Wybierz listę nieuporządkowaną, aby utworzyć listę wypunktowaną.
- Wybierz listę uporządkowaną, aby dodać listę numerowaną.
- 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.
- Przeciągnij kartę Obraz do istniejącego wiersza.
- Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
- 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.
Dodawanie obrazów tła i kolorów
Za innymi kartami można dodawać obrazy, używając kart wiersza i banera. Dodanie kolorów do tych obrazów może sprawić, że będzie je łatwiej zobaczyć.
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.
- Przeciągnij kartę Baner lub Wiersz do witryny.
- Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
- 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 widzą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:
- Przeciągnij kartę Tekst do istniejącego wiersza.
- Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
- Kliknij opcję Widok kodu.
- Wpisz kod.
- 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']