【超基礎編】Wixパートナー(レジェンドレベル)が講師！未経験者・パソコン初心者もOK！プロ用高額ソフトを使いません！

「すべてのチームに発信力を！」
それを叶えることが出来るツールはＷｉｘしかないと考えています。
１９９８年にウェブサイト制作で起業。
ホームページ制作の事業だけでなく、自身もテイクアウト店を経営したり、市民自転車レースを運営する会社を経営したり、市民活動も積極的に行っており、自身の事業でもＷｉｘを利用した情報発信をしています。
この講座で、これまで培ったノウハウを公開しようと決心した理由等をお話しています。

• 講師がwebデザイナーとして得てきたお金

• 仕事がうまくいかない人の特徴

• Wixによるwebサイト制作で追求してきたのは●●と●●の両立

カメラマン、デザイナー、ライター、ディレクター、その他さまざまな事業を行っている、既に素晴らしいスキルをお持ちの方でWixのスキルを身に着けたいとお考えの方へのメッセージです

ホームページ制作会社は、日本ではたくさんなりますが、海外では少ないようにも聞きます。会社の内部に制作部門や、管理できる人がいないとスピードは遅くなるばかりだと考えます。スキルアップとしてのWix習得は良い洗濯ではないかと考えます。

あなたが「仕事にしたい」または「ビジネスサイトの管理をしたい」と思っているのならパスワードの付け方も重要です。
ものすごい基礎的なことですが、ものすごく大事です。

Wixで「ただ作る」だけならどのような環境でもよいです。
あなたが「仕事にしたい」ならば「どのくらいの投資が必要か？」を考えるのは当然のことです。
そして「会社で活用したい」ならば「経費がどのくらいかかるか？」を知るのは最重要です。
何となく「ホームページを作れるようになりたい」という人には不要なレクチャーです。

Wixだけでも十分に「イマドキなデザイン」のホームページをつくることができます。
でも、ご紹介するような家庭レベルのソフトがあれば、稼げるWebデザイナーの道もあります。
年間何万円も払い続けるようなプロ用の高額ソフトでなくても十分であるというご紹介です。

講師の実際の制作環境をご紹介します！

とくに「サイトの微調整」や「運用での更新」や「作業環境の改善」で利用するChromeの機能をご紹介します

サイト制作の大切なことの１つが「スピード」です。あなたがノンビリと作り込んでいる間に、スピードの速いライバルは３回提案してブラッシュアップしていることでしょう。スピードを身に着けましょう。

ウェブサイトデザインをするためには大量のファイルを管理しなくてはなりません。多数のお客様のお仕事をするなら尚更です。数年後のあなたがファイル探しに困らないように、今からしっかりと整理術を見につけましょう。

Wixは無料で利用することができますが、利用にはアカウントとパスワードが必要です。その取得方法について詳しく説明します。

あなたのアカウントを乗っ取られないように、しっかりと保護しましょう。

アカウント名はサイトのURL（アドレス）に影響します。親しみのある名前に変更しましょう。

一度ログアウトしたり、パソコンが変わったら使えなくなってしまった・・・・そのようなことがないようにログアウトして再ログインの方法をしっかりと身につけましょう。

Wixはホームページ制作だけの機能にとどまっておらず、機能がどんどん増加しているので画面構成も複雑になっています。ホームページを編集する画面の開き方をこの動画で何度芋確認して、目と手に覚え込ませましょう。

編集画面にはたくさんのメニューがついていますが、しっかりとグルーピングされています。整理してご紹介します。

あなたのパソコンで、Wixの画面にアクセスして、ホームページは別のアドレスで見ることになります。体系的に理解することで、編集作業に迷いがなくなります。

大慌てで電話がかかってくることがあります。「修正したはずなのに、ホームページが変わらないんです！」ホームページが表示される仕組みを理解して、しっかりと確認できるコツを身に着けましょう。

文字編集に関わらず「すべてのパーツの編集の基本操作」を含めてご説明します。
美しいだけでなく「見やすくて、読みやすくて、理解しやすい文章の掲載」を実現する、「文字のレイアウト」のテクニックはとても重要です。「見づらいレイアウトをつくってしまう」原因はたった２つです。１つ目は「操作がメンドウ」だから「まぁ、いいや、この程度ですませよう」という「怠け心」です。２つ目は「そもそも基本技術がわかってない」ことです。文字のレイアウトの美しさは内容が増えるほど目立ちます。「たくさんの作業をこなせる基礎」をしっかり身につけましょう。

横長が多いパソコン画面、縦長となるスマホ画面、それぞれ個別に簡単にレイアウトできるのがＷｉｘの特徴の１つです。

スマホで出来ることと出来ないことを整理しておきましょう。それによって、文字の配置を工夫することができます。

パソコンではそれなりに見えるけれどもスマホではガタガタ・・・・というサイトは少なくありません。スマホのレイアウトがしにくいのは「文字列の作り方」に原因があります。「Wixだからでは決してありません」ちょっとしたコツでスマホの文字レイアウトも美しくなります。

テンプレートにある文字配置だけでなく、いくらでも文字の追加は可能です。

よく使う機能の１つです。クリックだけで簡単に実現できます。サイト内のページへのリンク、外部へのリンク、文書ファイルへのリンク、電話・メールなどのリンクも可能です。

ホームページのもっとも大事な機能の１つが「文字を読ませること」です。文字が読みにくいサイトはダメです。読みやすさに大きな影響を与えることの１つに「レイアウト」があります。
人間はたった１mmの違いを感覚的に見抜きます。スタイルシートでコーディングしないこともあって「パールが揃ってない」「中央揃えでない」など「ガタガタ」なレイアウトのサイトになりがちです。Wixにはそれを防止するための機能が備わっていますので、マウスとキーボードを駆使して、素早く操作する方法を覚えましょう。

ホームページの「見た目」「印象」を決める画像（写真）の掲載は、とても大事な技術です。Wixは、クリックだけの簡単な操作で多彩な掲載とレイアウトが可能です。あなたのセンスを最大限に発揮する素晴らしい機能を習得してください！

新しい画像を追加するのも簡単にできます。ファイル転送やサーバのことなどを気にせず、クリックだけでどんどん作業を進めましょう！

１つのウェブサイトではたくさんの画像を使用します。保守のことを考えて、最初からファイルを整理しましょう。

Wixではフォトショップで加工しなくてもプログラミングをしなくても形を替えたり影をつけたりできます。Wixの機能を使いこなすことで、あなたのセンスを最大限に発揮することが可能です。そしてSEOのための設定も簡単！

巨大なファイルを掲載するのは絶対ダメ！「サイトが重いのは、大きな画像のせいだった・・・」なんてことになります。Wixではフォトショップのような高価なソフトがなくても最適なファイルサイズにできます。

画像にリンクをつけることもアニメーションのような動きも簡単に実現できます。Wixの機能を使いこなすことで、あなたのセンスを最大限に発揮することが可能です。

ホームページを公開後に大切な、ホームページの名前とアドレスをしっかりと決めましょう！

サイトを数日前に戻したい！なんてこともWixは可能です。サイトの復元機能を学びます。

あなたがWixの基本を理解することは、プロも使うサイト制作のツールに「ディレクトリマップ」と「ワイヤーフレーム」というツールを使いこなすといってもいいでしょう。それほど、Wixの機能は、これら２つのツールそのものが「そのままウェブサイト制作ツール」になっていると感じます。だからこそ、サイト制作の基本から応用まで幅広く対応できるツールなのです。

WIｘを使いこなすために必須の概念が「レイヤー」です。これがわからないと、複雑なデザインと保守性の高さを両立するサイトを創ることはできないと断言します。

ストリップが実際にどのようなデザインを可能にしているのかをみてみましょう！

ストリップの概念を説明します。少しむずかしいかもしれませんが、これを知って、ストリップを使いこなすことは、とても重要です。「できればいい」という人は、後で必ずサイトが破綻します。「プロの専門家」として「業務で任される人」にはなれません。

ストリップは背景やボックスとは全く異なるものだということがわかります。色と透過を自在に扱うことでデザインの幅は何倍にも広がります。

ストリップは色だけでなく画像も可能です。背景色や透過と組み合わせることで表現は無限に広がります。

ストリップを分割することで、パソコンでもスマホでもレイアウトの組付けが素早くできます。あなたの作業効率を大幅に向上してくれます。

イマドキのデザインには不可欠な画像＋文字の組合わせ。画像に文字を配置するのも、フォトショップは全く必要ありません。難しいコードを書く必要もありません。

横長中心のパソコンと縦長のスマホでもレイアウトは簡単です。

画像の上に透かしがあって、その上に文字やボタンがあるデザインをよく見ますよね？そのような複雑なデザインもマウスだけで思いのままです。

動画をホームページに組み込むことも、Youtubeにアップした動画をホームページに窓として埋め込むことも、クリックしていくだけ！操作は簡単ですから、どのような掲載がいいのかの基本的な考え方をご紹介します。

動画のアップロードもクリックしていくだけ！それだけで動画の再生窓ができあがります！

Youtube動画の埋め込みもクリックだけ！難しいコードを貼り付けることすらしません。

前回のセクションまでで単一のページを仕上げるテクニックの基礎は身につきました。複数のページを編集するための基礎から学んでいきましょう。

Wix以前のWeb制作では、メニュー画面を創るのは難しい作業であることが少なくありません。保守でページ構成が変更になると、大変な作業になることもありました。Wixを使えば、メニューの変更は簡単に行えます。

パソコン用のメニューデザインの方法です

スマホ用のメニューデザインの方法です

＜課題の完成形＞
https://imadokidesign2021.wixsite.com/home

＜動画はこちら＞
https://www.youtube.com/watch?v=xFNe4I-llSs