「高28回実習用見本のページ」の版間の差分

提供：八中・小山台デジタルアーカイブ
ナビゲーションに移動 検索に移動
 
(同じ利用者による、間の67版が非表示)
1行目: 1行目:
==2022年7月24日　写真などの投稿方法の実習==   
<!--＝の数を変えるだけでなんと見出しの大きさを指定できますよ！ -->
= 見出し(=1個) =
 
== 見出し(=2個) ==
 
=== 見出し(=3個) ===
 
==== 見出し(=4個) ====
 
===== 見出し(=5個) =====
 
====== 見出し(=6個) ======
 
==2022年7月24日　写真などの投稿方法の実習==   <!-- "=="は見出しのレベル指定です。６レベルまであります。見本は上↑ -->
<!-- ←これはソースの中にコメントを書くときに使います。編集時以外表示されません。→ -->
<!-- ←これはソースの中にコメントを書くときに使います。編集時以外表示されません。→ -->


9行目: 22行目:
::写真1枚の表示（400ピクセル 右寄せ）
::写真1枚の表示（400ピクセル 右寄せ）
[[ファイル:高28回現在の校舎１.jpg|400px|right|大きさを400ピクセルに指定しました。]]   
[[ファイル:高28回現在の校舎１.jpg|400px|right|大きさを400ピクセルに指定しました。]]   
<span style="font-size:30px;">新校舎の屋上にも八角塔がある。<br>まさに小山台高校のシンボルだ。</span>（30ピクセル）<br>
<span style="font-size:28px;">新校舎の屋上にも八角塔がある。<br>まさに小山台高校のシンボルだ。</span>（28ピクセル）<br>
<big>新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
<big>新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
'''新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。（太字）'''</big>　(big font指定）
'''新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。（太字）'''</big>
<br><br>
<br><br><br><br><br><br>
 
<br><br><br>


===写真1枚の表示（300ピクセル）===　　　　　　 <!-- "=="は見出しのレベル指定です。６レベルまであります。  -->
====写真1枚の表示（300ピクセル　サムネイル表示）====
[[ファイル:高28回現在の校舎１.jpg|thumb|300px|none|300ピクセルはこのくらいの大きさです]]
[[ファイル:高28回現在の校舎１.jpg|thumb|300px|none|300ピクセルはこのくらいの大きさです]]
<br><br>
<br><br>


====写真1枚の表示（200ピクセル）文字列の回り込みなし====
===== 写真1枚の表示（200ピクセル　サムネイル表示）文字列の回り込みなし =====
[[ファイル:高28回現在の校舎１.jpg|thumb|200px|none|200ピクセルはこのくらいの大きさです]]
[[ファイル:高28回現在の校舎１.jpg|thumb|200px|none|200ピクセルはこのくらいの大きさです]]
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
<br><br>
<br><br>


=====写真1枚の表示　文字列の回り込み　画像の右に文字列 =====
===== 写真1枚の表示　文字列の回り込み　画像の右に文字列　サムネイル表示 =====
[[ファイル:高28回現在の校舎１.jpg|thumb|200px|left|200ピクセルはこのくらいの大きさです]]
[[ファイル:高28回現在の校舎１.jpg|thumb|200px|left|200ピクセルはこのくらいの大きさです]]
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
32行目: 49行目:
<br><br><br><br><br><br>
<br><br><br><br><br><br>


=====写真1枚の表示　文字列の回り込み　画像の右に文字列 =====
===== 写真1枚の表示　文字列の回り込み　画像の右に文字列 　サムネイル表示 =====
[[ファイル:高28回現在の校舎１.jpg|thumb|200px|right|200ピクセルはこのくらいの大きさです]]
[[ファイル:高28回現在の校舎１.jpg|thumb|200px|right|200ピクセルはこのくらいの大きさです]]
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
38行目: 55行目:
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
<br><br><br><br>
<br><br><br><br><br><br><br>
 
 
==== 複数の写真を並べて表示 　ギャラリー機能====
<br><br>　<!-- ソースを<nowiki>～</nowiki>で囲むと実行しないで文字列として表示します。-->
: <nowiki> <gallery>の中で幅と高さを指定します。  widths=200px heights=150px </nowiki>
<gallery widths=200px heights=150px >  <--! <gallery>の中で幅と高さを指定します　-->
ファイル:高28回現在の校舎１.jpg|３Ａ
ファイル:高28回現在の校舎１.jpg|３Ｂ
ファイル:高28回現在の校舎１.jpg|３Ｃ
ファイル:高28回現在の校舎１.jpg|３Ｄ
ファイル:高28回現在の校舎１.jpg|３Ｅ
ファイル:高28回現在の校舎１.jpg|３Ｆ
ファイル:高28回現在の校舎１.jpg|３Ｇ
ファイル:高28回現在の校舎１.jpg|３Ｈ
</gallery>
<br>
<br>
 
: <nowiki> <gallery>の中で幅だけを指定します。  widths=100px </nowiki>
<gallery widths=100px>  <--! <gallery>の中で幅だけを指定します　-->
ファイル:高28回現在の校舎１.jpg|３Ａ
ファイル:高28回現在の校舎１.jpg|３Ｂ
ファイル:高28回現在の校舎１.jpg|３Ｃ
ファイル:高28回現在の校舎１.jpg|３Ｄ
ファイル:高28回現在の校舎１.jpg|３Ｅ
ファイル:高28回現在の校舎１.jpg|３Ｆ
ファイル:高28回現在の校舎１.jpg|３Ｇ
ファイル:高28回現在の校舎１.jpg|３Ｈ
</gallery>
<br><br>
 
: <nowiki> <gallery mode="packed">のみ。 </nowiki>
:<gallery mode="packed" >
ファイル:高28回現在の校舎１.jpg|３Ａ
ファイル:高28回現在の校舎１.jpg|３Ｂ
ファイル:高28回現在の校舎１.jpg|３Ｃ
ファイル:高28回現在の校舎１.jpg|３Ｄ
ファイル:高28回現在の校舎１.jpg|３Ｅ
ファイル:高28回現在の校舎１.jpg|３Ｆ
ファイル:高28回現在の校舎１.jpg|３Ｇ
ファイル:高28回現在の校舎１.jpg|３Ｈ
</gallery>
 
: <nowiki> <gallery mode="packed">で水平方向に整列（左寄せ）を指定。　horizontal-align:left </nowiki>
:<gallery mode="packed; horizontal-align:left;" >
ファイル:高28回現在の校舎１.jpg|３Ａ
ファイル:高28回現在の校舎１.jpg|３Ｂ
ファイル:高28回現在の校舎１.jpg|３Ｃ
ファイル:高28回現在の校舎１.jpg|３Ｄ
ファイル:高28回現在の校舎１.jpg|３Ｅ
ファイル:高28回現在の校舎１.jpg|３Ｆ
ファイル:高28回現在の校舎１.jpg|３Ｇ
ファイル:高28回現在の校舎１.jpg|３Ｈ
</gallery>
<br><br>


====画像ファイルにリンクを貼る====
: <nowiki> widths=100px heights=100px で表示。</nowiki><br>
: <nowiki>キャプションに "<div style="text-align:center; >□□</div>" を入れてセンタリング。</nowiki>
<gallery widths=100px heights=100px >
ファイル:高28回現在の校舎１.jpg|<div style="text-align:center; >３Ａ</div>
ファイル:高28回現在の校舎１.jpg|<div style="text-align:center; >３Ｂ</div>
ファイル:高28回現在の校舎１.jpg|<div style="text-align:center; >３Ｃ</div>
ファイル:高28回現在の校舎１.jpg|<div style="text-align:center; >３Ｄ</div>
ファイル:高28回現在の校舎１.jpg|<div style="text-align:center; >３Ｅ</div>
ファイル:高28回現在の校舎１.jpg|<div style="text-align:center; >３Ｆ</div>
ファイル:高28回現在の校舎１.jpg|<div style="text-align:center; >３Ｇ</div>
ファイル:高28回現在の校舎１.jpg|<div style="text-align:center; >３Ｈ</div>
</gallery>
<br><br>
 
==== 画像ファイルにリンクを貼る ====
:アーカイブ内の他のページに飛ぶリンク
:アーカイブ内の他のページに飛ぶリンク
[[ファイル:高28回現在の校舎１.jpg|100px|link=高28回|クリックすると「高28回のページ」に飛びます。]]
[[ファイル:高28回現在の校舎１.jpg|100px|link=高28回|クリックすると「高28回のページ」に飛びます。]]
<br><br>
<br><br>
:ドロップボックス内のPDFファイルを表示するリンク
 
[[ファイル:高28回現在の校舎１.jpg|100px|link=https://www.dropbox.com/s/0vwf3pd31jclk8l/%E5%B0%8F%E5%B1%B1%E5%8F%B0%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%82%A2%E3%83%BC%E3%82%AB%E3%82%A4%E3%83%96%E3%81%B8%E3%81%AE%E5%86%99%E7%9C%9F%E3%81%AE%E6%8E%B2%E8%BC%89%E6%96%B9%E6%B3%95%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6.pdf?dl=0|写真などの掲載方法についてのPDFファイルの表示]]
:ドロップボックス内のPDFファイルを表示するリンク（センタリングもしています）
<br><br>
<br>
:画像を使わないドロップボックス内のPDFファイルを表示するリンク
<div align="center">
[https://www.dropbox.com/s/0vwf3pd31jclk8l/%E5%B0%8F%E5%B1%B1%E5%8F%B0%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%82%A2%E3%83%BC%E3%82%AB%E3%82%A4%E3%83%96%E3%81%B8%E3%81%AE%E5%86%99%E7%9C%9F%E3%81%AE%E6%8E%B2%E8%BC%89%E6%96%B9%E6%B3%95%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6.pdf?dl=0 写真などの掲載方法について]
 
[https://www.dropbox.com/s/0vwf3pd31jclk8l/%E5%B0%8F%E5%B1%B1%E5%8F%B0%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%82%A2%E3%83%BC%E3%82%AB%E3%82%A4%E3%83%96%E3%81%B8%E3%81%AE%E5%86%99%E7%9C%9F%E3%81%AE%E6%8E%B2%E8%BC%89%E6%96%B9%E6%B3%95%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6.pdf?dl=0 【実習テキスト】写真などの掲載方法について(PDFファイル)]
 
</div>
<br><br>
<br><br>


====複数の写真を並べて表示====
:画像を使ったドロップボックス内のPDFファイル(実習テキスト）を表示するリンク　
<br><br>
<!--　文字列が長いため途中で改行されてしまいました　-->
 
[[ファイル:高28回現在の校舎１.jpg|link=https://www.dropbox.com/s/0vwf3pd31jclk8l/%E5%B0%8F%E5%B1%B1%E5%8F%B0%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%82%A2%E3%83%BC%E3%82%AB%E3%82%A4%E3%83%96%E3%81%B8%E3%81%AE%E5%86%99%E7%9C%9F%E3%81%AE%E6%8E%B2%E8%BC%89%E6%96%B9%E6%B3%95%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6.pdf?dl=0|100px|thumb|left|写真などの掲載方法について(PDFファイル)]]
<br><br><br><br><br><br><br>
 
 
----
----
[[高28回　発掘写真投稿場所|↑「発掘写真投稿場所」へ戻る]]<br><br>
[[高28回　発掘写真投稿場所|↑「発掘写真投稿場所」へ戻る]]<br><br>
[[高28回| ↑↑「高28回のページ」へ戻る]]<br><br>
[[高28回| ↑↑「高28回のページ」へ戻る]]<br><br>
[[高28回]]
[[高28回]]

2022年7月23日 (土) 18:40時点における最新版

見出し(=1個)

見出し(=2個)

見出し(=3個)

見出し(=4個)

見出し(=5個)
見出し(=6個)

2022年7月24日　写真などの投稿方法の実習

写真1枚の表示（そのままの大きさ）

ファイルの大きさのままで表示されます。

　　

写真1枚の表示（400ピクセル 右寄せ）
大きさを400ピクセルに指定しました。

新校舎の屋上にも八角塔がある。
まさに小山台高校のシンボルだ。（28ピクセル）
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。（太字）








写真1枚の表示（300ピクセル　サムネイル表示）

300ピクセルはこのくらいの大きさです



写真1枚の表示（200ピクセル　サムネイル表示）文字列の回り込みなし
200ピクセルはこのくらいの大きさです

新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。


写真1枚の表示　文字列の回り込み　画像の右に文字列　サムネイル表示
200ピクセルはこのくらいの大きさです

新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。






写真1枚の表示　文字列の回り込み　画像の右に文字列 　サムネイル表示
200ピクセルはこのくらいの大きさです

新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。








複数の写真を並べて表示 　ギャラリー機能



　

<gallery>の中で幅と高さを指定します。 widths=200px heights=150px

  • ３Ａ

  • ３Ｂ

  • ３Ｃ

  • ３Ｄ

  • ３Ｅ

  • ３Ｆ

  • ３Ｇ

  • ３Ｈ



<gallery>の中で幅だけを指定します。 widths=100px

  • ３Ａ

  • ３Ｂ

  • ３Ｃ

  • ３Ｄ

  • ３Ｅ

  • ３Ｆ

  • ３Ｇ

  • ３Ｈ



<gallery mode="packed">のみ。

  • ３Ａ

  • ３Ｂ

  • ３Ｃ

  • ３Ｄ

  • ３Ｅ

  • ３Ｆ

  • ３Ｇ

  • ３Ｈ

    • <gallery mode="packed">で水平方向に整列（左寄せ）を指定。　horizontal-align:left

    • ３Ａ

    • ３Ｂ

    • ３Ｃ

    • ３Ｄ

    • ３Ｅ

    • ３Ｆ

    • ３Ｇ

    • ３Ｈ



      • widths=100px heights=100px で表示。
      キャプションに "<div style="text-align:center; >□□</div>" を入れてセンタリング。
      • ３Ａ
      • ３Ｂ
      • ３Ｃ
      • ３Ｄ
      • ３Ｅ
      • ３Ｆ
      • ３Ｇ
      • ３Ｈ



      画像ファイルにリンクを貼る

      アーカイブ内の他のページに飛ぶリンク

      クリックすると「高28回のページ」に飛びます。

      ドロップボックス内のPDFファイルを表示するリンク（センタリングもしています）


      【実習テキスト】写真などの掲載方法について(PDFファイル)



      画像を使ったドロップボックス内のPDFファイル(実習テキスト）を表示するリンク　
      写真などの掲載方法について(PDFファイル)









      ↑「発掘写真投稿場所」へ戻る

      ↑↑「高28回のページ」へ戻る

      高28回

      「https://wiki.koyamadai100.jp/index.php?title=高28回実習用見本のページ&oldid=5835」から取得