前回「ごあいさつ」ページに見出しと画像つき文章を入れたのだが、別のページにこれらを入れた方があり、本来のページにこれらコンテンツを移動した。

コンテンツ移動の操作状況はプロジェクターに表示して全員で視聴した。

これも前回の作業だったが、「ほどがやパソボラ」の従来からのURLを使ってしまった。４月から新しいURLとなることから、新しいURLで外部リンクをつけ直しした。

画像つき文章で挿入される画像のサイズは、ページ幅の半分のサイズに調整して表示されるようだ。

挿入後は、ページ幅一杯にしてみたり、小さくしてみたりでき、適当なサイズを選べるようになっている。オリジナル画像のサイズがページ幅に満たないときは、最大オリジナル画像の幅で表示される。

縦長のページで、スクロールしながら該当箇所にたどり着くのではなく、目次のようなもの用意しておいてその目次をクリックすると直ちに該当の箇所に飛んで表示されるようにするのがページ内リンクであるとの説明を白板にて紹介した。

リンク元の文字列にセットするＨＴＭＬコードを説明した。

<a href="○✕▼◉☐△&%$!">リンク元文字列</a>

「リンク元文字列」をクリックすると、「○✕▼◉☐△&%$!」へジャンプするという方式

「○✕▼◉☐△&%$!」は、「リンク先のページ名/」プラス「リンク先のセレクターＩＤ」となる。

リンク先はページ名とそのページ内のセレクターとの合成である。

ページ内リンクを設定するには、

１）リンク元で、リンク先ページを内部リンクで設定する

２）リンク先のセレクタIDを「開発者ツール」で表示し、コピーする

３）編集モードで、リンク元をＨＴＭＬコードで編集する

４）プレビューモードで、編集したページ内リンクを試す。

ページ内リンクであっちこっちへジャンプするので、ページの最上端へ簡単に戻る「トップへ戻る」ボタンを表示することにした。