HTML/CSS

LP案件に必要なスキルはコーディングと他には?理由も解説【初心者向け】

更新日:

「必要なスキルはコーディングと他になんだろう。」

「LP案件を受注したいな。」

「次に勉強するべきことはなんだろう。」

こういった悩みに答えます。

目次

  • LP案件に必要なスキル
  • なぜ必要なのか

LP案件に必要なスキル

  • HTML
  • CSS
  • JavaScript
  • jQuery
  • PHP
  • Adobe XD
  • Adobe PhotShop
  • Adobe Illustrator
  • デザイン

HTML

目安:基礎ができる。

CSS

目安:基礎ができる。

JavaScript

目安:タブメニュー、ハンバーガーメニュー、スムーススクロールなどのよくあるアニメーションができる。

jQuery

目安:スライダーなどのよくあるアニメーションができる。

PHP

目安:お問い合わせフォームが作れる。LPをWordPress化できる。

Adobe XD

目安:ワイヤーフレームが作れる。

Adobe PhotShop

目安:画像のスライス、書き出しができる。

Adobe Illustrator

目安:画像のスライス、書き出しができる。

デザイン

目安:見やすいフォント・色・大きさ・配置などのデザインができる。

なぜ必要なのか

HTML,CSS

LP制作の骨組みだからです。

【簡単コピペOK】display:flex;を使ってヘッダー作成

【簡単】CSS メディアクエリを使ってレスポンシブのやり方

 

JavaScript,jQuery

便利なスムーススクロール、ハンバーガーメニューでスキッリにさせるため。

何らかの動きが無いとつまらない。

【コピペOK】スクロールで一部の背景色が延びて表示するアニメーション

【コピペOKカスタマイズ可】横棒 グラフアニメーション js

 

PHP

LPの目的が商品・サービスを売るためにあるので、お問い合わせフォームが必須。

PHP多機能メールフォームの設置方法

 

Adobe XD

ワイヤーフレーム(設計図)を作って、クライアントにLPの完成形を調整・共有するのが目的です。

Adobe PhotShop,Adobe Illustrator

クライアントから貰った画像を編集するときに使います。

デザイン

クライアントのイメージしているLPを作成するには必須です。

この1冊を読むだけで「Webデザイン」を勉強できる本

 

まとめ

今回、LP制作に必要なスキルとその理由をご紹介しました。

この記事を観てくれた人がこれからするべき勉強の参考になればと思います。

おすすめしている本

他の投稿

-HTML/CSS

Copyright© yamab-log , 2021 All Rights Reserved Powered by STINGER.