inflearn logo
知識共有
inflearn logo

文科生が教えるパブリッシング - クローンコーディング

パブリッシャーになるための初級~中級コースを学びます。

難易度 初級

受講期間 無制限

Clone Coding
Clone Coding
Clone Coding
Clone Coding

お知らせ

1 件

  • lovingcode님의 프로필 이미지

     

    講義をコスパに聞くことができるヒント?

     

    1.タグリセットと共通CSS設定講義のファイルをダウンロードして、授業前に設定してください。

    2.コーディングガイド講義のファイルをダウンロードし、設定されたファイルと比較しながら、ちゃんと確認してください。

    3.メインバナーデザインに登録されているデザインイメージをダウンロードして、全体の様子を視覚化してください。

    - 実務でもデザイナーから受け取ったデザインファイルを全体視覚化する過程と頭の中でデザインを描く

    プロセスが必要です。

    森を先に見て木を見る順に視覚化してください

     

    *講義方式がゼプリンに登録されたデザインを持って授業する方式なので、別途PSDは提供しません。

    講義でお見せするゼプリン画面を見つめながら、実務でゼプリンシステムが見慣れないことができたらと思います。

    ジェフリンに似たピグマも最近はかなり使用しています。

    これらのツールがすべてデザイナーとパブリッシャーの間で効率的な業務コラボレーションのために作られました。

    パブリッシャーがこれらのツールについて別々に技術的に学ぶことはありません。デザイナーがこのように業務コラボレーションをしようとしたとき

    拒否反応が起こらないように私の講義で慣れればいいです。

     

    4.

    私の授業はまず構造設計をすべて終えた後、領域別スタイルと動作を与える順序で講義になっています。

    デザインがすべて終わった後にスタイルを与えるコーディング方式が退屈したり困難がある場合

    HTML構造設計とCSSスタイルの塗りつぶしを互いに1つずつマッチングしながら聞いてみてください。

    ただしTT;;

    実務では、デザインがすべて終わった後にスタイルと動作を作ることをお勧めします。

    構造設計をする過程で脳眼ではデザインイメージを具体的に視覚化しながら、規則的なCSSスタイルをどのように作るかについての考え方が忙しくなっています。

    その過程で自然にデザインイメージを脳に刻印させて

    木ではなく森が見えます。

    このプロセスは、定期的で整然としたCSSスタイルを作成するのに役立ちます。

    また、デザイナーの意図まで把握され、ディテールの違いを作ることになります。

     

    もちろん、パブリッシャーごとにコーディングする順序が異なる場合があります。

    あくまで私は自分なりの最も効率的でディテールを見逃さない方式だと思う部分を一緒に分けたい

    講義なのでタイトルの通りクローンコーディングです。

     

    中途半端に見えるエラーもそのままにして練習する過程もあります。

    学習者が自分でこのようなエラーに疑問を抱く過程と私がその部分を正す過程で

    より効率的な学習効果を期待する心からです。

     

    私はWeb標準(パブリッシング)を初めて始めたときに私が勉強できるのは

    ただ日本のウェブサイトソースとウェブ標準が部分的に適用されたネイバーサイトを切り離して分析するだけでした。

    このように苦労して試行錯誤を受けて得た経験と数え切れなく悩んだコーディング方式について...

    小さいながらも大切な光を願う切絶した誰かに届けることを願う心で講義を準備しました。

     

    難しい道を始める方が最後まで頑張れることを願う心で

    ヒントかどうかわからない記事をいくつか見てみましょう。

     

    0

公開していない講座のため、受講が制限されます。