HTMLTweetPocket新しくサイトを作る左上にある三本線「≡」がメニューです。それをクリックするといくつかメニュー項目が表示されます。Site」をクリックします。Name(サイト名)は好きな名前をつけてください。その下にあるのはテーマ(デザインテンプレート)です。追加購入していない場合は左端のテーマしか使えません。Themes」からは目的にあったデザインテーマを購入することができます。ビジネス向け、レストラン向け、ポートフォリオ向けなど各種ありますが今回はひとまず購入せず無料の初期テーマだけで進めてみます。ボタンでメニューを閉じます。右下に「+」ボタンがあると思いますが、そちらがブロックの追加ボタンです。ブロックというのは小分けされたウェブサイトを構成するパーツで使いたいブロックを選んで配置していくことでサイトを作ることができます。ブロックには色々なバリエーションと機能があります。これを使えばマップを表示したり、連絡先を表示したりすることができます。ヘッダーとフッターを配置ウェブページは主に上部メニュー、本文、フッターの3つのエリアに分かれています。上部メニュー(Menu)はページ上部にあるサイトタイトルや他のページへのリンクを表示する部分で、フッター(Footer)はページ下部にあるメニューや著作権表示をする箇所のことです。この2つは基本的に全ページ共通です。ページ最上部に表示するメニューを選びましょう。探し、それをページにドラッグアンドドロップします。複数あるので好きな見た目を選んでください。同じようにしてフッターを探して配置します。これも好きな見た目のもので大丈夫です。色はあとから変えられるので今は気にしなくて構いません。ホームページを作るウェブサイトの一番最初のページをホームページまたはフロントページといいます。ブロックリストから「Headers」を探し、メニューとフッターの間にドラッグ&ドロップしてください。失敗しておかしな位置においてしまっても大丈夫です。ブロックの入れ替えはひとまずブロックリストを閉じ、ページ上の操作したいブロックにマウスカーソルをかざすと右上にコマンドが表示されます。Block」をドラッグするとブロックを上下に入れ替えることができます。右端のゴミ箱ボタンはブロックの削除です。間違えて不要なブロックを配置してしまった場合はこのボタンで削除できます。ブロックの編集ブロックを配置するとすでに例文とサンプル写真が入っているのでそれを自分好みに改造していきます。編集したいブロックのマウスカーソルをかざし、右上のコマンドから歯車のアイコンを選択します。ON/OFF、背景画像、効果の有無などを変更できます。COMPUTER」ボタンでコンピュータの中にある画像を選択してください。Library」の中にあるので再利用したい場合はそちらから使ってください。Image」に選択中の画像が表示されます。クリックするとトリミング(切り抜き)ができるので必要に応じて使ってください。テキストを編集したい場合は変更したいテキストをクリックすれば直接編集できます。「Color」は色の変更で「Align」はクリックするごとに「左寄せ」「中央寄せ」「右寄せ」が切り替えられます。ボタンなどのリンクのある項目をクリックするとチェーンのようなアイコンの「Link」が出てきます。他のページへのリンクです。作っていないのでホームしかないと思います。エクセル文書などのファイルにリンクさせたい場合に使います。ブロックが1つ出来上がったら他の好きなブロックをどんどん追加してホームページを完成させましょう。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。[JS]Babelとwebpackを使いES6用のスクリプトを古いブラウザに対応させる[PR]AboutPHP初心者が自らのためにまとめた備忘録です。所々おかしな記述があるかと思いますが、その時はよろしくお願いします。断りがない場合PHPのバージョンは5.6以上を想定しています。