jQuery slick sliderの実装ができない理由を教えていただきたいです。

jQuery slickについての質問です

現在自宅でSlickを使用したスライダーのカスタマイズを行おうとしているのですが完全にハマってしまっていて助けていただきたく思います

下記コードでスライダーを表示できると調べていると書いてありますが表示できません。

Jsファイルが機能していないようです。

HTMLソースにオンライン経由のSlickスクリプトを記載し<script>タグで書くと実装は確認できたのですが

ローカルで動かしたく思い下記ソースで実行したく思います

slick1.8.1に関しましてはダウンロードファイル全てが入っています。

どなたかご回答のほど宜しくお願い致します。

HTML
1<!DOCTYPE html>
2<html>
3    <head>
4        <!--エンコードUTF-8　言語は日本という設定をしておく。-->
5        <meta charset="UTF-8" content="ja">
6        <!--基本は汎用性を高めるためにある程度基本的なCSSファイルは持っておくべき-->
7        <link rel="stylesheet" href="css/SampleProject.css" type="text/css">
8        <!--Slider用デフォルトCSSの読み込み、HPからダウンロード-->
9        <link rel="stylesheet" href="css/slick.css" type="text/css">
10    </head>
11    <body>
12        <!--タイトルタグ、一つのhtmlファイルに一つのみ存在可能-->
13        <h1 id="MainTitle">サンプルプロジェクトメインタイトル</h1>
14        <!--Sliderの範囲-->
15        <div id="MainSlider">
16            <div class="SampleSlider">
17                <h3>Slider1</h3>
18                <h3>Slider2</h3>
19                <h3>Slider3</h3>
20                <h3>Slider4</h3>
21                <h3>Slider5</h3>
22                <h3>Slider6</h3>
23            </div>
24        </div>
25        <!--Sliderの範囲-->
26        <div id="SubContents">
27            <div id="Sub_Title">
28                <p>サブタイトル1</p>
29            </div>
30            <div id="Left_Menu">
31                <section class="Left_Menu1">
32                    <nav class="Left_Menu1_Title">
33                        <ul>
34                            <li>サブメニュー1</li>
35                            <li>サブメニュー2</li>
36                            <li>サブメニュー3</li>
37                            <li>サブメニュー4</li>
38                            <li>サブメニュー5</li>
39                            <li>サブメニュー6</li>
40                        </ul>
41                    </nav>
42                </section>
43            </div>
44            <div id="Right_Menu">
45                <section class="Right_Menu1">
46                    <nav class="Right_Menu1_Title">
47                        <ul>
48                            <li>サブメニュー1</li>
49                            <li>サブメニュー2</li>
50                            <li>サブメニュー3</li>
51                            <li>サブメニュー4</li>
52                            <li>サブメニュー5</li>
53                            <li>サブメニュー6</li>
54                        </ul>
55                    </nav>
56                </section>
57            </div>
58        </div>
59        <div id="Footer">
60            <div class="LeftFooter">
61                <p>左寄フッター</p>
62            </div>
63            <div class="RightFooter">
64                <p>右寄せフッター</p>
65            </div>
66        </div>
67        <!--Slider用Jsファイルの読み込み-->
68        <script src="Js/SampleSlick.js" type="text/javascript"></script>
69        <script src="Js/slick-1.8.1/slick/slick.min.js" type="text/javascript"></script>
70    </body>
71</html>

Css
1#MainTitle{
2    /* 文字の位置を中央寄せに */
3    text-align: center;
4}
5#MainSlider{
6    /* borderの外側の余白設定 */
7    margin: 0 auto;
8    /* borderの内側の余白設定 */
9    padding: 40px;
10    /* 要素の横幅を設定 */
11    width: 80%;
12    /* 文字色の設定 */
13    color: #333;
14}
15#SampleSlider{
16    /* 文字の位置を中央寄せに */
17    text-align: center;
18    /*要素の高さを設定*/
19    height: 150px;
20    /* 文字色の設定 */
21    color: #419be0;
22    /* 要素の背景色の設定 */
23    background: white;
24}
25#SubContents
26{
27    height: 300px;
28}
29#Sub_Title{
30    /* 文字の位置と中央寄席にする */
31    text-align: center;
32    margin: 0 autos;
33}
34#Left_Menu
35{
36    float: left;
37}
38#Right_Menu
39{
40    float: right;
41}
42#Footer
43{
44    border-top: 1px solid #333;
45}
46.LeftFooter
47{
48    float: left;
49}
50.RightFooter
51{
52    float: right;
53}

Js
1    $('.SampleSlider').slick();

kuma_kuma_

2020/10/08 16:50

> HTMLソースにオンライン経由のSlickスクリプトを記載し<script>タグで書くと実装は確認できたの > ですがローカルで動かしたく思い下記ソースで実行したく思います > slick1.8.1に関しましてはダウンロードファイル全てが入っています。この情報だとこのHTMLの記載ではjQuery slickの必要ファイルへのURLが正しくないように思えます。あと気になったのですが「jQuery」の読み込み記載がありませんが？