＊Illustratorで矢印を作る方法です＊

矢印は、手順を説明する時や場所を示す時など、様々な場面で活躍の機会がある記号（オブジェクト）です。

Illustratorを触り始めたばかりという方でも、簡単に矢印を作れるテクニックをご紹介します！

＊HTMLの見出しの挿入についてです

SEO対策としても重要と言われる見出しタグ（h1〜h6）ですが、重要なタグである分様々な情報が飛び交っていて、結局どう使えば良いのか悩んでしまいやすいタグでもあります。

そこで今回は、初心者が悩まなくて済む、基本的な見出しタグの使い方について紹介していきます。

＊CSSで画像を白黒にする＋さらに加工する方法です＊

風景や人物の画像を白黒にすることで、ノスタルジーな雰囲気を醸し出すデザインテクニックは、雑誌やポスターでもよく見かけます。

こういったテクニックはもちろんWebサイトでも有効ですが、問題は画像を白黒にする方法ですよね。

実は画像編集ソフトに頼らずとも、なんとCSSだけでも簡単にできます。

その他、画像加工のテクニックなどもお伝えします。

＊Photoshopでデュオトーン画像を作る方法です＊

デュオトーンとは、Duo（ペアの）＋Tone（トーン）という意味で、写真などを２色で表現・デザインするテクニックです。

色の組み合わせによって印象はガラッと変わりますが、雑誌の表紙をイメージさせるような、オシャレな感じや洗練された印象を与えることができます。

＊HTMLの表の挿入についてです

会社概要や店舗の営業日・時間など、Webページに掲載する内容を表でまとめたい場合も多々あります。

そんな時に活躍してくれるのが、HTMLのtableタグとそれに関連するタグです。

今回は、HTMLに表を挿入することができる、table・tr・th・tdタグについて紹介していきます。

＊CSSでストライプ柄を作る方法です＊

PhotoshopやIllustratorで画像を作成する時にもよく使われる「ストライプ」（しましま模様）ですが、CSSでもストライプ柄を作ることが可能です。

背景がベタ塗りばかりだと、色やデザインによっては重たいイメージや単調なイメージになりがちですが、ストライプを取り入れることでデザインにアクセントや変化を加えることができます。

＊テキストの装飾のポイントです＊

バナーやチラシ、アイキャッチ画像などは画像の中にテキストを配置することが多いです。

そこで今回は、テキストの装飾のポイントを紹介していきます。

＊Webページの基本構造についてです

Webページは様々なブロック・パーツから成り立ちますが、基本的な構造はだいたい決まっています。

今回はheader・footer・mainタグを紹介しながら、Webページの基本的な構造について説明していきます。

＊サムネイル作成の基本の紹介です＊

Web制作では様々な画像を作成・配置しますが、Web制作をしない人でもYouTubeやブログで情報を発信する時に、サムネイル（何についての動画や記事なのかを表す画像）を作成する機会は多いと思います。

そこで今回はサムネイル作りの基本について解説していきます。

＊outlineの紹介です＊

お問い合わせフォームをクリックすると、通常であれば枠線が表示されます。

これはborder（境界線）ではなく、outline（輪郭線）です。よく似ているCSSプロパティですが、全く異なるCSSプロパティなので、特にフォームの枠線をカスタマイズしたい場合には注意が必要です。