All Web制作

Webサイト制作1~始める前に~

投稿日:2018年1月16日 更新日:

もしかしたらこれからHPやブログなどを作る方がいるかもしれないので、制作を始める前に重要で覚えておいた方が良いと思う事を2つ書いておきます。
※当たり前の話でもありますが。笑

どの様なサイトにしたいかを具体的に考えてから作業する

私が一番ミスしたところで、一番重要な事なんですが、
こんな感じかなとふわっとしたまま制作を始めました。

その結果、CSSやメニューボタンなんて何度直したかわかりません..。
直す時間を甘くみていると大変なことになります…。

まず作りたいと思ったら・・

  • サイト名・サブタイトル・サイトの説明
  • サイトのテーマ・カラー
  • メニューボタンの名前と配置
  • 各ページそれぞれにどのような事を表示するか
  • 使用する写真の準備
  • ロゴの準備
  • 連携するSNSやリンクの洗い出し

このあたりは必ず決めてやっておいた方が良いと思います。

CSSなどの構成ファイルは直接編集しない or 元の構文をコメントアウトした上で追加する

必ず元のファイル・元の構文を残しておく。
エラーが発生した時に戻せなくなります。

私は直接編集なんですが、何度も泣きました。

ちなみに、wordpressだったら貼り付けるだけの”css追加”という便利項目が、“カスタマイズ>css追加”にあるので、そこに追加した方が手軽で良いのでオススメです。

この話どこまで需要があるかわからないんですが、合間に書いていきます~。

-All, Web制作


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

年末といえば?④CountDownJapan1718

年末の邦楽ロック女子・男子達が集うイベント! CountDownJapan1718! 今年も開催されるそうで、最終第5弾アーティスト発表も行われています。 これまでに発表されているアーティストの出演日 …

映画「ブレードランナー」考察~あなたは人間だと証明できますか?という話1~

やっと休日になりました。素敵なワンマンライブに行ってきた帰りです。 さて、めずらしく時間がゆっくり取れた日だったので、映画の話でもしたいかなって思います。 そんなの興味ねーよ!音楽の話しやがれ!って方 …

コード進行に作成するときや迷った時に役立つサイト5選

この次のコードどうしよう・・とか、 こんな曲のコードの感じにしたい・・とか、 王道のコード進行を使って作ってみたい・・とか、 とにかく決めてほしい(横暴)・・とか、、 色んなときに参考になりそうなサイ …

フリーの総合音源Independence free

あー、、また日付変わってしまった;; ちょっとだけ書いておきます。。 11月までフリーDLのXpand!2。 それと似た音源でこれも良い音するな~と思ったのがIndependence free。 In …

4月のview報告

GW明けです。いかがお過ごしでしょうか。 暑くて半袖で過ごしていたのに急に寒く・・体調管理気を付けないと。。 ちなみに最近ピアノを弾くのが楽しい熱が復活しているため、 弾いているばっかりでtwitte …