マネして作ってみよう!(手順解説付き)なぜ、わざわざ自分でホームページを作る必要があるのか?今では知識なんてなくても無料で簡単に高機能なホームページ作れるようになってるじゃん!って思うかも知れません。その代表格がWordPressです。確かにWordPressで簡単にホームページなんて作れます。この簡単にという言葉に騙されてはいけません。これは、あくまでHTMLやCSSなどの知識が多少ある人に向けた言葉です。WordPressを使っていて、レイアウトなどを変更したくなったりした時にHTML,CSSの基礎的な部分がわからないと、カスタマイズなんてできません。HTMLやCSSは絶対に理解しておくべきなんです。メモ帳を準備しようホームページ制作講座についてじゃあ自分で作るにはいったいどうしたらいいんだろう...。考えたことある人は必見だと思います。これから10回に分けて【パソコンさえあれば誰でも簡単にホームページを作れる】ということを証明(誰に?(笑))したいと思います。実際に操作せずに読み流してみてみるのもいいと思います。この講座の最終目標このホームページ制作講座は、最初はあまり難しく考え込まず、手順通りにいけば最終的に本人の手元でホームページが完成したという実感を持っていただき今後、ホームページ制作をしたいと思えるようなきっかけづくりとなるような内容に仕上げました。講座を進めていく上でお願いこのホームページ制作講座は、ホントに初心者向けの講座になります。僕が極力わかり易く解説をしたつもりでも、『こいつ、何言ってんの?』って部分があるかもしれません。疑問点、又は改善してほしい!って思うことがあれば一番下のコメント欄にコメントをお願いしたいと思っていますm(__)mホームページとHTMLの基本的なお話まずは基本的な仕組みについてみていきましょう。ホームページのしくみユーザーがブラウザでURLを入力します。入力されたURLでサーバーを探す。サーバーがURL先の情報をもって応答する。ブラウザが文字や画像を表示する。ホームページの仕組みざっくり説明すると上記のような単純な話しです。Language』の略称で簡単に言うと『超凄い文字』です(笑)ハイパーテキスト・マークアップ・ランゲージ現在、インターネット上で公開されてるウェブページのほとんどは、HTMLで作成されています。ウィキペディアには、このように説明がされています。ランゲージ、HTML(エイチティーエムエル))は、専らHTTPが利用されるWWWのハイパーテキストの記述に使われているマークアップ言語である(1990年代後半頃からはコンテンツという語も利用されている(「中身」という意味の語であり、御大層な意味は無い))。ハイパーリンクや画像等のメディアを埋め込むハイパーテキストとしての機能、見出しや段落といったドキュメントの抽象構造、フォントや文字色の指定などの見た目の指定、などといった機能がある。より勧告が行われるという流れになっている。難しくてよく分からん!ホームページを制作するうえで準備すること僕は、OSがWindowsなのでWindowsの環境で制作を行いたいと思います。Macの方で進める方がいましたら時折、Macでの操作に読み替えてもらうことになると思います。ショートカットキーなどがあります。パソコンの設定を変えようまずは、ファイル名の後ろに拡張子が表示されているか確認してみましょう。表示されているなら設定はしなくてOKです。表示されていなければエクスプローラーを開いて表示タブに切り替えて、ファイル名拡張子のチェックを外しましょう!手順001これでファイル名の後ろに画像ファイルなら【.jpg】と表示されているはずです。これで設定完了です!ホームページ用のフォルダを用意しようまずはデスクトップの何もないところで右クリック手順002新規作成→フォルダーをクリックフォルダー名はなんでもいいんですが僕の方では、「sample」というフォルダで進めていきたいとおもいます。手順003これで完成!後々、重要なファイルが入るフォルダになるので、どうぞ可愛がってやってください(笑)メモ帳を準備しようメモ帳はWindowsのパソコンならプリインストールされているソフトなのでこれを使っていきましょう!メモ帳の所在は基本的にアクセサリにあるのでさがしてください。探すのが面倒な人はショートカットキー:Windows+Rをするとこちらのウィンドウが開くので『notepad』と入力して実行してくださいね。手順004すると、一瞬でメモ帳が開きますので。ちなみに僕の方はメモ帳は使わず便利なSublimeText3ってエディタを使うことにします。メモ帳よりはるかに使いやすいですし色々便利な機能がついてますので、もし同じ環境にしたいのでしたら、webkaru.netさんがインストールの手順を解説しておりますのでぜひ参考にしてくださいね!今回は『ホームページとHTMLの基本的なお話』と『ホームページを制作するうえで準備すること』についてでした。マネして作ってみよう!(手順解説付き)ホームページ制作講座おすすめ!この記事が気に入ったらいいねしよう!最新記事をお届けします。管理人があまりに暇人なため、しょうもないwebアプリを作ったりしてます。コメントをキャンセルメールアドレスが公開されることはありません。*ウェブサイト上に表示された文字を入力してください。那覇新都心【生け簀の銀次】に行ってきました!RECOMMENDこちらの記事も人気です。DBから取得した日付を表示する際に、1日マイナス表示される2019.03.12タイピングでジョジョがふわー2018.03.22WordPressブログの読み込みが重たいから改善してみた2018.03.17俺、社会不適合者なのかも知れない。OKINAWA-HACKこのブログは、ブログで稼いでなるべく組織に属さず、いわゆるフリーランスとして生きていきたいと常日ごろ思いながら、記事を書く管理人が運営しています。プログラミングが好きな管理人です。※ちなみにトップ画像の有刺鉄線は、組織の中から抜け出したい!という願望が表れています。