Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Web Development

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,125 học viên

  • webs
example
Photoshop
Responsive Web
Thumbnail

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

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

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

7,299

Học viên

95

Đánh giá

1

Trả lời

4.9

Xếp hạng

4

Các khóa học

안녕하세요! 🧑🏻‍💻

웹에 관심이 많고, 강의를 하고있는 
웹 스토리보이입니다.

유튜브 채널 Webstoryboy에서 
여러가지 강의를 제작합니다.

포기하지 않고 마지막 강의 까지 저와 함께 하나 하나씩 잘 따라와주면
웹 퍼블리셔에 한 발짝 더 다가가실 수 있을 거예요. 꼭 직접 해보셔야 실력이 늘 것입니다.

어렵거나 틀려서 잘 안 된다고, 모르겠다고 포기하시면 다른 사이트 만들 때도 힘이 들겠죠?
따라하시다가 틀리거나 안 되는게 있으시면 본인이 코딩한 것과 제 강의 소스를 비교하시면서

스스로 어디가 틀렸는지 찾아보세요. 그것 또한 공부가 될 거랍니다 🧚🏻‍♀️
오늘도 여러분의 열공을 응원하며, 화이팅입니다!

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

Tất cả

24 bài giảng ∙ (8giờ 13phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

7 đánh giá

4.9

7 đánh giá

  • jjhgwx님의 프로필 이미지
    jjhgwx

    Đánh giá 495

    Đánh giá trung bình 4.8

    5

    13% đã tham gia

    Thank you for the great lecture!

    • camorra0421님의 프로필 이미지
      camorra0421

      Đánh giá 24

      Đánh giá trung bình 4.5

      4

      100% đã tham gia

      It took time to learn by following along one by one, but I learned a lot.

      • hyongsu44님의 프로필 이미지
        hyongsu44

        Đánh giá 868

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        Thank you for the lecture. I think I gained a lot of knowledge for front-end development thanks to it. I still have a lot to learn and need to acquire it, but it was very helpful. Always take care of your health.

        • sunburst773181님의 프로필 이미지
          sunburst773181

          Đánh giá 11

          Đánh giá trung bình 5.0

          5

          100% đã tham gia

          Thank you so much, it really helped me figure out how to design according to size!

          • capybara님의 프로필 이미지
            capybara

            Đánh giá 8

            Đánh giá trung bình 5.0

            5

            8% đã tham gia

            Have fun.

            Miễn phí

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

            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!