コードステップ Codestep 作って学ぶコーディング学習サイト
  • HTML
  • jQuery
  • WordPress
  • サーバ―
  • Codestep Pro
    NEW
  • 【HTML / CSS】コーディング練習課題
  • _入門編

    • プロフィールサイト
    • フォトサイト
    • フォトサイト2
    • レシピサイト/トップページ
    • レシピサイト/レシピページ
    • ブランドサイト(ジュエリー)

    _初級編

    • ポートフォリオサイト
    • ストアサイト(書店)
    • ECサイト
    • コーポレートサイト(Web制作)
    • ストアサイト(和菓子)

    _中級編

    • ブログサイト
    • ストアサイト(カフェ)
    • ストアサイト(インテリア)
    • ランディングページ
    • コーポレートサイト(ハウスメーカー)

    _上級編

    • メディアサイト
    • ギャラリーサイト

    _番外編(HTML/CSS)

    • 疑似要素の練習
    • positionの練習
    • 行数が異なる画像の横並びの練習
    • 画像を斜めに表示する練習
    • ドロップダウンメニューの練習

    _番外編(jQuery)

    • アコーディオンメニュー
    • 複数画像をホバーで切り替え
    • プラグイン「slick」/カルーセルスライダー
    • プラグイン「slick」/カルーセルスライダー(カスタマイズ)
    • プラグイン「Datepicker」/カレンダー&入力チェック
  • 【HTML / CSS】コーディング解説
    • 入門編:プロフィールサイトを作ろう
    • 初級編:ポートフォリオサイトを作ろう
  • 【WordPress】コーディング解説
    • WordPressでオリジナルサイトを作ろう
    • HTMLサイトをWordPress化しよう
  • 【模写コーディング関連記事】
    • 模写コーディングの手順
    • 模写コーディングのおすすめサイト
    • 模写コーディングの初心者向けLP
    • 模写コーディングが難しいと感じる理由と対処方法
  • Codestep Pro

    【HTML】コーディング練習

    • 入門編:基礎学習後の練習サイト
    • 初級編:シンプルな練習サイト
    • 中級編:少し複雑な練習サイト
    • 上級編:jQueryを多用した練習サイト
    • 番外編:よく使う HTML/CSS/jQuery の練習

    【HTML】コーディング解説

    • 入門:プロフィールサイト(前編)
    • 入門:プロフィールサイト(後編)
    • 初級:ポートフォリオサイト(前編)
    • 初級:ポートフォリオサイト(後編)

    【WordPress】コーディング練習

    • 入門編:プロフィールサイト
    • 入門編:フォトサイト
    • 初級編:ポートフォリオサイト
    • 初級編:コーポレートサイト
    • 中級編:ストアサイト(インテリア)

    【WordPress】コーディング解説

    • WordPressでオリジナルサイトを作ろう
    • HTMLサイトをWordPress化しよう

    【模写コーディング】関連記事

    • 模写コーディングの手順
    • 模写コーディングのおすすめサイト
    • 模写コーディングの初心者向けLP
    • 模写コーディングが難しいと感じる理由と対処方法

    【サーバ―】WEBサイトの公開

    • Webサイトの公開手順
    • Codestepで使用しているレンタルサーバー
    • レンタルサーバーの契約の流れ
    • ドメインの取得方法
    • FileZillaのダウンロードとインストール方法
    • HTMLサイトを公開しよう

    【Tips】制作の現場で使えるCSS

    • シンプルなタイトル
    • シンプルなボタン
    • シンプルなリンク

    ご利用にあたって

    • このサイトについて
    • 運営者について
    • リクエスト
    • お問い合わせ
    • サイトマップ
    • Codestep Pro
      NEW
    • Codestep Pro(よくある質問)
    • Twitter

    © 2023 Codestep All Rights Reserved.