ホームページのデザインに便利なテクニック

デザインはイラストだけではない

自身のホームページを作る際、白地の背景だけでは物足りないと感じませんか。実は簡単な方法でホームページを彩り鮮やかにすることができるのです。今回はホームページをデザインする際の手助けとなるテクニックを紹介しようと思います。

背景を変更するテクニック

ホームページの背景を白地から別の色や図柄に変えるだけでも結構雰囲気が変わってきます。背景画像の表示方法はホームページの本文に入る前にhtmlで<div style=”background: url(背景にしたいイラスト.);”>と入力するだけで背景を変えることが可能です。さらに他の画像と重ねることができるのでこれを組み合わせることでデザイン性が高いホームページを作ることができます

gifを使ってホームページに動きを持たせよう

gifと呼ばれる画像ファイルの一つであるgifアニメーションはアニメのように動く画像であり、これをうまく活用することでホームページに動きを持たせることができます。gifアニメーションを導入する方法は普通の画像をホームページに表示させるのと同じようにimgタグを使って指定するだけです。

便利なツールを使ってみよう

ホームページを作る際、htmlだけでは表現に限界が生まれます。htmlだけでは産み出しにくいデザイン性の高いホームページ作りを目指す場合はツールを活用してみましょう。ツールを使用すれば自分では作ることが難しい表現を簡単に描くことができます。用途に合わせて有料無料のツールがたくさんあるので自分に合ったツールを試しつつ見つけていきましょう。

レスポンシブデザインとは、パソコンやスマホなどの様々なデバイスに関係なく共通のHTMLやCSSを用い、画面の大きさに応じて表示を自動調整するWebサイトの制作技術です。