Bootstrap×DreamweaverがWeb製作で最強だと思った理由!

Bootstrap×Dreamweaver

とうとう見つけました!!
LPやHPを比較的簡単に綺麗に作る方法を!
しかも自由に操作や編集ができるという最強!

あなたもこの記事を読むことで、
今まで「あれがしたいけどできなかった」という疑問も
解決するのではないでしょうか。

こんにちわ。 動画戦略コンサルタントのもっちゃんこと塚本翔太です。

もしかしたらあなたは知っているかもしれませんが、
私にとっては画期的で、
「まさしくこれを待ってました」
という情報を見つけることができたので、お伝えしますね。

サイト製作者には欠かせない

「んーなんか簡単にLPが作れる方法はないかな?」
とネットサーフィンをしていた時のことです。

WPでLPをつくるのもいいけど、
それよりももっと簡単に自由がきく作り方ってないかな?
HTMLで最初から構築すると時間と労力がかかってしまうから、
それを短縮できるいい方法はないかな?

と日々思っていたんですが、
とうとう、とうとう見つけることができました。

私の中では結構理想形ですね!

その理想形とはこれです!!

Bootstrap×Dreamweaver
画像引用:https://blogs.adobe.com/creativestation/tag/dreamweaver

ん?
どういうことかと言いますと、
Adobe社が提供しているDreamweaverと
Twitter社が提供しているBootstrapが連動した!
だから素晴らしい!

私も最初この素晴らしさが全くわかりませんでしたw

そもそもBootstrapとはなんなのかを知らなかったんです。

Bootstrapって何?

Bootstrapって聞いたことありますか?
私は全く聞いたことがなかったので、、、。
知らない人のために一応。

BootstrapはWebサイトやWebアプリケーションを作成するフリーソフトウェアツール集である。

タイポグラフィ、フォーム、ボタン、ナビゲーション、
その他構成要素やJavaScript用拡張などがHTML及びCSSベースのデザインテンプレートとして用意されている。

引用:https://ja.wikipedia.org/wiki/Bootstrap

とまあこんな感じなんです。
この機能があれば、レスポンシブデザインのサイトが簡単に作れるんです。
また、フォームやボタンなんかも簡単に挿入することができるんです。

Bootstrapの使い方に関してはこちらのサイトを御覧ください。

→ Webデザイン初心者でもできる、Bootstrapの使い方超入門 (1/4)

→ Webデザインの知識がなくてもOK!Bootstrapの使い方【入門者向け】

結構簡単に理解できると思いますよ!

BootstrapとDreamweaverの連動って?

Bootstrapを使用するためには、
ダウンロードして、設定してって作業が必要なのですが、
Dreamweaverに2015年から標準搭載されたんです。

Bootstrap×Dreamweaver
画像引用:http://www.bringyourownlaptop.com/

つまり、Adobe社もこのBootstrapを認めたってことになりますよね。
ですから、こう言ったツールを使う時に面土臭いのが、
初期設定ってやつですよね?

それが、必要ないんですから、
それだけでも御の字です。

そして、BootstrapのタグがDreamweaverに搭載されているので、
ボタン一つで挿入できるという優れもの。

実際使用してみたんですが、
慣れればめっちゃ使いやすい、わかりやすいです!

次回以降このBootstrap×Dreamweaverの記事をアップしていきますので、
一緒にお付き合いください。

私自身の勉強のためでもあります笑

すぐにでもって方は、
「Bootstrap Dreamweaver」
で検索してみてくださいね!

サムネイル引用:http://www.bringyourownlaptop.com/

Bootstrap×Dreamweaver

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です