HTMLスキル - 第8章 Lesson5

サイトでPDFファイルをダウンロードさせる方法

   

テクノロジーとクリエイティブのプロを目指す人のためのオンラインスクール
月額2500円で500以上のレッスンが受けられます

このスキルのデータをダウンロード: Windows Mac

サイト内で、リンクをクリックするとpdfファイルをダウンロードできるようなリンクを貼る方法について解説しています。



この動画で学べること

・PDFファイルをダウンロードさせる方法



WebサイトでPDFファイルをダウンロードさせる方法

「PDFファイルをダウンロード」をクリックすると、PDFファイルをダウンロードさせるようにしたいと思います。
PDFファイルをそのままダウンロードさせるのは容量が大きくて重いので、PDFファイルを圧縮してzip形式にしましょう。
文字を<a>タグで囲み、href属性を追加してフォルダの中のダウンロードさせたいファイルのパスを入力していきます。



<a href="x.zip">PDFファイルをダウンロード</a>




一度保存してブラウザで見てみましょう。
ボタンをクリックすると、PDFを圧縮したzipファイルがダウンロードされました。
ダウンロードではなく、Web上で開かせたい場合は、zip形式にせずhref属性にファイルのパスを入力しましょう。