inflearn logo

Tạo một trang web bán vé xem phim: Thiết kế

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.

(4.9) 7 đánh giá

1,176 học viên

Độ khó Cơ bản

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

Photoshop
Photoshop
Responsive Web
Responsive Web
Photoshop
Photoshop
Responsive Web
Responsive Web
Thumbnail

Đá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.9

5.0

Jang Jaehoon

13% đã tham gia

Cảm ơn vì bài giảng hay!

5.0

똘똘이스머프

100% đã tham gia

Cảm ơn bạn vì bài giảng. Nhờ có bạn mà tôi nghĩ mình đã có được rất nhiều kiến ​​thức để phát triển front-end. Tôi vẫn còn nhiều điều phải học và cần tích lũy kinh nghiệm, nhưng nó đã giúp ích cho tôi rất nhiều. Hãy luôn chăm sóc sức khỏe của bạn.

5.0

미갱이

100% đã tham gia

Cảm ơn Nó rất hữu ích trong việc tìm ra cách thiết kế theo kích thước!

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

  • 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ế 🎨

Bài giảng dành cho những người muốn trở thành nhà xuất bản web ✏️

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

  • Tải xuống nguồn
  • Tải xuống PSD
  • Nhấp vào từng mục sẽ đưa bạn đến trang web đó.
  • Chương trình được sử dụng trong bài giảng này là Adobe Photoshop CC 2018.

Lộ trình Dream Tree của Nhà xuất bản Web 🌲

*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.


Câu hỏi dự kiến Hỏi & Đáp 💬

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. ^^


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

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)

Xin chào
Đây là webstoryboy

7,526

Học viên

102

Đánh giá

1

Trả lời

4.9

Xếp hạng

4

Các khóa học

Xin chào! 🧑🏻‍💻

Tôi là người rất quan tâm đến web và hiện đang giảng dạy,
Webstoryboy đây ạ.

Trên kênh YouTube Webstoryboy,
tôi sản xuất nhiều bài giảng khác nhau.

Nếu bạn không bỏ cuộc và cùng tôi thực hiện từng bước một cho đến bài giảng cuối cùng,
bạn sẽ có thể tiến gần hơn một bước nữa để trở thành một Web Publisher. Bạn nhất định phải tự mình thực hành thì kỹ năng mới có thể tiến bộ được.

Nếu bạn bỏ cuộc vì khó hoặc sai nên không làm được, không hiểu thì khi làm các trang web khác cũng sẽ vất vả đấy phải không?
Nếu trong quá trình làm theo mà có chỗ nào sai hoặc không được, hãy so sánh code của bạn với source code bài giảng của tôi

và tự tìm xem chỗ nào sai. Điều đó cũng sẽ là một phần học tập đấy 🧚🏻‍♀️
Hôm nay cũng ủng hộ việc học tập chăm chỉ của các bạn, Fighting!

Thêm

Đánh giá

Tất cả

7 đánh giá

4.9

7 đánh giá

  • camorra0421님의 프로필 이미지
    camorra0421

    Đánh giá 24

    Đánh giá trung bình 4.5

    4

    100% đã tham gia

    Phải mất thời gian để học bằng cách làm theo từng cái một, nhưng tôi đã học được rất nhiều.

    • hyongsu44님의 프로필 이미지
      hyongsu44

      Đánh giá 868

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      Cảm ơn bạn vì bài giảng. Nhờ có bạn mà tôi nghĩ mình đã có được rất nhiều kiến ​​thức để phát triển front-end. Tôi vẫn còn nhiều điều phải học và cần tích lũy kinh nghiệm, nhưng nó đã giúp ích cho tôi rất nhiều. Hãy luôn chăm sóc sức khỏe của bạn.

      • sunburst773181님의 프로필 이미지
        sunburst773181

        Đánh giá 16

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        Cảm ơn Nó rất hữu ích trong việc tìm ra cách thiết kế theo kích thước!

        • capybara님의 프로필 이미지
          capybara

          Đánh giá 8

          Đánh giá trung bình 5.0

          5

          8% đã tham gia

          Tôi đã có một thời gian vui vẻ.

          • jjhgwx님의 프로필 이미지
            jjhgwx

            Đánh giá 740

            Đánh giá trung bình 4.9

            5

            13% đã tham gia

            Cảm ơn vì bài giảng hay!

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

            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!

            Miễn phí