WEBサイトを作成するとき、みなさんはどのようなツールを使っていますか？ …ワイヤーフレームを組み、デザインを決め、HTMLでコーディングしていく方法が一般的かもしれません。 しかし、最近では「ノ...

ここ数年、HTML・CSSをまったく書かずにWBEサイトが作れる、いわゆる「ノーコード」のツールが話題となっています。 本サイトでも、人気のノーコードWEBサイト作成ツール「STUDIO」について、...

前回は、ノーコードWEB制作ツール「STUDIO」を用いてポートフォリオサイトを作成しました。前記事では、STUDIOで用意されているテンプレートを組み合わせて、WEBサイトを構成しましたね。 テン...

本記事では、STUDIOを用いてWEBサイトを作成するにあたって欠かせない画像の組み込みとその配置を学びます。 画像を配置する際も、前回学習した「ボックスモデル」の考え方がとても重要になります。画像...

STUDIOでの画像の配置は、いったん覚えてしまえば使いやすく便利ですが、操作ルールがわからないとストレスですよね…。 そこで、本記事ではSTUDIOの便利な画像操作を５つ厳選してご紹介します。 ...

STUDIO操作の基本として文字装飾はマスターしておきたいところです。これまで学習した、ボックスモデル、画像操作に加えてこの文字装飾ができるようになれば、STUDIOの基本はほぼOKといってよいでしょ...

STUDIOは「ノーコード」のWebサイト制作ツールですが、タグの設定によるサイトの構造化を行うことで、よりSEOに強いサイトを作ることができます。 HTMLを書いたことがある方はイメージができるか...

STUDIOは「ノーコード」のWebサイト制作ツールですが、タグの設定によるサイトの構造化を行うことで、よりSEOに強いサイトを作ることができます。 HTMLを書いたことがある方はイメージができるか...

ファーストビューがスライドショーのWEBサイトって素敵ですよね！画像をスライドできる「カルーセル機能」を使いこなすことで、デザインに「動き」が加わり、より視覚的インパクトの大きいサイトを作ることができ...

STUDIO これだけ覚えればOK！アニメーションの基礎マスター 本記事では、STUDIOで要素にアニメーションをつける方法を学習していきます。 WEBサイトを開くと同時に、画像や文字が浮かび上が...

前記事では、ノーコードWEBサイト作成ツール「STUDIO」で実装できるアニメーションの基礎をご紹介しました。 参考➔『STUDIO これだけ覚えればOK！アニメーションの基礎マスター』 本記事では...

これまでに、ノーコードでWEBサイトが作れるSTUDIOというツールの使い方を11回にわたって解説してきました。 今回と次回は、その総集編としてWEBサイト制作演習を行います。 例として、以下のよ...

本記事は、ノーコードWEBサイト制作ツール『STUDIO』を使ったホームページ制作演習の後編です。 前編をまだお読みでない方はこちらからどうぞ→URL: 今回トライするのは、以下のセクションです。...

本記事では、ノーコードWEBサイト制作ツール「STUDIO」で、ご自身のサイトを独自ドメインで公開する方法を解説します。 ドメインの設定やサイト公開の流れはだいたい知っているという方は、 「準備」 ...