新CMSによる
新しい学校Webページ作成
新しい学校Webページ作成
新しいバージョンのCMS(Movable Type ver.7)による学校Webページの作成方法を動画で説明しています。各動画の番号に沿って作業を進めてください。動画は今後追加していく予定です。
※動画は「設定」から「再生速度」の変更が可能です。
新Webページにサインインする際、動画ではブラウザのアドレス欄に「new.test.open.ed.jp」と入れていますが、これは検証用サイトのURLです。各学校に「new.○○○.open.ed.jp」(○○○の部分は現在の学校HPのURLと同じ)といった「new」が付いたURLを配布しています。
新Webページの作成を始める前に、ページ全体のテーマ(デザイン)決めます。後からテーマの変更を行うと、レイアウトが初期状態に戻ってしまうので、最初で確実にテーマを決めてください。
動画内で使用されているスマートフォン用の「メニュー」「閉じる」ボタン画像(pngファイル)は、Teamsの「新学校Webページ移行支援」チームの「ファイル」→「4.スマホ用メニューボタンの表示」フォルダの中にあります。
動画内で「スライドに使用する画像の高さは560ピクセル」と説明していますが、560だと画像の上下が少し切れるようです。画像の高さは400ピクセル程度で調整してください。
動画内で「『書き換え用』ファイルは『沖縄県立学校ネットワーク情報』チームにある」と説明していますが、「新学校Webページ移行支援」チームの「ファイル」→「7.サイドバーの編集②「最近の記事」の編集」フォルダの中にもあります。
文字の入力について現行バージョンと特に大きな変更はありませんが、「見出し2」を設定した場合、文字の背景に自動で色が着く設定となっています。(「見出し2」は動画後半で説明)
「相対パス」の説明で、「○○.html」と入力している箇所があります。相対パスは「./○○.html」と説明されることもありますが、同じ階層のファイルにアクセスする場合「./」は省略可能です。
現在の学校Webページと同じように、ページトップのトピックスに記事の全文を表示する方法の説明です。
ページトップのトピックスに記事の省略された文(IT教育班のページを参照 http://it.edu-c.open.ed.jp/ )を表示する方法の説明です。
<注意!>
動画内で「./画像ファイル名」と説明していますが、他のページに移動すると画像の表示が消える現象が生じたため、現在ダウンロードするtxtファイル内のコードを「/」(ドットを消してスラッシュのみ)に変更しています。「/画像ファイル名」だと画像が消える現象は生じませんので、ダウンロードしたコードを動画の説明通りにコピー&ペーストしてください。
現在のページある記事(1つの記事)を新ページにコピーする基本的な操作方法を説明しています。
※現在のページにあるウェブページを新ページにコピー場合もこの方法になります。
現在のページある記事(全記事)を一括でエクスポートし、新ページにインポートする方法を説明しています。
※一括でエクスポート、インポートできるのは「記事」のみです。「ウェブページ」については、新ページにインポートする機能は無いようです。
現在のページにあるアイテムを一括でダウンロードする方法を説明しています。