inflearn logo
inflearn logo

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) 22 đánh giá

291 học viên

Độ khó Cơ bản

Thời gian Không giới hạn

HTML/CSS
HTML/CSS
Responsive Web
Responsive Web
jQuery
jQuery
Interactive Web
Interactive Web
HTML/CSS
HTML/CSS
Responsive Web
Responsive Web
jQuery
jQuery
Interactive Web
Interactive Web
날개 달린 동전

Giới thiệu Khóa học và tạo ra sự phát triển cùng thu nhập nhé!

날개 달린 동전

Đối tác tiếp thị

Giới thiệu Khóa học và tạo ra sự phát triển cùng thu nhập nhé!

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

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

4.8

5.0

김혜경

100% đã tham gia

Tôi là một trong những người đã cổ vũ khi Bracket lần đầu tiên rời Adobe ^^ Mặc dù có nhiều người biên tập nhưng tôi rất ấn tượng khi người hướng dẫn dạy trong ngoặc. Cảm ơn bạn đã cung cấp thông tin chi tiết về những điều cơ bản trong việc tạo một trang phản hồi. Tôi đã tham gia một khóa học thực sự hữu ích, từ hiểu thẻ đến cách sử dụng các công cụ dành cho nhà phát triển. Hãy tiếp tục mở thêm những khóa học mà tôi rất muốn giới thiệu cho bạn bè của mình. Đừng mệt mỏi vì nắng nóng và hãy giữ gìn sức khỏe nhé ^^

5.0

ws k

100% đã tham gia

Đó là một bài giảng thực sự thỏa mãn. Hầu như mọi người đều biết các thẻ HTML và thuộc tính CSS được sử dụng trong bài giảng. Thật ngạc nhiên và thú vị khi màn hình thay đổi mỗi khi tôi nhập mã, lưu mã hoặc nhấn F5. Tôi đang mong chờ bài giảng tiếp theo, và cảm ơn bạn đã đăng một bài giảng hay.

5.0

조동찬

100% đã tham gia

Tôi là một người đàn ông của gia đình, ngoài 40 tuổi, hiện đang điều hành công việc kinh doanh của riêng mình. Để chuẩn bị cho kỷ nguyên sắp tới của Cách mạng công nghiệp lần thứ 4, tôi bắt đầu quan tâm đến mã hóa, vốn là cốt lõi của công nghệ liên quan đến CNTT, và quyết định tìm hiểu những điều cơ bản và tạo trang web của riêng mình, vì vậy tôi đã tìm kiếm và lấy tài liệu của người hướng dẫn. khóa học. Mình chỉ biết cơ bản về HTML và CSS nhưng sau khi nghe thầy giảng và tạo một trang web thực tế, mình đã hiểu rất rõ và học được rất nhiều ứng dụng thực tế. Đây là một bài giảng rất hữu ích đã giúp tôi tự tin hơn trong việc tạo ra các trang web. Tôi cũng đang có kế hoạch sớm tham gia bài giảng về ngành công nghiệp Daebang của người hướng dẫn. Dựa trên những gì tôi học được từ bài giảng của người hướng dẫn, tôi dự định tạo một trang web công ty đẹp và tiếp tục học ngôn ngữ JavaScript liên quan để phát triển front-end. Cảm ơn

Bạn sẽ nhận được điều này sau khi học.

  • 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à jyoung

9,110

Học viên

367

Đánh giá

227

Trả lời

4.8

Xếp hạng

14

Các khóa học

"Tôi là J.Young, người hướng dẫn danh mục thiết kế và phát triển."

Tôi đã điều hành công ty thiết kế web và phát triển ứng dụng trong suốt 20 năm qua, trực tiếp trải nghiệm sự khốc liệt của thực tế. Dựa trên những kinh nghiệm đó, hiện tại tôi đang nỗ lực hết mình trong việc đào tạo các chuyên gia thế hệ kế cận, từ thiết kế UI/UX đến phát triển Front-end tại các trường đại học và cơ quan giáo dục chuyên nghiệp.

Triết lý giảng dạy của tôi rất rõ ràng.

  1. Từ cơ bản đến thực tiễn, kết nối không rào cản

  2. Cô đọng những kỹ năng cốt lõi mà doanh nghiệp thực tế đang tìm kiếm

  3. Hoàn thiện hồ sơ năng lực thực chiến giúp bạn xin việc thành công

Dành cho những ai đang mông lung không biết bắt đầu từ đâu, những nhân viên văn phòng mơ ước chuyển nghề nhưng thiếu thời gian, và cả những người mới bắt đầu cảm thấy lập trình là một câu chuyện xa vời. Tôi sẽ biến con đường 20 năm mình đã đi qua thành lối tắt dành cho các bạn. Cho đến ngày bạn có thể tự tin đứng vững với tư cách là một người làm nghề thực thụ, tôi sẽ nỗ lực hết mình để trở thành một người tiền bối (sasu) đáng tin cậy hỗ trợ các bạn.

J.young sẽ giúp đỡ bạn!!
Ngoài ra!! Nếu bạn có bất kỳ thắc mắc nào trong quá trình học tập, hãy để lại bình luận,
mình sẽ cố gắng hết sức để đưa ra câu trả lời hữu ích nhất cho bạn.

Kinh nghiệm thực tế

- 2017~Hiện tại) Giám đốc phát triển Web
- 2015~2017) Giám đốc điều hành Công ty Cổ phần Eliesel
- 2003~2015) Giám đốc điều hành Công ty Cổ phần Amusingwear
- 2003: Trưởng phòng Thiết kế Seowoo C&D


- Hiện tại)
- Giảng viên Bootcamp Quy hoạch web UIUX/ Thiết kế/ Front-end (Học viện Ezen DX - Chi nhánh Seocho)
- Giảng dạy chuyên sâu về Portfolio Thiết kế/Phát triển và hướng dẫn nhóm/cá nhân


* Kênh YouTube đang hoạt động (Nhà thiết kế biết lập trình)

Để việc học tập diễn ra thuận lợi hơn, nếu bạn tham gia vào phòng chat mở Jalnan Web-di do J.young điều hành,
tôi sẽ giải đáp các thắc mắc về bài giảng và phản hồi về portfolio.

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

 

Thêm

Đồng giảng viên

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ả

22 đánh giá

4.8

22 đánh giá

  • winterlove님의 프로필 이미지
    winterlove

    Đánh giá 4

    Đánh giá trung bình 4.8

    5

    100% đã tham gia

    Tôi là một trong những người đã cổ vũ khi Bracket lần đầu tiên rời Adobe ^^ Mặc dù có nhiều người biên tập nhưng tôi rất ấn tượng khi người hướng dẫn dạy trong ngoặc. Cảm ơn bạn đã cung cấp thông tin chi tiết về những điều cơ bản trong việc tạo một trang phản hồi. Tôi đã tham gia một khóa học thực sự hữu ích, từ hiểu thẻ đến cách sử dụng các công cụ dành cho nhà phát triển. Hãy tiếp tục mở thêm những khóa học mà tôi rất muốn giới thiệu cho bạn bè của mình. Đừng mệt mỏi vì nắng nóng và hãy giữ gìn sức khỏe nhé ^^

    • jyoung
      Giảng viên

      Cảm ơn bạn kate. Tôi biết rất rõ rằng bạn rất yêu thích khóa học của tôi và chăm chỉ lắng nghe nó. Cảm ơn rất nhiều. Để tôi có thể nâng cấp khả năng và kỹ năng của bạn với những bài giảng hay hơn. Chúng tôi sẽ chuẩn bị một cách tốt nhất có thể. Khóa học tiếp theo dự kiến ​​sẽ khai giảng vào tháng 7. Chúng tôi xin lỗi vì sự chậm trễ trong việc phát hành do di chuyển. Cảm ơn bạn một lần nữa ^^

  • wonsakku님의 프로필 이미지
    wonsakku

    Đánh giá 6

    Đánh giá trung bình 4.3

    5

    100% đã tham gia

    Đó là một bài giảng thực sự thỏa mãn. Hầu như mọi người đều biết các thẻ HTML và thuộc tính CSS được sử dụng trong bài giảng. Thật ngạc nhiên và thú vị khi màn hình thay đổi mỗi khi tôi nhập mã, lưu mã hoặc nhấn F5. Tôi đang mong chờ bài giảng tiếp theo, và cảm ơn bạn đã đăng một bài giảng hay.

    • jyoung
      Giảng viên

      WS K Cảm ơn bạn rất nhiều vì đã làm việc chăm chỉ và đánh giá tốt. Tôi có ý chí để bắn chăm chỉ hơn ^^ Chúng tôi sẽ luôn đồng hành cùng bạn với những khóa học tốt hơn trong tương lai. Cảm ơn rất nhiều. Chúc bạn hôm nay một ngày tốt lành ^^

    • jyoung
      Giảng viên

      Xin chào ~~ ws k đã đăng thông báo sự kiện ôn bài ~~ ^^ Mời các bạn xem qua

  • topgun1220님의 프로필 이미지
    topgun1220

    Đánh giá 3

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Tôi là một người đàn ông của gia đình, ngoài 40 tuổi, hiện đang điều hành công việc kinh doanh của riêng mình. Để chuẩn bị cho kỷ nguyên sắp tới của Cách mạng công nghiệp lần thứ 4, tôi bắt đầu quan tâm đến mã hóa, vốn là cốt lõi của công nghệ liên quan đến CNTT, và quyết định tìm hiểu những điều cơ bản và tạo trang web của riêng mình, vì vậy tôi đã tìm kiếm và lấy tài liệu của người hướng dẫn. khóa học. Mình chỉ biết cơ bản về HTML và CSS nhưng sau khi nghe thầy giảng và tạo một trang web thực tế, mình đã hiểu rất rõ và học được rất nhiều ứng dụng thực tế. Đây là một bài giảng rất hữu ích đã giúp tôi tự tin hơn trong việc tạo ra các trang web. Tôi cũng đang có kế hoạch sớm tham gia bài giảng về ngành công nghiệp Daebang của người hướng dẫn. Dựa trên những gì tôi học được từ bài giảng của người hướng dẫn, tôi dự định tạo một trang web công ty đẹp và tiếp tục học ngôn ngữ JavaScript liên quan để phát triển front-end. Cảm ơn

    • jyoung
      Giảng viên

      Jo Dong-chan Cảm ơn bạn đã đánh giá ^^ Từ giờ trở đi, bạn có thể đi đến tận giao diện người dùng. Bạn có thể học được không? Bạn cần biết website công ty để có thể quản lý nó. Con đường học tập!! Tôi ủng hộ bạn!!! Tiếp theo, tôi xin cảm ơn bạn đã tham gia khóa học Công nghiệp Daebang. Bố cục công nghiệp Daebang và các yếu tố tương tác đầy màu sắc được thêm vào. Nó sẽ giúp ích rất nhiều cho bạn. Cảm ơn bạn ^^ J.youngGiấc mơ

  • chu980505님의 프로필 이미지
    chu980505

    Đánh giá 3

    Đánh giá trung bình 5.0

    5

    65% đã tham gia

    Tôi đã học html và css, nhưng có rất nhiều thứ khó hiểu, nhưng tôi có thể dễ dàng xem lại vì họ đã giải thích cách thức và vị trí sử dụng chúng khi tạo web!

    • jyoung
      Giảng viên

      Cảm ơn bạn cnqjatlr2175 vì đánh giá cao của bạn. Sau đó, tôi cũng đã tải lên bài giảng khóa học hoàn chỉnh siêu tốc về HTML/CSS cơ bản (bài giảng miễn phí) mà tôi đã đăng lần này. Nếu bạn nghe qua, tôi nghĩ nó sẽ giúp ích rất nhiều trong việc sử dụng thực tế. Tuy là bài giảng cơ bản nhưng sẽ rất hữu ích khi áp dụng vào thực tế. Cảm ơn bạn ^^ J.youngGiấc mơ

  • jhlee0314님의 프로필 이미지
    jhlee0314

    Đánh giá 2

    Đánh giá trung bình 5.0

    5

    31% đã tham gia

    Khi đắm chìm vào làm thì thời gian trôi qua thật nhanh... Không có thời gian để cảm thấy chán nản^^ Thực sự khuyến khích việc học theo phong cách clone coding trước khi triển khai thực tế.

    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!

    469.243 ₫