
Figma参照 - レスポンシブECサイト作成パーフェクトガイド
ezweb
HTML、CSS、JavaScript(jQuery)の基礎はありますか?でも、ウェブサイト全体をどう作ればいいのかよくわからないですか?それなら、デザインを参考にしてショッピングモールのメインページの実装に挑戦してみてください。完成されたデザインを参考に、企画意図やデザインの詳細な事項を把握し、ウェブサイトを実装するノウハウをお教えします。
초급
Figma, HTML/CSS, JavaScript
Through this course, you can solidify the fundamentals of HTML, one of the three major languages—HTML, CSS, and JavaScript—that make up a webpage. Learn HTML properly, optimized for search and compliant with web accessibility and web standards.
Correct HTML writing methods that align with meaning
How to Fill Out a Form Correctly
New to coding?
Let's start with the fundamentals of web development, HTML! 🏃
Web pages are becoming more and more flashy and are changing to operate more smoothly and quickly. However, flashiness and dynamics are all auxiliary devices that help to convey the content of web pages easily and make them memorable. In order for auxiliary devices to be effective, it is most important that HTML plays its original role properly .
There are only three languages that make up a homepage. Not that many, right? 😊 Strictly speaking, there are only three languages that web browsers that display web pages, such as Chrome, Safari, and Firefox, understand. Of these, HTML is by far the most important core language. Languages you may have heard of, such as CSS, JAVASCRIPT, and React, all play a role in supplementing the language written in HTML. If the HTML is written incorrectly, the webpage will be reversed, right? The goal of this lecture is to accurately write the content you want to convey using HTML tags .
Web pages are strictly documents. Documents must have clear content and purpose and be structured to achieve their intended purpose. Learn how to write in a way that is faithful to the original functions of the HTML language!
✔️ Check out the lectures directly from the book author!
I have no coding experience, but
For those who want to get started with web development
Preparing to move to a web developer
Web designer
I want to complement the front end
Backend Developer
Whether it's front-end or back-end, web programming languages should start with HTML. If you start learning a higher-level language without a foundation, it's easy to fall into a trap. If you challenge yourself with the mindset of taking a light look at this field, you can learn it without much difficulty.
I recommend that you learn HTML, CSS, and Javascript in that order, then upgrade your Javascript to a language like React to become a web publisher, and then learn backend languages like PHP, Python, and Java to tackle backend development.
Learn the basic tags required for web page content, such as HTML document types, titles, lists, images, and tables.
Based on what you learned in Section 1, let's create an HTML structure by referring to the design as in practice. Identify what is needed for coding in the design, prepare the image, and write HTML according to the content.
If you have learned the basics of HTML through this course, try conquering CSS!
Students can provide their opinions and questions at any time through the Google survey and 1:1 open chat room introduced in the What's New section.
Hello. I am instructor Kim Dong-ju, the operator of the rock's easyweb YouTube channel.
You can check offline lecture information, additional videos, etc.
Who is this course right for?
For those who are new to coding
Aspiring web publishers
Web designers who want to transition to becoming web publishers
2,509
Learners
48
Reviews
3
Answers
4.9
Rating
8
Courses
■ [현재] 그린컴퓨터아트학원 웹퍼블리싱, 프론트엔드 강의
■ [현재] 웹 퍼블리싱 유튜브 채널 'Rock's Easyweb' 운영
■ 더조은 컴퓨터아카데미 웹 퍼블리싱 강사
■ 한빛 컴퓨터아카데미 웹 퍼블리싱 강사
■ 프론트엔드 퍼블리셔, 프론트엔드 퍼블리싱 전문강사
■ UI/UX 웹 디자인 포트폴리오 강의
[ 도서 ]
2021.07.19 출간 / 웹디자인 & 웹퍼블리싱을 위한 피그마 완벽 활용서 / 비제이퍼블릭
2022.08.25 출간 / 코딩을 처음이라 with 웹 퍼블리싱 / 영진출판사
2023.10 출간 /2024 SD에듀 유선배 웹디자인기능사 실기 과외노트 / 시대고시기획
2024.11 재판 /2025 SD에듀 유선배 웹디자인기능사 실기 과외노트 / 시대고시기획
[ 수상경력 ]
2022.08 그린컴퓨터 아트 학원 종로지점 - 우수강사 2021.06 그린컴퓨터 아트 학원 종로지점 - 우수강사 2018.06 그린 컴퓨터아카데미 신촌 지점 - 우수강사 2017.05 그린 컴퓨터아카데미 신촌 지점 - 우수강사 2016.05 그린 컴퓨터아카데미 신촌 지점 - 우수강사 2015.10 그린 컴퓨터아카데미 신촌 지점 - 우수강사
All
14 lectures ∙ (3hr 39min)
Course Materials:
1. Get ready
02:51
6. List
15:43
7. table
15:59
8. Link - Anchor Tag
24:34
9. Image Tags
06:12
12. video, audio
15:42
All
20 reviews
4.9
20 reviews
Reviews 3
∙
Average Rating 5.0
Reviews 7
∙
Average Rating 5.0
Reviews 2
∙
Average Rating 4.5
Reviews 1
∙
Average Rating 5.0
5
HTMLについて初めて学ぶなら、ぜひ聞くべき講義です。 内容がとても気持ちよく、初心者がわかりやすく説明してくれます。 無料講義のうちクオリティ面では圧倒的だと思います。 良い講義を作ってくれてありがとう!
貴重な受講評に感謝します
Reviews 8
∙
Average Rating 4.8
Free
Check out other courses by the instructor!
Explore other courses in the same field!