1. ホーム
  2. コース一覧
  3. HTML講座応用編

HTML講座応用編

全3コース/10講座

自由自在にホームページ制作の上で必要とされるのが、プログラム言語「HTML」。
「プログラム」と聞くだけで「何だか難しそう…」と思われがちですが、そんなHTMLを初心者の方にも付属のデジタルテキストで、優しく伝授!
「HTML講座基本編」に続き、「応用編」ではさらに理解を深め、思い通りのホームページデザインを可能にします!

 

HTML講座応用編 前編


練習データをダウンロードする

全講座まとめて再生する

「HTML講座応用編 前編」の全講座を、まとめて受講することが出来ます。

 
全て受講

再生時間:52分5秒 

 

ホームページ作成の準備をしよう

ホームページを構成するHTMLプログラム「タグ」の概要と、今回の講座を通して作成するサンプルホームページについてご紹介しています。また、付属の練習用データの使い方もご案内しています。

 
受講する

再生時間:2分39秒 

 

基本情報の入力

HTMLの基本情報の設定や入力・保存方法を習得しつつ、新しいページを作成します。また、付属の練習用データに含まれる「タグ一覧表」についてご案内しています。

 
受講する

再生時間:13分26秒 

 

ページ全体の余白を設定しよう

標準の設定では、ホームページとブラウザ(インターネット閲覧ソフト)の枠の間に隙間が開いてしまいます。この余白を削除できるように設定します。

 
受講する

再生時間:2分57秒 

 

画像を挿入しよう

ページに画像を挿入するタグについて解説。あわせて、ファイルの場所を指定するための「パス」についてご説明します。

 
受講する

再生時間:8分12秒 

 

画像に余白をつけよう

画像と画像の間に余白をつける方法について解説しています。適切な余白をつけることで、ホームページをより見やすく、読みやすくします。

 
受講する

再生時間:4分12秒 

 

段落と改行タグ

文章を段落分けするタグと、改行させるタグについて解説しています。文章作成の基本といえます。

 
受講する

再生時間:2分50秒 

 

新しいページを追加しよう

作成したページを複製し、効率良く新しいページを作成します。また、特別なファイル名「index.html」について解説します。

 
受講する

再生時間:4分32秒 

 

相対パスってなあに?

ファイルの指定方法の一つ「相対パス」について解説。実際に相対パスを使った画像の挿入方法を学びます。リンク先のファイルや、画像ファイルの場所を指定するために必須の知識となります。

 
受講する

再生時間:7分58秒 

 

リストを作成しよう

箇条書きを作成する「リストタグ」について解説しています。

 
受講する

再生時間:3分41秒 

 

タグで作るには下書きが大切

ホームページをスムーズに作成するときには、あらかじめデザイン(下書き)を考えて、画像の素材を用意しておくことが大切です。今回作成するホームページも、画像編集ソフト「Photoshop」を使って、デザイン、素材作成を行っています。

 
受講する

再生時間:1分38秒 

 

HTML講座応用編 前編


 

企業・公共機関向けラーニングシステム「eトレーニング for company」
Back To Top