ウェブサイトメイン画面パブリッシング
実務ですぐに利用可能な技術とヒント！
プロジェクトノウハウによる様々な間接経験！
実務経験は素早い！パブリッシャー
シーンハニーチップとノウハウが私のものです❤️
Webサイトのメイン画面で、使用頻度の高いスクリプトUIを学びます。 GNB、バナースライダー、タブ、ボックスを開閉するスクリプトなど、さまざまなものを作成できます。比較的簡単に見えますが、じっくり学んでみると、今後は複雑なUIをパブリッシュするのに役立つでしょう！
1. 領域別にどのようにコーディングを行うのかデザイン完成本を見て説明すれば
2. 聞いた講義の内容どおりにコーディングを行った後
3.私が説明したコーディングの内容と同じかどうかを比較しながら聞いてください！
ウェブサイトのメイン画面を同じようにそのままコーディングしてみてください！こんにちは、ラビングコードです。
私は初めてWebに飛び込んだときにコーディング技術を習得するよりも、不慣れなコンピュータ用語を書くのにもっと時間を費やした記憶があります。
パブリッシャーはデザイナーと開発者の間のコミュニケーションの橋として機能します。コミュニケーションのためには、相互の言語を理解して再解釈することが重要です。 15年の年次が積まれながら自然にその方法を知ることになりました。私のような文科生がパブリッシャーに挑戦し、経験した経験とノウハウで講義をするならば、地面にヘディングしようとする方々が少しはあまり痛くないと思いました。
パブリッシャーは他の直軍より進入障壁が低いのですが、卒業までの道は険しいです。
でも技術は頑張れば増えます。眩しいテクニックも必要なときはいつでもリファレンスを見つけて利用してもいいです。
重要なのは基本に充実しなければならないということです。基本だけ知れば新技術も簡単に学べます。
私が15年以上現場でパブリッシングして絶対忘れない原則です。それでは私と始めましょうか？
自分のポートフォリオ
準備する就労生
会社に私一人でダラン！
射手が必要な方
独学的なパブリッシング
upgradeしたい方
パブリッシングについて
理解度を築きたい方
文科生が教えてくれるパブリッシング講義はこれからずっと～続きます！
1) 文科生が教えてくれるパブリッシング-初級
2) 文科生が教えてくれるパブリッシング-中級現在講義
3) 文科生が教えてくれるパブリッシング-高級オープン予定
学習対象は
誰でしょう？
初級コースマスター後、自分だけのポートフォリオを準備する就労生！
会社に新入で就職したら私一人でダラン！ 射手が必要な方！
一人で独学したパブリッシングを検証してアップグレードしたい方～
ウェブサイトパブリッシング制作過程の理解度が必要な方！
前提知識、
必要でしょうか？
文科生が教えてくれるパブリッシング - 初級
3년은 웹디자이너이자 플래셔로 15년은 웹 퍼블리싱과 프론트앤드 개발로 밥 먹고 사는 퍼블리셔입니다.
18년이상 it에 몸담으며
웬만한 대기업 프로젝트 경험은 다 해본 듯 하며...
최근 활동은
한화생명, BC카드, 한전, 삼성, 수협, 두산, 넥슨, 파고다, sk등 다수 프로젝트 참여!
현 팀을 운영하며 프리랜서로 활동 중!
* 퍼블리셔는 다양한 경험 만이 길게 오래갈 수 있는 경쟁력이 됩니다^^
全体
26件 ∙ (4時間 20分)
講座資料（こうぎしりょう）:
1. オリエンテーション
02:59
2. コーディングガイド
08:47
3. タグリセットと共通css設定
11:17
4. 上部共通領域設計
10:06
5. メインバナーデザイン
08:59
6. 講座テープエリアの設計
14:05
7. 掲示板エリアの設計
13:48
8. ショートカット領域の設計
06:03
9. 下部共通領域設計
09:06
全体
5件
4.8
5件の受講レビュー
受講レビュー 2
∙
平均評価 5.0
5
I am also listening to this lecture well. I am studying well thanks to the lecture that progresses step by step in an easy-to-understand manner. I am looking forward to the next lecture!!!
Thank you so much for listening to the Step 2 lecture as well as Step 1. I hope my lecture can be helpful in the field. Hug~^^
受講レビュー 4
∙
平均評価 5.0
5
I liked how you explained the most commonly used technologies on the main page in an easy way. If you are new to jQuery, it might be difficult, so I think it would be better to do some pre-learning first and then take the class :)
I remember you asking questions.. Thank you so much for sticking with it until the end. As you said, if you study the script part in advance, it will be very helpful~ There is also a reason why I intentionally included script sources that are frequently used in practice in the lecture because many people have difficulty listening to scripts in actual practice. I want you to use them first in practice. I hope my sources will be very helpful in practice~
受講レビュー 1
∙
平均評価 5.0
5
You explained it in an easy-to-understand way.
I hope that you persevere until the end and that it will be of some help in your work :)
受講レビュー 1
∙
平均評価 4.0
4
Everything is good, but I don't know how the results come out in real time while writing HTML, CSS, etc. I just keep writing on one screen so I don't know if what I'm doing is right... When I look at other people, they write HTML, CSS in real time on a dual screen and the results come out to the side so you can see that it's done like this, but I don't know how this is processed because I just keep coding and don't know how it's processed... I'm sorry but I'm stopping after listening to two lectures. I don't know what other people think, but I don't think it's my study style. Still, thank you for your hard work in making the lecture.
I heard you had trouble with the lecture T.T;;. If you keep listening, you can learn practical tips and mistakes that can happen in actual practice. I made the lecture structured so that you can learn about them subconsciously, but I feel bad because it wasn't helpful~ I hope you can find a helpful lecture~
受講レビュー 1
∙
平均評価 5.0
5
It's very helpful~
I'm glad it was helpful. I hope my lectures will be helpful in your practice as well~^^
同じ分野の他の講座を見てみましょう！
![Modern Web Interactive CSS3 Bootcamp [Full vers.]강의 썸네일](https://cdn.inflearn.com/public/courses/334857/cover/4ccc6c75-74aa-4aba-b3d9-8aabe36e9452/334857.jpg?f=avif&w=420)
![[Fantasy Pig's Feet] From design to coding강의 썸네일](https://cdn.inflearn.com/public/courses/332845/cover/5d0ef569-50e5-4300-96ed-3205d526795b/332845.png?f=avif&w=420)
