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

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


6行目: 19行目:
                             <!-- ↑ " | "の後ろはキャプションです。画像の上にマウスポインタを置くと表示されます。 -->
                             <!-- ↑ " | "の後ろはキャプションです。画像の上にマウスポインタを置くと表示されます。 -->
<br><br>  <!-- <br>は「Break」のことで「強制改行」します。 -->
<br><br>  <!-- <br>は「Break」のことで「強制改行」します。 -->
::写真1枚の表示(400ピクセル 右寄せ)
::写真1枚の表示(400ピクセル 右寄せ)
[[ファイル:高28回現在の校舎1.jpg|400px|right|大きさを400ピクセルに指定しました。]]   
[[ファイル:高28回現在の校舎1.jpg|400px|right|大きさを400ピクセルに指定しました。]]   
<span style="font-size:30px;">新校舎の屋上にも八角塔がある。<br>まさに小山台高校のシンボルだ。</span>(30ピクセル)<br>
<span style="font-size:28px;">新校舎の屋上にも八角塔がある。<br>まさに小山台高校のシンボルだ。</span>(28ピクセル)<br>
<big>新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
<big>新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
''新校舎の屋上にも八角塔がある。'' '''まさに小山台高校のシンボルだ。'''</big> (big font指定)
'''新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。(太字)'''</big>
<br><br>
<br><br><br><br><br><br>
===写真1枚の表示(300ピクセル)===       <!-- "=="は見出しのレベル指定です。6レベルまであります。  -->
 
<br><br><br>
 
====写真1枚の表示(300ピクセル サムネイル表示)====
[[ファイル:高28回現在の校舎1.jpg|thumb|300px|none|300ピクセルはこのくらいの大きさです]]
[[ファイル:高28回現在の校舎1.jpg|thumb|300px|none|300ピクセルはこのくらいの大きさです]]
<br><br>
<br><br>
====写真1枚の表示(200ピクセル)文字列の回り込みなし====
 
===== 写真1枚の表示(200ピクセル サムネイル表示)文字列の回り込みなし =====
[[ファイル:高28回現在の校舎1.jpg|thumb|200px|none|200ピクセルはこのくらいの大きさです]]
[[ファイル:高28回現在の校舎1.jpg|thumb|200px|none|200ピクセルはこのくらいの大きさです]]
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
<br><br>
<br><br>
=====写真1枚の表示 文字列の回り込み 画像の右に文字列 =====
 
===== 写真1枚の表示 文字列の回り込み 画像の右に文字列 サムネイル表示 =====
[[ファイル:高28回現在の校舎1.jpg|thumb|200px|left|200ピクセルはこのくらいの大きさです]]
[[ファイル:高28回現在の校舎1.jpg|thumb|200px|left|200ピクセルはこのくらいの大きさです]]
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
<br><br><br><br><br><br><br><br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
=====写真1枚の表示 文字列の回り込み 画像の右に文字列 =====
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
<br><br><br><br><br><br>
 
===== 写真1枚の表示 文字列の回り込み 画像の右に文字列  サムネイル表示 =====
[[ファイル:高28回現在の校舎1.jpg|thumb|200px|right|200ピクセルはこのくらいの大きさです]]
[[ファイル:高28回現在の校舎1.jpg|thumb|200px|right|200ピクセルはこのくらいの大きさです]]
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
<br><br><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回現在の校舎1.jpg|3A
ファイル:高28回現在の校舎1.jpg|3B
ファイル:高28回現在の校舎1.jpg|3C
ファイル:高28回現在の校舎1.jpg|3D
ファイル:高28回現在の校舎1.jpg|3E
ファイル:高28回現在の校舎1.jpg|3F
ファイル:高28回現在の校舎1.jpg|3G
ファイル:高28回現在の校舎1.jpg|3H
</gallery>
<br>
<br>
 
: <nowiki> <gallery>の中で幅だけを指定します。  widths=100px </nowiki>
<gallery widths=100px>  <--! <gallery>の中で幅だけを指定します -->
ファイル:高28回現在の校舎1.jpg|3A
ファイル:高28回現在の校舎1.jpg|3B
ファイル:高28回現在の校舎1.jpg|3C
ファイル:高28回現在の校舎1.jpg|3D
ファイル:高28回現在の校舎1.jpg|3E
ファイル:高28回現在の校舎1.jpg|3F
ファイル:高28回現在の校舎1.jpg|3G
ファイル:高28回現在の校舎1.jpg|3H
</gallery>
<br><br>
 
: <nowiki> <gallery mode="packed">のみ。 </nowiki>
:<gallery mode="packed" >
ファイル:高28回現在の校舎1.jpg|3A
ファイル:高28回現在の校舎1.jpg|3B
ファイル:高28回現在の校舎1.jpg|3C
ファイル:高28回現在の校舎1.jpg|3D
ファイル:高28回現在の校舎1.jpg|3E
ファイル:高28回現在の校舎1.jpg|3F
ファイル:高28回現在の校舎1.jpg|3G
ファイル:高28回現在の校舎1.jpg|3H
</gallery>


: <nowiki> <gallery mode="packed">で水平方向に整列(左寄せ)を指定。 horizontal-align:left </nowiki>
:<gallery mode="packed; horizontal-align:left;" >
ファイル:高28回現在の校舎1.jpg|3A
ファイル:高28回現在の校舎1.jpg|3B
ファイル:高28回現在の校舎1.jpg|3C
ファイル:高28回現在の校舎1.jpg|3D
ファイル:高28回現在の校舎1.jpg|3E
ファイル:高28回現在の校舎1.jpg|3F
ファイル:高28回現在の校舎1.jpg|3G
ファイル:高28回現在の校舎1.jpg|3H
</gallery>
<br><br>


: <nowiki> widths=100px heights=100px で表示。</nowiki><br>
: <nowiki>キャプションに "<div style="text-align:center; >□□</div>" を入れてセンタリング。</nowiki>
<gallery widths=100px heights=100px >
ファイル:高28回現在の校舎1.jpg|<div style="text-align:center; >3A</div>
ファイル:高28回現在の校舎1.jpg|<div style="text-align:center; >3B</div>
ファイル:高28回現在の校舎1.jpg|<div style="text-align:center; >3C</div>
ファイル:高28回現在の校舎1.jpg|<div style="text-align:center; >3D</div>
ファイル:高28回現在の校舎1.jpg|<div style="text-align:center; >3E</div>
ファイル:高28回現在の校舎1.jpg|<div style="text-align:center; >3F</div>
ファイル:高28回現在の校舎1.jpg|<div style="text-align:center; >3G</div>
ファイル:高28回現在の校舎1.jpg|<div style="text-align:center; >3H</div>
</gallery>
<br><br>


==== 画像ファイルにリンクを貼る ====
:アーカイブ内の他のページに飛ぶリンク
[[ファイル:高28回現在の校舎1.jpg|100px|link=高28回|クリックすると「高28回のページ」に飛びます。]]
<br><br>
<br><br>
====複数の写真を並べて表示====
 
:ドロップボックス内のPDFファイルを表示するリンク(センタリングもしています)
<br>
<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 【実習テキスト】写真などの掲載方法について(PDFファイル)]
 
</div>
<br><br>
<br><br>
:画像を使ったドロップボックス内のPDFファイル(実習テキスト)を表示するリンク 
<!-- 文字列が長いため途中で改行されてしまいました -->
[[ファイル:高28回現在の校舎1.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">のみ。
  • 3A

  • 3B

  • 3C

  • 3D

  • 3E

  • 3F

  • 3G

  • 3H

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

  • 3B

  • 3C

  • 3D

  • 3E

  • 3F

  • 3G

  • 3H



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



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

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

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

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


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



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










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

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

    高28回