LogoMark.png

ソーシャルデザイン応用演習/2021/0921 のバックアップの現在との差分(No.5)


#author("2021-09-21T11:00:34+09:00","default:inoue.ko","inoue.ko")
#author("2021-09-25T20:50:40+09:00;2021-09-21T18:31:02+09:00","default:inoue.ko","inoue.ko")
*第2回|制作環境の準備
[[ソーシャルデザイン応用演習/2021]] 2021.09.21
[[学科サイト|受講生一覧>https://design.kyusan-u.ac.jp/socialdesign/?%E3%82%BD%E3%83%BC%E3%82%B7%E3%83%A3%E3%83%AB%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E5%BF%9C%E7%94%A8%E6%BC%94%E7%BF%92]]
~

***AGENDA
-以下名簿が表示されます。出欠確認をお願いします。
&fontawesome(far fa-hand-point-right); [[出欠確認・座席記録>https://docs.google.com/spreadsheets/d/1aTL4FaC3JOtsePZWKc8OWo3Wj1vtcwIy6suJWKSUcr0/edit?usp=sharing]]
&fontawesome(far fa-hand-point-right); [[出欠確認・座席記録>https://docs.google.com/spreadsheets/d/1aTL4FaC3JOtsePZWKc8OWo3Wj1vtcwIy6suJWKSUcr0/edit?usp=sharing]] ←''K'sLife反映済み''
-講義はこのページの内容を解説するかたちで遠隔 LIVE 配信します。
-本日の内容に従って、学科サイトの個人ページに情報を記載して下さい。
&fontawesome(far fa-hand-point-right); [[受講生一覧>https://design.kyusan-u.ac.jp/socialdesign/?%E3%82%BD%E3%83%BC%E3%82%B7%E3%83%A3%E3%83%AB%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E5%BF%9C%E7%94%A8%E6%BC%94%E7%BF%92]]
~

#hr
'''''以下、LIVE動画をご覧下さい。記事に沿って解説します。'''''
記録動画の公開は9月25日(金)までとします。早めの確認をお願いします。
'''''%%以下、LIVE動画をご覧下さい。記事に沿って解説します。%%'''''
記録動画の公開は9月24日(金)までとします。早めの確認をお願いします。
#hr
~

#youtube(TfJlMZZpFMg)
https://youtu.be/TfJlMZZpFMg
//#youtube(TfJlMZZpFMg)
//https://youtu.be/TfJlMZZpFMg
//埋め込み無効状態です。授業開始直前にページをリロードして下さい。
~
//~
//-配信開始:2021.09.21 09:30 -
//-動画は授業直前に有効になります(準備段階では黒い画面)。授業開始時にページを再読み込みしていただくと、視聴が有効になります。
//~

-配信開始:2021.09.21 09:30 -
-動画は授業直前に有効になります(準備段階では黒い画面)。授業開始時にページを再読み込みしていただくと、視聴が有効になります。
~

***CONTENTS
#contents2_1

~

**はじめに
PCの基本操作やファイルの扱いについて、補足します。
~

***基本的な事項の確認
-MacBook等における「コンテクストメニュー(右クリック)」について
--システム環境設定>タッチパッドの設定
--Macでも Windows用のマウスが普通に使えます。
-学科サイトでの画像の掲載について
--プラグイン(#image など)の記述等、コードの記述は「半角英数」
--画像は、必要最小サイズに最適化 > https://squoosh.app/
~

***フォルダ名やファイル名について
-フォルダ名やファイル名に使える文字は、原則として半角英数と ''_''  (アンダースコア)、 ''-'' (ハイフン)のみ。 / * + ~ . , # % & () などは特殊な意味を担う記号なので使えない・・と考えて下さい。スペースの利用も不可、日本語は非推奨、また、➀(まる1)や、ローマ数字といった「環境依存文字」も使わないようにしましょう。

-フォルダ名やファイル名は、原則小文字として、単語区切りについては、大文字やアンダースコア等を用いて photoImage01.jpg photo_image_01.jpg といった工夫をします。
~
~

**GoogleSites について

***Googleサイトとは
Googleアカウントがあれば、誰でも無料で簡単にWebサイトを作成できるサービスです。Googleスプレッドシートや Jamboardと同様に共同編集もできるため、組織の情報共有のためのポータルとしても活用できます。

ブラウザから Googleにアクセスして、ログインしてください。
https://www.google.co.jp/
~

***方法1
-新しい Google サイトを開きます。
https://sites.google.com/new
-上部の [新しいサイトを作成] からテンプレートを選択します。
~

***方法2(こちらを推奨します)
-GoogleDriveのマイドライブ内(特定のフォルダ内)で
 右クリック>その他>Googleサイト
-新しいサイトが用意されます。
~

***その後
-サイトを編集します。
> 誰でも直感的に編集できるように設計されています。
~

***サイトの公開
-サイトを公開するには、右上の [公開] をクリックします。
-サイト名を入力・・と出るので、
 https://sites.google.com/view/ 
以下の部分の文字列を決めます(アルファベットとダッシュのみ)。
-他とかぶらない世界に1つの名称にする必要があります。
-以下、公開事例
https://sites.google.com/view/opensquarejp-sample2021/
~

***付記:公開アドレスを変更するには
公開ボタンの右にある▼プルダウンメニュー
>「公開設定」> Webアドレスを書き換え> 保存・・ で変更可能です。

~
~


'''''以下、公式サイトのマニュアルへのリンクです。'''''
~

***コンテンツの制作
-[[ページを追加、削除、整理する>https://support.google.com/sites/answer/98216]]
-[[テキストや画像を追加、編集する>https://support.google.com/sites/answer/90538]]
-[[Google のファイルや動画などを追加する>https://support.google.com/sites/answer/90569]]
~

***サイトの公開と共有

-[[サイトを公開して共有する>https://support.google.com/sites/answer/6372880]]
-[[サイトの共同編集者を招待する>https://support.google.com/sites/answer/97934]]
-[[サイトを削除または復元する>https://support.google.com/sites/answer/90598]]

~
~

**初期作業
***サイト名の検討
-サイト名は、検索対象として重要なキーワードになります。
他とかぶらないユニークな(唯一の)名称を考えて設定して下さい。
~

***トップページ(ホームページ)の初期化
-URLにアクセスして最初に表示される「窓口」ページです。
-暫定的に何らかの画像を置くとともに、準備中である旨を明記して下さい。
~

//***About ページにサイトの趣旨・管理者情報
//-サイトの概要を簡潔に記載して下さい。
//-サイトの管理者に関する情報を記載して下さい。
//現時点では連絡先などを書く必要はありません。

~
~

**学科サイトの更新
__[[学科サイト|受講生一覧>https://design.kyusan-u.ac.jp/socialdesign/?%E3%82%BD%E3%83%BC%E3%82%B7%E3%83%A3%E3%83%AB%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E5%BF%9C%E7%94%A8%E6%BC%94%E7%BF%92]]__
-サイト名・サブタイトル(仮で構いません)を記載して下さい。
-サイトのURL(https://www.example.com)の部分を、自身の公開サイトのアドレスに変更して下さい(進捗確認のために必要です)。

~
~

~