MBK Documentation
全体
MBKは誰でも利用可能なWEBデザイン&開発ツールです。WEBデザイン&開発の知識を持っていない方でも簡単に使うことができ、簡単スタートの例を参考にすればすぐに利用を開始することができます。
利用規約は、MBKの使用に関するルールや制限、責任などが記載されています。利用する前に必ず同意することが必要です。また、利用規約は時間の経過や改善のために変更されることがあるため、定期的に確認することをお勧めします。
MBKは、Chromeブラウザを使用することを推奨しています。それ以外のブラウザでは一部の機能が利用できない可能性があるため、できるだけChromeを使用することをお勧めします。また、写真の処理にはPhotoshopまたはGIMPを使用することを推奨します。簡単な処理であれば、Windowsにインストールしているペイントアプリケーションも使用できます。簡単な操作は、タブレットや携帯端末でも可能です。
MBKより生成したページは以下の言語で作成します。
・HTML5
・CSS3
・Javascript ※Jqueryも利用してあります。
MBKで作成したページは、上記の言語によって構成されており、高機能かつスマートなWebページを作成することができます。 HTML5は最新のWeb標準であり、CSS3はデザイン性の高いスタイルシートであり、Javascriptは動的なWebページを作成するために使用されます。 Jqueryは、Javascriptをより簡単に使用するためのライブラリであり、MBKでは、よりスムーズな操作を可能にするために利用されています。
MBKの使い方については、公式のマニュアルやヘルプページ、チュートリアルなどを参照することで、詳しい操作方法を学ぶことができます。また、サポートチームによる直接のサポートも行っており、トラブルシューティングや質問に対して迅速に対応することができます。
機能構成(画面一覧)
表記について
・注目すべき要素は、太字で表記しています。
・画面内のメニュー、タブ、ボタン、選択項目などを表記する場合、
[保存]
のように”[]”で囲んで表示しています。
お客様情報設定&アカウント管理
プロジェクトの追加と管理
画面レイアウトデザイン
Webページデザインには一定のルールと原則があります。これらはユーザーの使いやすさ、アクセシビリティ、ページの見栄えなどを重視しています。
以下は一般的なWebページデザインのルールと原則です。
1
.
ユーザー中心の設計: ユーザーのニーズや使いやすさを考慮してWebページを設計することが重要です。
2
.
明瞭な構造: コンテンツの構造を明瞭にすることが重要です。ヘッダー、フッター、ナビゲーションメニューなどを使って構造を整理することで、ページの認識と使いやすさが向上します。
3
.
見栄えの良いコンテンツ: 文字、画像、動画などのコンテンツは見栄えの良いものを使用することが大切です。ページに合ったフォントやカラーを使用することで、ページの見栄えを向上させます。
4
.
アクセシビリティ: 視覚障害や聴覚障害などを持つユーザーも使いやすいようにWebページを設計することが大切です。タブ順や代替テキストなどを使ってアクセシビリティを向上させます。
5
.
レスポンシブデザイン: デバイスに応じてWebページのレイアウトを変更することで、PCやタブレット、スマートフォンなどで使いやすいWebページを作成することができます。
これらのルールと原則を押さえてWebページをデザインすることで、ユーザーに使いやすいWebページを作成することができます。
MBKエディターの基本操作
エディターで使えるキーワードについて
画面要素一覧
画面要素の表示と位置を理解する
よくある画面レイアウトの例を解説する
CSSの設定を纏めて説明する
PC、タブレット、スマートフォンに対する設計方法の説明
キーボードショートカットキーを利用して、操作効率が良くなる
MBKより提供した写真の利用
写真に関するデザイン方法の説明
動画の導入と利用
ファイルをダウンロードする機能の構築
テキストエディター(Txt Editor)の使い方
画面要素に紐付けデータの定義
動作一覧
画面動作の定義(画面表現、遷移、サーバ通信など)
逆引き
要素をプルプル揺らしたい
フルスクリーンの動画背景を設計したい
YouTube動画の埋め込み
TwitterのTimeLine画面(フォローアイコン)の埋め込み
その他
簡単アクセスのため、MBKドメイン名を作る
画面要素をグループ化する
写真、動画のアップロード
公開したいダウンロードファイルのアップロード
サイトを理解するため、画面の遷移関係を設計する
プロジェクトのオナー、編集できる設計参画者と編集できない参観者
ページの新規作成、コピーと削除
プロジェクトの新規作成、コピーと削除
設計完了後、プロジェクトをダウンロードする
ダウンロードしたソースの公開について
他の言語に切り替えする
操作履歴を見る
ユーザ情報を変更する
課金機能の利用とオプション変更を行う
毎月の課金金額の確認と相関規約の説明
↑
×