changeset 3879:052133e2e432

changed index.html(The design on our website has been modified.)
author Fumichan <c116092@h.koeki-u.ac.jp>
date Mon, 18 Feb 2019 06:29:41 +0900
parents 4291568c574a
children 17c0d7d2327d
files docs/manual/movie-linux/index.html
diffstat 1 files changed, 84 insertions(+), 66 deletions(-) [+]
line wrap: on
line diff
--- a/docs/manual/movie-linux/index.html	Fri Feb 15 15:25:32 2019 +0900
+++ b/docs/manual/movie-linux/index.html	Mon Feb 18 06:29:41 2019 +0900
@@ -1,16 +1,23 @@
 <!DOCTYPE html>
 <html>
-  <head>
-    <title>Linux/Windows で動画編集</title>
-    <style type="text/css"></style>
-    <link rel="stylesheet" type="text/css" href="https://skip.koeki-prj.org/main.css">
-  </head>
-  
-  <body>
-    <h1>Linux/Windows で動画編集</h1>
-    
-    <h2>目次</h2>
-    <ol>
+<head>
+<title>Linux/Windowsで動画編集 | SKIP - Shonai Koeki Information Project -</title>
+<link rel="stylesheet" type="text/css" href="https://skip.koeki-prj.org/css/main.css">
+</head>
+
+<body>
+  <header>
+    <img src="../../../img/skiplogo.png" alt="SKIP - Shonai Koeki Information Project -">
+  </header>
+
+      <!--#include virtual = "/navi.html"-->
+
+  <section class="contents">
+  <h1>Linux/Windowsで動画編集</h1>
+
+  <h2>目次</h2>
+  <section class="explanation">
+  <ol>
       <li><a href="#youi">用意するもの</a></li>
       <li><a href="#tejun">インストール手順</a></li>
       <li><a href="#gamen">Shotcutの概要</a></li>
@@ -19,22 +26,25 @@
       <li><a href="#telop">テロップの入れ方</a></li>
       <li><a href="#hozon">動画の保存方法</a></li>
     </ol>
+    </section>
 
     <h2 id="youi">用意するもの</h2>
+    <section class="explanation">
     <ul>
       <li><a href="https://shotcut.org/">Shotcut</a></li>
       <li>テキストを書けるソフト、アプリ(Emacs など)</li>
       <li>撮影した動画</li>
     </ul>
+    </section>
 
     <h2 id="tejun">インストール手順</h2>
-
-    <h4><p>Linux</p></h4>
+    <section class="explanation">
+    <h3><p>Linux</p></h3>
     <p>コマンドラインから</p>
     <p>sudo apt install shotcut</p>
     <p>と入力するとインストールが始まります。</p>
-    <p></p>
-    <h4><p>Windows</p></h4>
+
+    <h3><p>Windows</p></h3>
     <ol>
       <li><a href="https://shotcut.org/download/">Shotcut Download</a><br>
 	上記のリンクへ移動します。</li>
@@ -43,13 +53,16 @@
       <li>「Site 2 (GitHub)」の「64-bit Windows portable zip」から zipファイル をダウンロードします。</li>
       <li>ダウンロードされたファイルを展開することで Shotcut がインストールされます。</li>
     </ol>
-    
+    </section>
+
     <h2 id="gamen">Shotcut の概要</h2>
-    <p></p>
+    <section class="explanation">
     <a href="mvdefault.png"><img src="mvdefault.png" alt="デフォルト画面" width="600px"></a>
-    <p></p>
-    
+    </section>
+
+
     <h2 id="kihon">動画の作成方法と動画の取り込み方</h2>
+    <section class="explanation">
     <ol>
       <li>「ファイルを開く(O)」をクリックします。</li>
       <a href="mvopen.png"><img src="mvopen.png" alt="ファイルを開く(O)" width="600px"></a>
@@ -57,103 +70,108 @@
       <li>「Open」をクリックします。</li>
     </ol>
     <p>以上の手順でビューワーに動画が表示されます。</p>
-    
+    </section>
+
     <h2 id="nagasa">動画(素材)の長さの調節</h2>
+    <section class="explanation">
     <p>ビューワーの動画をタイムラインにドラック&ドロップします。</p>
-    <p></p>
+
     <a href="mvtimeline.png"><img src="mvtimeline.png" alt="動画のタイムラインへの移動" width="600px"></a>
-    <p></p>
+
     <ol>
       <li>ビューワーの動画を確認しながら、タイムライン上で動画の分割する位置を決めます。</li>
-      <p></p>
+
       <li>タイムライン上で右クリックをし、「再生ヘッドで分割(S)」をクリックします。</li>
-      <p></p>
+
       <a href="mvheadcut.png"><img src="mvheadcut.png" alt="再生ヘッドで分割(S)" width="600px"></a>
     </ol>
-    <p></p>
+
     <p>動画の一部削除</p>
     <p>タイムライン上で右クリックをし、「削除」をクリックします。</p>
     <a href="mvdelete.png"><img src="mvdelete.png" alt="削除" width="600px"></a>
-    <p></p>
+
     <p>動画を一部重ねる(場面の切り替わり)・順序を変える</p>
     <ol>
       <li>タイムライン上で、再生ヘッドをクリックします。</li>
       <li>そのままスライドすることで、動画の一部を重ねたり、入れ替えたりできます。</li>
       <a href="mvmix.png"><img src="mvmix.png" alt="再生ヘッド" width="600px"></a>
     </ol>
-    
+    </section>
+
     <h2 id="telop">テロップの入れ方</h2>
-    <p></p>
-    <p>背景を用意する</p>
-    <p></p>
+    <section class="explanation">
+
+    <h3>背景を用意する</h3>
+
     <ol>
       <li>タイムラインのメニュー欄から「トラックを挿入する」をクリックする。</li>
-      <p></p>
+
       <a href="mvtelop_back1.png"><img src="mvtelop_back1.png" alt="タイムラインメニュー" width="600px"></a>
-      <p></p>
+
       <a href="mvtelop_back2.png"><img src="mvtelop_back2.png" alt="トラックを挿入する" width="600px"></a>
-      <p></p>
+
       <li>ツールバーの「その他を開く」をクリックする。</li>
-      <p></p>
+
       <a href="mvtelop_back3.png"><img src="mvtelop_back3.png" alt="その他を開く" width="600px"></a>
-      <p></p>
+
       <li>「色」を探して、テロップの背景色を選択する。</li>
-      <p></p>
+
       <a href="mvtelop_back4.png"><img src="mvtelop_back4.png" alt="色の画面" width="600px"></a>
-      <p></p>
+
       <a href="mvtelop_back5.png"><img src="mvtelop_back5.png" alt="色の画面" width="600px"></a>
-      <p></p>
+
       <li>フィルタ部分の背景をタイムラインにドラック&ドロップします。</li>
-      <p></p>
+
       <a href="mvtelop_back6.png"><img src="mvtelop_back6.png" alt="背景のタイムラインへの移動" width="600px"></a>
-      
+
     </ol>
-    <p></p>
-    <p>テロップを入れる</p>
-    <p></p>
+
+    <h3>テロップを入れる</h3>
+
     <ol>
       <li>フィルタ部分の「+」をクリックする。</li>
-      <p></p>
+
       <a href="mvtelop1.png"><img src="mvtelop1.png" alt="" width="600px"></a>
-      <p></p>
+
       <li>分類の「映像」をクリックする。</li>
-      <p></p>
+
       <a href="mvtelop2.png"><img src="mvtelop2.png" alt="映像" width="600px"></a>
-      <p></p>
+
       <li>「テキスト」を探すか、検索して、クリックする。</li>
-  <p></p>
+
   <a href="mvtelop3.png"><img src="mvtelop3.png" alt="テキスト" width="600px"></a>
-      <p></p>
+
       <li>テキストの入力欄に文章を入力する。</li>
-      <p></p>
+
       <a href="mvtelop4.png"><img src="mvtelop4.png" alt="テキストの入力" width="600px"></a>
     </ol>
-    
+    </section>
+
     <h2 id="hozon">動画の保存方法</h2>
+    <section class="explanation">
     <ol>
       <li>ツールバーの「書き出し」をクリックする。</li>
-      <p></p>
+
       <a href="mvexport1.png"><img src="mvexport1.png" alt="書き出し" width="600px"></a>
-      <p></p>
+
       <li>書き出し画面内の「高度」をクリックする。</li>
-      <p></p>
+
       <a href="mvexport2.png"><img src="mvexport2.png" alt="高度" width="600px"></a>
-      <p></p>
+
       <li>形式から「mp4」を選択し、クリックする。</li>
-      <p></p>
+
       <a href="mvexport3.png"><img src="mvexport3.png" alt="形式" width="600px"></a>
-      <p></p>
+
       <li>「ファイルを書き出す」をクリックする。</li>
-      <p></p>
+
       <a href="mvexport4.png"><img src="mvexport4.png" alt="ファイルを書き出す" width="600px"></a>
     </ol>
     <p>以上の手順で動画をmp4ファイルとして保存できます。</p>
-    
-    
-    <div class="back">
-      
-      <h4><a href="https://skip.koeki-prj.org/" class="tlink">SKIPのトップへ</a></h4>
-    </div>
-    
+    </section>
+
+  </section> <!-- /contents -->
+  <footer>
+    <p class="copyright">Copyright (C) 2018 SKIP - Shonai Koeki Information Project - . All Rights Reserved.</p>
+  </footer>
   </body>
-</html>
+  </html>

yatex.org