강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Web Development

Trong thực tế! Tạo trang web! Từng bước một! _Cơ bản (Hanwha Chemical_Web đáp ứng)

Khóa học thực hành về cách tạo trang web (Hanwha Chemical/Solution) bằng HTML5 và CSS3. Hoàn toàn hiểu và sử dụng bố cục chế độ PC và tạo trang đáp ứng. Trong thực tế! Tạo một trang web! Đây là Khóa học cơ bản của Step by Step!. (Đính kèm file hoàn thiện bài giảng!)

(4.8) 21 đánh giá

288 học viên

HTML/CSS
Responsive Web
jQuery
Interactive Web

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

  • Khả năng truy cập web HTML 5 MarkUp - định nghĩa cấu trúc tài liệu

  • Áp dụng thiết kế bố cục bằng cách hiểu các thuộc tính CSS3 khác nhau

  • Hiểu và áp dụng các thuộc tính Khối và Nội tuyến

  • Hiểu và áp dụng vị trí

  • Hiểu và ứng dụng sản xuất phim hoạt hình

  • Hiểu và áp dụng bộ chọn ảo ( :trước, :after)

  • Tạo bởi Skip_nav

  • Hiệu ứng di chuột và tiêu điểm khác nhau

  • Hiểu và áp dụng chỉ mục z

  • Cách sử dụng và áp dụng FontAwesome

  • Cách sử dụng và áp dụng Google Fonts

  • Cách sử dụng công cụ dành cho nhà phát triển

  • Phương pháp và ứng dụng sản xuất trang web đáp ứng


Nếu bạn chỉ biết HTML và CSS
Đã tạo được trang web!


Nếu bạn đang tìm kiếm việc làm thiết kế UI/UX hoặc lập trình viên front-end , bạn cần có ít nhất 5-6 danh mục trang web phù hợp với xu hướng hiện tại .

 

Bài giảng này là Lời nguyền cơ bản của loạt bài hướng dẫn tạo trang web " Thực tế! Hướng dẫn tạo trang web từng bước". Bài giảng này nói về việc tạo trang chính cho trang web Hanwha Solutions/Chemical .

Chuỗi bài giảng "Tạo trang web thực tế! từng bước" bao gồm các bài giảng lựa chọn và tạo ra các trang web phù hợp với xu hướng mới nhất, có tính thẩm mỹ tuyệt vời và phù hợp để tạo danh mục đầu tư trong số các trang web hiện có trên thị trường, vì vậy hãy tham khảo chúng để học tập.

>> Tạo hoạt ảnh CSS


>> Tạo hoạt ảnh CSS giúp tăng tỷ lệ khi di chuột

>> Tạo hoạt ảnh trượt khi di chuột bằng nội dung ảo

>> Từ bố cục chế độ PC đến máy tính bảng (1024px, 768px), độ phân giải di động (414px, 320px)

>> Từ chế độ bố trí PC đến máy tính bảng (1024px, 768px), màn hình cuộn độ phân giải di động (320px)

Khóa học này được thiết kế dành cho những người có kiến thức cơ bản về HTML và CSS nhưng chưa hiểu rõ về bố cục . Khóa học sẽ bắt đầu bằng việc triển khai một trang web thực tế. Thông qua quá trình tạo trang chủ cho website Hanwha Solutions/Chemicals, chúng tôi sẽ giúp bạn hiểu sâu hơn về cách tạo bố cục bằng HTML5 và CSS3 , đồng thời giúp bạn tự tin áp dụng và tạo ra bất kỳ bố cục nào.
Chúng ta hãy cùng nhau tìm hiểu từng bước để bạn có thể hiểu rõ hơn về cách tạo trang phản hồi, củng cố kỹ năng sản xuất và thậm chí có thể mang về nhà một danh mục đầu tư chất lượng cao.

Từng bước một!
Bắt đầu ngay bây giờ.


Nếu bạn chuẩn bị một danh mục đầu tư trong khi tham gia bài giảng trên trang web bao gồm các yếu tố tương tác cần thiết cho công việc thực tế , bạn sẽ có thể hoàn thành một danh mục đầu tư chất lượng cao vào cuối bài giảng và tiến gần hơn đến việc có được việc làm thành công.

Sau khi bài giảng kết thúc
Bạn nhận được gì :D

1. Kỹ năng sản xuất bố cục vững chắc

Khi tạo một trang web, việc tạo một bố cục chính xác dựa trên HTMLCSS là vô cùng quan trọng . Ngay cả khi bạn có kiến thức cơ bản về HTMLCSS nhưng không có kiến thức về thiết kế bố cục , nếu bạn chăm chỉ theo dõi bài giảng này, với những kiến thức cơ bản được trình bày chi tiết , bạn sẽ sớm cảm thấy mình có nền tảng vững chắc về thiết kế bố cục !

2. Tăng năng suất làm việc!

Để tăng năng suất làm việc, bạn cần có khả năng nhanh chóng tạo ra các trang web tương tác bằng cách sử dụng thư viện và plugin. Khóa học này sẽ bao gồm mọi thứ, từ thiết kế bố cục trang web đến tạo trang web đáp ứng. Bạn cũng sẽ được học các kỹ năng thực hành như sử dụng script, plugin và animation để tạo trang web. Bằng cách thực hành liên tục trong khi tham gia các bài giảng, bạn sẽ thấy mình cải thiện kỹ năng làm việc chỉ trong thời gian ngắn!

3. Danh mục đầu tư chất lượng cao

Một portfolio chất lượng cao là một trong những công cụ hiệu quả nhất để thể hiện năng lực chuyên môn và nắm bắt những cơ hội mới. Bằng cách tham gia các buổi thuyết trình và thực hành, bạn sẽ xây dựng được portfolio của riêng mình. Bằng cách liên tục triển khai các trang web trong các buổi hội thảo xây dựng website tiếp theo, bên cạnh bài giảng này, bạn sẽ có thể xây dựng một portfolio, vũ khí lợi hại nhất của bạn trong hành trình tìm kiếm việc làm.

4. Mở hoạt động phòng chat

Để có trải nghiệm học tập dễ dàng hơn, hãy tham gia phòng trò chuyện mở Jalnan Webdi do J.young điều hành.
Chúng tôi sẽ chia sẻ một số mẹo hữu ích và liên kết hội thảo trực tuyến miễn phí liên quan đến Figma, UI/UX, mã hóa và tạo danh mục đầu tư.

- Tên phòng chat mở: Jalnan Webdi
- Mã: jyoung

Để tạo ra một trang web bắt mắt
Tìm hiểu về chương trình giảng dạy

1. Khả năng truy cập web HTML MarkUp - Định nghĩa cấu trúc tài liệu
2. Hiểu các thuộc tính khác nhau của CSS3 và áp dụng chúng vào thiết kế bố cục.
3. Hiểu và áp dụng vị trí
4. Hiểu và áp dụng các thuộc tính Block và Inline
5. Hiểu và áp dụng hoạt hình
6. Hiểu và áp dụng Bộ chọn ảo (:before, :after)
7. Nhiều hiệu ứng di chuột và lấy nét khác nhau
8. Hiểu và áp dụng .z-index
9.skip_nav sản xuất
10. Cách sử dụng và áp dụng FontAwesome
11. Sử dụng Google Fonts
12. Cách sử dụng công cụ dành cho nhà phát triển

Khóa học này có gì đặc biệt? Tôi tò mò quá!

Câu hỏi 1. Nó có giúp tôi có được việc làm không?
A1. Một hình ảnh đơn giản có sức thuyết phục hơn một bài viết dài. Nếu bạn tạo một trang web trong khi tham dự buổi thuyết trình, bạn sẽ có thể tạo ra một hồ sơ năng lực hấp dẫn, ngay lập tức thu hút sự chú ý của các nhà tuyển dụng, hỗ trợ rất nhiều cho quá trình tìm kiếm việc làm của bạn.

Các công cụ được đề cập ở đây

Sau bài giảng này, bạn sẽ có phong cách thiết kế và cảm nhận khác.
Chín khóa học tạo website sẽ được mở tuần tự.


Sinh viên chuẩn bị hồ sơ nên tham khảo tài liệu này.
Hãy giúp chúng tôi tạo ra những trang web chất lượng cao.

html, css, html/css, trang web, trang web, mã hóa, jquery, jQuery, bố cục, web tương tác, thiết kế web, danh mục đầu tư, xuất bản

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Những người có kiến ​​thức cơ bản về HTML/CSS nhưng ngại tạo trang web

  • Bất kỳ ai muốn chuyển từ nhà thiết kế đồ họa sang nhà phát triển front-end.

  • Bất kỳ ai muốn nhanh chóng tạo hồ sơ xin việc làm nhà thiết kế web hoặc nhà xuất bản

  • Những người muốn thiết kế và triển khai các bố cục khác nhau để làm việc với tư cách là nhà thiết kế hoặc nhà xuất bản web

Cần biết trước khi bắt đầu?

  • HTML/CSS

Xin chào
Đây là

8,328

Học viên

329

Đánh giá

224

Trả lời

4.8

Xếp hạng

14

Các khóa học

 안녕하세요? J.young 임자영입니다.

20여년간의 웹디자인 & 앱개발회사를 운영하며, 대학과 전문학교 및 직업훈련기관에서 UI.UX디자인,웹디자인, 웹퍼블리셔, 프론트엔드개발 강의를 하고 있습니다.

디자인이나 코딩에 대한 기초가 전혀 없는 학생들을 대상으로, 전문가(UI.UX디자이너/ 퍼블리셔/코딩하는 디자이너) 양성을 위해!!
- 기초부터 실무까지!
- 실무에서 원하는!
- 실무에서 바로 써 먹을 수 있는 포트폴리오 제작! 강의로 전문가로써 당당히 실무에 진출할 수 있도록 지도하고 있습니다.

그런 만큼... 많은 제자들이 실무자로써의 그 역량을 발휘하고 있습니다.

-UI/UX디자이너, 퍼블리셔, 프론트엔드개발자가 되고 싶어도 어디서 부터
어떻게 시작할지 막막하신 분들..
- 이직을 위한 정규 코스 학원을 다니고 싶어도 직장 생활로 인해 엄두도 못 내시는 분들..
- 코딩에 '코'자도 모르시는 분! 학원이나 유튜브 등으로 HTML/CSS기초는 배웠지만 -
도통...웹 퍼블리싱 개발 구현이란 남의 이야기이신 분들....

J.young이 도와드리겠습니다.!!
또한!! 학습하시다 궁금하신 점 있으시면 댓글 남겨주시면
도움이 드릴 수 있는 답을 드리도록 최선을 다하겠습니다.

* 오픈채팅방운영

보다 원활한 학습을 위해, J.young이 운영하는 잘난웹디 오픈채팅방에 가입하시면,
피그마, UI.UX, 코딩, 포트폴리오제작 관련 핵꿀팁과 무료웨비나 링크 등을 공유해드립니다.

오픈채팅방명 : 잘난웹디
코드 : jyoung

 

실무경력

- 2017~현) 웹개발 Director
- 2015년~2017년(주)엘리에셀 총괄 이사
- 2003년~2015년 (주)어뮤징웨어 총괄 이사
- 2003년: 서우씨앤디 디자인실장


- 현) UIUX & 웹포트폴리오 강의 진행 중(실무 진출 90프로 이상)

 

감사합니다^^ 


운영중인유튜브

잘난웹디
https://www.youtube.com/channel/UCISuuIbv_SnkE6d4oDgrBWQ

Chương trình giảng dạy

Tất cả

26 bài giảng ∙ (4giờ 0phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

21 đánh giá

4.8

21 đánh giá

  • runa3311085님의 프로필 이미지
    runa3311085

    Đánh giá 4

    Đánh giá trung bình 4.8

    5

    100% đã tham gia

    I was one of those who cheered when Bracket first came out from Adobe^^ There are various editors, but it was impressive that the instructor taught using Bracket. I am grateful that he taught the basics thoroughly while making responsive pages, and I really enjoyed the useful lecture, from understanding tags to using developer tools. Please open many more lectures that I would like to strongly recommend to people around me. Don't get tired in the heat and take care of your health^^

    • jyoung
      Giảng viên

      Thank you, Kate. I know that you have been cherishing my lectures and listening to them diligently. I sincerely appreciate it. I will prepare with the best attitude so that I can upgrade your skills and abilities with better lectures. The next lecture is scheduled to open in July. I apologize for the delay in the release due to the move. Thank you again^^

  • wonsakku님의 프로필 이미지
    wonsakku

    Đánh giá 6

    Đánh giá trung bình 4.3

    5

    100% đã tham gia

    It was a really satisfying lecture. I almost knew all the HTML tags and CSS properties used in the lecture, but it was amazing and fascinating to see the screen change every time I typed the code, saved it, and pressed F5. I'm looking forward to the next lecture, and thank you for uploading a great lecture.

    • jyoung
      Giảng viên

      WS K Thank you so much for your hard work and good class reviews. It makes me want to film harder^^ We will always be together with you in the future for better classes I sincerely thank you. Have a great day today^^

    • jyoung
      Giảng viên

      Hello~~ ws k I posted a notice about the class review event~~^^ Please check it out

  • topgun1220님의 프로필 이미지
    topgun1220

    Đánh giá 3

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    I am a father in my early 40s who currently runs a business. In order to prepare for the upcoming 4th industrial revolution, I became interested in coding, which is the core of IT technology, and I searched to learn the basics and create my own company homepage. Then, I ended up taking the instructor's course. I only knew the basics of HTML and CSS, but after listening to the instructor's lecture and creating an actual webpage, I understood it very well and learned a lot about how to use it in practice. This lecture was a very useful lecture that gave me confidence in creating webpages. I am also planning to take the instructor's Daebang Industry lecture soon. Based on what I learned from the instructor's lecture, I plan to create a wonderful company homepage and continue to learn related JavaScript languages to develop front-end. Thank you.

    • jyoung
      Giảng viên

      Thank you for your course review, Jo Dong-chan^^ You can study up to the front end from now on~~ You need to know the company homepage to manage it, and learn from it!! I support you!!! Thank you for taking the Daebang Industry course as well.. It will be a great help in adding Daebang Industry layout and fancy interactive elements. Thank you^^ J.young Dream

  • cnqjatlr21758261님의 프로필 이미지
    cnqjatlr21758261

    Đánh giá 3

    Đánh giá trung bình 5.0

    5

    65% đã tham gia

    I learned HTML and CSS, but there were a lot of things that were confusing. But while making a website, you explained well where and how to use it, so I was able to review it easily!

    • jyoung
      Giảng viên

      Thank you for your high course review, cnqjatlr2175. If you listen to the HTML/CSS Basic Solid Super Speed Complete Course (Free Course) that I uploaded this time, I think it will be very helpful for practical use. It is a basic course, but it will be helpful for practical application. Thank you^^ J.young Dream

  • dbstjdgy61339님의 프로필 이미지
    dbstjdgy61339

    Đánh giá 28

    Đánh giá trung bình 4.9

    5

    73% đã tham gia

    thank you

    • jyoung
      Giảng viên

      Thank you for your class review, Dong Kim. I will continue to come back with good lectures. Thank you^^

478.307 ₫

Khóa học khác của jyoung

Hãy khám phá các khóa học khác của giảng viên!

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!