Xây dựng landing page trong Webflow cho người mới bắt đầu | Webflow Tutorial
Trong video này, mình sẽ hướng dẫn các bạn cách xây dựng một landing page hoàn chỉnh bằng Webflow. Đây sẽ là một video dài và chi tiết. Mình sẽ đi qua từng bước, từ phân tích thiết kế, tạo cấu trúc trong Webflow. Từ đó xây dựng website trên desktop và mobile. Cuối cùng, chúng ta sẽ cùng tìm hiểu cách tạo animation trong Webflow.
Video này sẽ phù hợp với những bạn mới bắt đầu và muốn tìm hiểu về Webflow. Nếu bạn có bất kì câu hỏi gì, hãy comment phía dưới cho mình biết nhé.
Link design trong Figma: tinyurl.com/4t76939u
Đăng kí Webflow tại đây: webflow.grsm.io/wt2m7o062qu7
Video Chapters:
00:00 Intro
00:27 Giới thiệu về project
00:41 Phân tích design và chuẩn bị trong Figma
01:20 Tạo project trong Webflow
03:00 Xây dựng Hero Section trong Webflow
18:40 Xây dựng Navigation Bar
22:00 Xây dựng About Section
27:25 Xây dựng Features Section
33:11 Xây dựng CTA Section
36:25 Xây dựng Footer Section
40:10 Hoàn thiện một vài chi tiết ở Hero Section
43:20 Website Responsive
49:10 Animation
52:10 Outro
Connect with me:
Instagram: / lenonguyen
Twitter: / lenonguyen
Website: www.lenonguyen.com/
Пікірлер: 25
Cảm ơn bạn vì kênh channel hữu ích này, giúp ích cho cộng đồng UI Design rất nhiều trong việc học công cụ mới này
anh ơi làm thêm video về webflow đi ạ, em cảm ơn ah nhiều
@lenonguyen
10 ай бұрын
Thanks em. Mấy hôm nữa anh lên video mới nhé
@lenonguyen
10 ай бұрын
Video mới lên sóng rồi nhé em
Cám ơn bạn nhiều nhé. Nội dung ổn, mình mới tìm hiểu về Webflow và làm theo khá dễ
@lenonguyen
10 ай бұрын
Cảm ơn bạn. Đón xem những video sắp tới của mình nhé
Một video hướng dẫn tuyệt vời🎉 ủng hộ anh làm thêm video hướng dẫn về các giá trị cho các bạn hiểu hơn về REM, EM ❤ và em có một góp ý nho nhỏ về camera hiển vị của anh nên để ở vị trí khác vì là có một số phần các bạn cần theo dõi đầy đủ ở cột setting bên phải nhưng đã bị che đi. Quả là một video tuyệt vời
@lenonguyen
9 ай бұрын
Cảm ơn góp ý của bạn nhiều! Mình sẽ sớm làm thêm video về những giá trị đơn vị trong web, bạn đón xem và góp ý thêm cho mình nhé 🥳
Cảm ơn bạn rất nhiều về content chất lượng này. Giữ vững phong độ nhé bạn ^^
@lenonguyen
9 ай бұрын
Cảm ơn bạn đã ủng hộ. Đón chờ video mới của mình vào thứ 2 nhé
Mong anh ra thêm nhiều video về Webflow ạ. Cảm ơn anh nhiều!
@lenonguyen
10 ай бұрын
Video mới thứ 2 hàng tuần em nhé
Hay, thank a
Video chất lượng quá. Bạn làm thêm nhiều video nhỏ giới thiệu chi tiết thì tuyệt~~
@lenonguyen
9 ай бұрын
Cảm ơn bạn đã ủng hộ. Mình đang làm dần những video hướng dẫn ngắn hơn. Có tính năng hay hiệu ứng nào trong Webflow bạn muốn tìm hiểu không?
@LinhVu-zt6jj
9 ай бұрын
@@lenonguyenDạ có một số các phần thuộc code, html như các thuộc tính, thẻ… Input thông tin như font và chức năng của từng định dạng trong font sau đó output ra sản phẩm sử dụng như thế nào. Tại sao phải dùng đơn vị đo lường khác thay vì px.
@lenonguyen
9 ай бұрын
@@LinhVu-zt6jj Cảm ơn bạn. Mình sẽ sớm ra video giải thích các đơn vị đo lường trước nhé. Ngoài ra có thắc mắc hay chủ đề gì khác thì bạn cứ nhắn mình
xịn bạn êi 🎉🎉🎉
@lenonguyen
9 ай бұрын
Thanks bro
A ơi cho e hỏi chút là webflow này sẽ dùng hoàn toàn trên web hay là có thể dow về như figma ạ
@lenonguyen
Ай бұрын
dùng hoàn toàn trên web nhé em
anh làm lẹ dữ phải slow video lại mới xem kịp hehe. cho em hỏi nếu chỉnh sửa từng phiên bản thiết bị nó có bị tráo vị trí của những phiên bản hoặc bị vỡ k
@lenonguyen
10 ай бұрын
Chỉnh sửa trên các màn to sẽ ảnh hưởng xuống các màn nhỏ nhé bạn. Nếu những màn nhỏ hơn như Tablet/Mobile có những thay đổi đặc biệt thì bạn có thể chỉnh trực tiếp trên các màn này mà không lo ảnh hưởng ngược lên trên
bạn dùng gì để quay clip mà con trỏ mượt vậy ạ
@lenonguyen
10 ай бұрын
Mình dùng Screen Studio nhé bạn