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

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


7行目: 20行目:
<br><br>  <!-- <br>は「Break」のことで「強制改行」します。 -->
<br><br>  <!-- <br>は「Break」のことで「強制改行」します。 -->


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


====写真1枚の表示(300ピクセル サムネイル表示)====
====写真1枚の表示(300ピクセル サムネイル表示)====
42行目: 57行目:
<br><br><br><br><br><br><br>
<br><br><br><br><br><br><br>


==== 画像ファイルにリンクを貼る (写真は100ピクセルの大きさにしました) ====
:アーカイブ内の他のページに飛ぶリンク
[[ファイル:高28回現在の校舎1.jpg|100px|link=高28回|クリックすると「高28回のページ」に飛びます。]]
<br><br>
:ドロップボックス内のPDFファイルを表示するリンク
[[ファイル:高28回現在の校舎1.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ファイルの表示]]
<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 写真などの掲載方法について]
</div>
<br><br>


==== 複数の写真を並べて表示  ギャラリー機能====
==== 複数の写真を並べて表示  ギャラリー機能====
<br><br> <!-- ソースを<nowiki>~</nowiki>で囲むと実行しないで文字列として表示します。-->
: <nowiki> <gallery>の中で幅と高さを指定します。  widths=200px heights=150px </nowiki>
<gallery widths=200px heights=150px >  <--! <gallery>の中で幅と高さを指定します -->
<gallery widths=200px heights=150px >  <--! <gallery>の中で幅と高さを指定します -->
ファイル:高28回現在の校舎1.jpg|3A  
ファイル:高28回現在の校舎1.jpg|3A  
62行目: 66行目:
ファイル:高28回現在の校舎1.jpg|3C
ファイル:高28回現在の校舎1.jpg|3C
ファイル:高28回現在の校舎1.jpg|3D
ファイル:高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>
</gallery>
<br><br>
<br><br>


<gallery mode="packed" >
: <nowiki> <gallery mode="packed">のみ。 </nowiki>
:<gallery mode="packed" >
ファイル:高28回現在の校舎1.jpg|3A  
ファイル:高28回現在の校舎1.jpg|3A  
ファイル:高28回現在の校舎1.jpg|3B
ファイル:高28回現在の校舎1.jpg|3B
ファイル:高28回現在の校舎1.jpg|3C
ファイル:高28回現在の校舎1.jpg|3C
ファイル:高28回現在の校舎1.jpg|3D
ファイル:高28回現在の校舎1.jpg|3D
ファイル:高28回現在の校舎1.jpg|3E
ファイル:高28回現在の校舎1.jpg|3F
ファイル:高28回現在の校舎1.jpg|3G
ファイル:高28回現在の校舎1.jpg|3H
</gallery>
</gallery>
<br><br>


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


<gallery widths=200px heights=150px >  
: <nowiki> widths=100px heights=100px で表示。</nowiki><br>
ファイル:高28回現在の校舎1.jpg|<div style="text-align:center; > 表 紙 </div>
: <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>
</gallery>
<br><br>
==== 画像ファイルにリンクを貼る ====
:アーカイブ内の他のページに飛ぶリンク
[[ファイル:高28回現在の校舎1.jpg|100px|link=高28回|クリックすると「高28回のページ」に飛びます。]]
<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>
:画像を使ったドロップボックス内の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>


----
----

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回