Webサイトの基本 - Hiroppyken/Study GitHub Wiki

URLとは

  • http://→プロトコル
  • example.com/→ドメイン名
  • sample/→ディレクトリー名（フォルダ名）
  • index.html→ファイル名＆ファイル拡張性

ブラウザの種類

  • Google Chrome
  • Safari
  • Microsoft Edge
  • Microsoft Internet Explorer
  • Firefox
    ※今はGoogle Chromeが一番使われている。

ワイヤーフレーム作成ツール

  • オンラインツール（ブラウザー上で利用）

    • Cacoo
    • Moqups
    • Mockingbird
    • Wireframe.cc
    • InVision

  • オフラインツール（アプリをインストールして利用）

    • Adobe XD
    • Adobe COMP CC
    • Adobe Illustrator
    • Sketch
    • Justinmind

画像ファイルの種類

  • JPG: データが軽く、写真やグラデーションなどの色数の多い画像に適している。
  • PNG: データが軽く、イラストやロゴなど色数の少ない画像に適している。背景などを透過せたい場合に使える。
  • GIF: 使える色数が256色と少ないので、単色や簡単なイラスト二向いている。透過可能。アニメーション画像も作成できる。
  • SVG: ベクター形式の画像を扱えるので、拡大縮小しても画像が劣化しない。高解像度ディスプレイに対応させてたい時に活躍する。

サーバーとドメインの準備

  • サーバー
    • ロリポップ!レンタルサーバー
    • さくらインターネット
  • ドメイン
    • お名前.com
    • ムームードメイン

グラフィックツール

  • Adobe XD
  • Adobe Photoshop
  • Adobe Illustrator
  • Sketch
  • Affinity Designer
  • Affinity Photo
  • Pixelmator
  • GIMP
  • FireAlpaca

テキストエディター

  • Atom
  • Brackets
  • Visual Studio Code
  • Dreamweaver
  • Coda
  • Sublime Text