![[Web Publishing Practice] Creating a Responsive Site강의 썸네일](https://cdn.inflearn.com/public/courses/328215/cover/336533da-bae5-46bd-888f-0f5f0fea43cd/328215-eng.png?w=420)
[Web Publishing Practice] Creating a Responsive Site
webstoryboy
Let's create a responsive web that freely changes the screen size according to the mobile, tablet, and web environment.
초급
Responsive Web
Nếu bạn đã theo dõi các bài giảng về tiêu chuẩn web và cách tạo trang web đáp ứng, thì giờ là lúc thực hành thực tế! Chúng ta sẽ tìm hiểu cách tạo một trang web đặt trước phim bằng cách chia nó thành phần thiết kế và phần mã hóa.
Thiết kế một trang web bằng Photoshop
Tạo một trang web đáp ứng
Tạo slide hình ảnh bằng plugin
Nhập API và hiển thị video
Triển khai các chức năng bằng JavaScript
Thực hành xuất bản thông qua sự bắt chước!
Tìm hiểu cấu trúc trang web thông qua thiết kế 🎨
Thực hành xuất bản, phần 1, theo dõi một trang web thực tế!
Khóa học này được chia thành hai phần: thiết kế và lập trình. Chúng ta sẽ tạo một trang web đặt vé xem phim dựa trên phiên bản cũ của trang web Megabox. Trong phần này, chúng ta sẽ thiết kế trang web Megabox bằng Photoshop , và trong phần lập trình, chúng ta sẽ xuất bản trang web. Việc tự thiết kế sẽ giúp bạn hiểu rõ cấu trúc của trang web. Nếu bạn không muốn tham gia khóa học thiết kế, bạn có thể bắt đầu với phần lập trình trước.
Tiến về đích thôi! Tôi sẽ cổ vũ cho sự nỗ lực của bạn.🧚🏻♀️
📢 Tài liệu tham khảo để đăng ký lớp học
*Nhấp vào từng hình ảnh để tới trang bài giảng tương ứng.
1. [Thực hành xuất bản web] Tạo một trang web chuẩn
Khóa học này sẽ giúp bạn biết cách tạo một trang web.
2. [Thực hành xuất bản web] Tạo trang web đáp ứng
Chúng tôi tạo ra trang web đáp ứng có thể tự do thay đổi kích thước màn hình theo môi trường web.
3. Tạo trang web bán vé xem phim: Thiết kế ( Bài giảng hiện tại)
Giờ là lúc thực sự bắt tay vào việc! Đây là phần đầu tiên của việc tạo một trang web đặt vé xem phim: thiết kế.
4. Tạo trang web đặt vé xem phim: Mã hóa
Giờ là lúc thực hiện việc thực tế! Phần 2 của việc xây dựng trang web đặt vé xem phim: lập trình.
H. Đây có phải là khóa học mà sinh viên không chuyên ngành cũng có thể tham gia không?
Có! Khóa học này bao gồm những kiến thức cơ bản, vì vậy ngay cả người mới bắt đầu cũng có thể dễ dàng theo dõi. ^^
H. Tôi có cần chuẩn bị gì trước khi tham dự buổi thuyết trình không?
Tất cả những gì bạn cần là Photoshop và niềm đam mê của bạn. ^^
H. Nội dung bài học được trình bày ở mức độ nào?
Phần này là lớp thiết kế, vì vậy bạn có thể theo dõi ngay cả khi bạn không biết gì về Photoshop. ^^
Khóa học này dành cho ai?
Những người muốn tạo bố cục đáp ứng từ lưới, đầu trang, chân trang và biểu ngữ
Bất kỳ ai muốn tìm hiểu về thiết kế UI/UX web bằng cách sao chép một trang web thực tế
Những người muốn làm việc như một nhà xuất bản web
Những người muốn tạo một trang web từng bước từ đầu
Cần biết trước khi bắt đầu?
Tạo một trang web tiêu chuẩn (tùy chọn)
Tạo một trang web đáp ứng (tùy chọn)
7,363
Học viên
97
Đánh giá
1
Trả lời
4.9
Xếp hạng
4
Các khóa học
안녕하세요! 🧑🏻💻
웹에 관심이 많고, 강의를 하고있는
웹 스토리보이입니다.
유튜브 채널 Webstoryboy에서
여러가지 강의를 제작합니다.
포기하지 않고 마지막 강의 까지 저와 함께 하나 하나씩 잘 따라와주면
웹 퍼블리셔에 한 발짝 더 다가가실 수 있을 거예요. 꼭 직접 해보셔야 실력이 늘 것입니다.
어렵거나 틀려서 잘 안 된다고, 모르겠다고 포기하시면 다른 사이트 만들 때도 힘이 들겠죠?
따라하시다가 틀리거나 안 되는게 있으시면 본인이 코딩한 것과 제 강의 소스를 비교하시면서
스스로 어디가 틀렸는지 찾아보세요. 그것 또한 공부가 될 거랍니다 🧚🏻♀️
오늘도 여러분의 열공을 응원하며, 화이팅입니다!
Tất cả
24 bài giảng ∙ (8giờ 13phút)
1. hoạt động cơ bản
12:54
2. hệ thống lưới
21:20
3. Hệ thống lưới 360
16:10
4. Hệ thống lưới 600
12:11
6. Hệ thống lưới 960
06:42
7. cách trình bày
17:51
8. tiêu đề
12:46
9. tiêu đề đáp ứng
19:25
10. ngọn cờ
33:09
11. Biểu ngữ đáp ứng
15:56
12. nội dung 1
24:38
15. nội dung 2
11:42
17. Nội dung 3
25:11
19. Nội dung 4
34:41
21. Nội dung 5
26:58
23. Chân trang
19:15
Tất cả
7 đánh giá
4.9
7 đánh giá
Đánh giá 597
∙
Đánh giá trung bình 4.9
Đánh giá 24
∙
Đánh giá trung bình 4.5
Đánh giá 868
∙
Đánh giá trung bình 5.0
Đánh giá 13
∙
Đánh giá trung bình 5.0
Đánh giá 8
∙
Đánh giá trung bình 5.0
Miễn phí
Hãy khám phá các khóa học khác của giảng viên!
Khám phá các khóa học khác trong cùng lĩnh vực!