9 hướng dẫn về Webflow cho hướng dẫn tạo trang web cho người mới bắt đầu

Nếu bạn muốn xây dựng một trang web độc đáo với những ý tưởng ban đầu, các nhà xây dựng trang web tiêu chuẩn như Wix và Squarespace chỉ có thể giúp bạn cho đến nay. Webflow nâng cao hơn một chút, với nhiều tùy chọn và tính năng hơn so với trình tạo trang web DIY tiêu chuẩn của bạn. Tuy nhiên, những tính năng bổ sung đó có thể hơi phức tạp, vì vậy nếu bạn là người mới sử dụng nền tảng này, bạn có thể cần một số hướng dẫn về Webflow cho người mới bắt đầu.

Dưới đây, chúng tôi liệt kê 9 hướng dẫn về Webflow tốt nhất để bạn có thể tìm hiểu những thông tin chi tiết về phần mềm xây dựng trang web này. Nhưng trước tiên, hãy nói một chút về Webflow là gì và liệu nó có phù hợp với bạn hay không.

Webflow là gì?
–

Webflow là một công cụ thiết kế trang web để giúp mọi người xây dựng trang web mà không cần phải lo lắng về việc viết mã. Với giao diện kéo và thả, người dùng xây dựng trang web mà họ muốn trong trình chỉnh sửa và khi hoàn tất, Webflow sẽ tự động tạo HTML, CSS hoặc JavaScript thích hợp.

Nếu bạn đã quen với các trình soạn thảo như Squarespace hoặc Wix, thì Webflow sử dụng cấu trúc tương tự — nhưng có nhiều tùy chọn hơn. Đó là lợi thế của Webflow so với những người anh em họ hàng đơn giản hơn của nó; Webflow cung cấp nhiều tính năng nâng cao hơn và nhiều tùy chọn tùy chỉnh hơn, vì vậy bạn có thể “phá vỡ khuôn mẫu” và xây dựng các trang web hoàn toàn nguyên bản. Nếu bạn có một ý tưởng cụ thể trong đầu về cách bạn muốn trang web của mình trông như thế nào, Webflow có thể giúp đưa nó vào cuộc sống.

Tất nhiên, nhiều tính năng hơn có nghĩa là một đường cong học tập dốc hơn. Các nhà xây dựng trang nghiệp dư đổ xô đến các trang web như Wix hoặc Squarespace vì nó nhanh chóng và tiện lợi; Webflow cần một chút thời gian để tìm hiểu nếu bạn muốn tận dụng tối đa nó. Đó là lý do tại sao những hướng dẫn về Webflow này rất tiện dụng — nếu bạn gặp khó khăn và cần câu trả lời, bạn có thể tìm thấy chúng ở một trong chín nơi bên dưới.

1. “Hướng dẫn về Webflow cho người mới bắt đầu” (Tạp chí Torque)
–

Hướng dẫn về Webflow của Nick Schaferhoff dành cho Tạp chí Torque thực sự là một trong những hướng dẫn tốt hơn cho cái nhìn tổng thể: mọi thứ được sắp xếp gọn gàng theo danh mục để bạn có thể tìm thấy thứ mình cần và không bị sa lầy với các chi tiết kỹ thuật. Ý tưởng đằng sau bài viết này là để cho người đọc thấy những gì khác ngoài đó, nhưng nó không thiên vị một cách đáng ngạc nhiên và khen ngợi Webflow khi nó xứng đáng.

Đây là một cái nhìn rất rộng về Webflow. Mặc dù nó có thể bao gồm một số khía cạnh về cách sử dụng giao diện và những gì bạn có thể làm với nó, nhưng nó không thực sự là một hướng dẫn cách thực hiện. Thay vào đó, đây là phần giới thiệu về Webflow cho những người muốn có thêm thông tin chi tiết về các khả năng mà Webflow cung cấp.

Định giá:

Được đề xuất nếu:

• bạn không biết gì về Webflow
• bạn vẫn đang quyết định giữa Webflow và một nền tảng khác

2. “Học Webflow” từ Jen Kramer (LinkedIn Learning)
–

Cựu freelancer Jen Kramer chia sẻ những hiểu biết sâu sắc về ngành của cô ấy trong khóa học Webflow Học tập của cô ấy tại LinkedIn Learning. Khóa học này là một hướng dẫn chuyên sâu về cơ chế của Webflow, được rút gọn trong 1 giờ 46 phút.

Đây là bản tóm tắt cơ bản từ việc bắt đầu một dự án đến khi xuất bản một trang web đã hoàn thành, nhằm vào những người mới bắt đầu. Kramer trình bày cách sử dụng giao diện Webflow và cách thêm các yếu tố bạn cần, đồng thời chỉ ra cụ thể cách tạo các trang riêng lẻ như Trang chủ và Liên hệ.

Bởi vì đó là LinkedIn Learning, bạn sẽ cần phải sở hữu một đăng ký để xem nó. Nếu bạn đã đăng ký LinkedIn Learning, bạn có thể xem miễn phí, nhưng nếu không, bạn sẽ phải đăng ký.

Định giá:

• Đăng ký LinkedIn Learning với $ 39,99 / tháng

Được đề xuất nếu:

• bạn đã đăng ký LinkedIn Learning
• bạn muốn có một hướng dẫn dành cho người mới bắt đầu để có được những điều cơ bản

3. “Hướng dẫn dễ nhất về quy trình web cho người mới bắt đầu” của Jan Losert
–

Bỏ qua video và các khóa học trả phí, Hướng dẫn dễ nhất về Webflow cho người mới bắt đầu của Jan Losert là một bài báo trực tuyến miễn phí giải thích chức năng cơ bản của Webflow (và nơi tìm tất cả các nút). Cùng với ảnh chụp màn hình và ảnh gif, hướng dẫn này là hướng dẫn tham khảo nhanh hữu ích cho người mới bắt đầu.

Mặc dù nó không đi vào các kỹ thuật nâng cao hơn, nhưng nó có liên kết đến các tài nguyên khác như thư viện mẫu và bộ giao diện người dùng. Nó có thể có cấu trúc giống như sổ tay hướng dẫn của chủ sở hữu, nhưng giọng điệu thân thiện và biểu tượng cảm xúc của tác giả làm nhẹ tâm trạng.

Định giá:

Được đề xuất nếu:

• bạn thích hướng dẫn bằng văn bản hơn hướng dẫn bằng video — bạn có thể học theo tốc độ của riêng mình và ảnh chụp màn hình hữu ích có thể khá nhiều thông tin

4. “Webflow cho người mới bắt đầu: Một lớp học chính trong Webflow” (Udemy)
–

Webflow cho người mới bắt đầu: Masterclass trong Webflow là phần giới thiệu tốt cho những người mới bắt đầu học, với gần 5 giờ video được chia thành 36 bài giảng. Điều này hướng dẫn bạn cách sử dụng giao diện Webflow, tạo các phần tử riêng lẻ và xây dựng trang đích mẫu với tất cả các phần trang trí. Toàn bộ khóa học là $ 44,99, mặc dù đôi khi bạn có thể tìm thấy nó được bán.

Bạn cũng có thể xem Sử dụng Webflow để xây dựng doanh nghiệp thiết kế web của mình, một khóa học miễn phí, dành riêng cho việc kinh doanh với các chủ đề như SEO và dữ liệu bán hàng.

Định giá:

• Webflow cho người mới bắt đầu: Một lớp học chính trong Webflow với giá $ 44,99
• Sử dụng Webflow để xây dựng doanh nghiệp thiết kế web của bạn miễn phí

Được đề xuất nếu:

• bạn thích mô hình học tập của Udemy
• bạn muốn bao gồm mọi thứ bạn cần biết cho người mới bắt đầu sử dụng Webflow

5. “Cách cấu trúc trang web hiệu quả với Webflow” (Flux)
–

https://www.youtube.com/watch?v=zZMx_8FvjvQ

Hướng dẫn cách cấu trúc trang web hiệu quả với Webflow sẽ đi qua lý thuyết về cấu trúc trang web của bạn và cách thực hiện nó ngay trong Webflow. Đây là một lỗi phổ biến mà những người mới sử dụng Webflow mắc phải. Vì vậy, hãy tránh mắc phải sai lầm này và đỡ phải đau đầu sau này bằng cách xem video hướng dẫn dài 8 phút này!

Flux là kênh YouTube của nhà thiết kế Ran Segall, nơi anh và những người đồng tổ chức thảo luận về các chủ đề có liên quan cho ngành, từ lời khuyên kinh doanh đến các kỹ thuật chung. Nếu muốn nhiều hơn từ Flux, bạn có thể xem toàn bộ danh sách phát của họ dành riêng cho các hướng dẫn về Webflow.

Định giá:

Được đề xuất nếu:

• bạn mới sử dụng Webflow và cần một số kiến ​​thức cơ bản về cấu trúc

6. “Xây dựng một trang web đầy đủ trong Webflow” (Thiết kế + Mã)
–

Design + Code cung cấp khóa học đầy đủ, miễn phí này về cách sử dụng Webflow, với 12 video riêng biệt, chủ yếu từ 10-20 phút. Các chế độ xem chia sẻ màn hình này của Webflow ở định dạng video giúp bạn dễ dàng tìm hiểu theo cách của mình xung quanh phần mềm và xử lý các kỹ thuật nâng cao một cách dễ dàng.

Vì khóa học được chia thành 12 video riêng biệt nên bạn có thể dừng và bắt đầu theo tốc độ của riêng mình. Bạn cũng có thể chuyển từ một bài học như cách cuộn thị sai sang tạo hoạt ảnh Lottie, tùy thuộc vào đường cong học tập và sở thích của bạn.

Định giá:

Được đề xuất nếu:

• bạn muốn chia sẻ màn hình về việc sử dụng Webflow thực tế; những video này chỉ hiển thị giao diện Webflow tại nơi làm việc, có thể giúp một số kiểu người học nhất định tìm ra mọi thứ ở đâu và cách thực hiện các công việc họ cần.

7. “Cách chọn mẫu Webflow phù hợp” (Pixel Geek)
–

https://www.youtube.com/watch?v=A5cmGx3QtQM

Hãy đến với các hướng dẫn về Webflow, hãy ở lại vì cộng đồng! Pixel Geek là một nhóm hỗ trợ nổi tiếng dành cho các nhà thiết kế không sử dụng mã, với các dịch vụ huấn luyện và diễn đàn trò chuyện để giúp người mới bắt đầu. Kênh YouTube dành cho Pixel Geek được tổ chức bởi Nelson Abalos Jr.

Cách chọn mẫu Webflow phù hợp là một hướng dẫn dài 38 phút bao gồm mọi thứ bạn cần biết về các mẫu Webflow, những điều cần suy nghĩ khi xem qua các mẫu và tất nhiên, cách chọn mẫu phù hợp nhất cho bạn.

Nếu bạn đang tìm kiếm thêm các hướng dẫn về Webflow, Pixel Geek có hai danh sách phát riêng biệt: Webflow dành cho người mới bắt đầu và Webflow dành cho người dùng nâng cao. Các video kéo dài từ 5 phút đến hơn một giờ, nhưng với người dẫn chương trình lôi cuốn, chúng rất dễ khiến bạn say mê.

Định giá:

Được đề xuất nếu:

• bạn muốn một giáo viên dễ thương hơn, ít lâm sàng hơn
• bạn cũng muốn trở thành một phần của cộng đồng Pixel Geek

8. “Quy trình web dành cho doanh nhân và nhà thiết kế UI / UX” (Skillshare)
–

Webflow dành cho doanh nhân và nhà thiết kế UI / UX sẽ trình bày những điều bạn cần biết về Webflow bao gồm CSS Grid và CMS (Hệ thống quản lý nội dung). Bạn sẽ học tất cả từ đầu nên không cần phải lo lắng nếu bạn không có bất kỳ kiến ​​thức nào trước đó. Bản thân người hướng dẫn là một nhà thiết kế UI / UX khi anh ấy bắt đầu và không biết cách viết mã hay phát triển một trang web.

Nếu bạn đã có tư cách thành viên Skillshare và muốn tham gia một số khóa học cấp chuyên gia, hãy xem Webflow Advance & CMS.

Định giá:

• 8 đô la / tháng (2,49 đô la / tháng nếu thanh toán hàng năm)

Được đề xuất nếu:

• bạn đã đăng ký Skillshare Premium

9. “Khóa học thiết kế web cơ bản” (Đại học Webflow)

Đại học Webflow là cái tên hàng đầu trong các hướng dẫn về Webflow. Khóa học thiết kế web cơ bản của họ sẽ bao gồm mọi thứ từ cơ bản và nguyên tắc cơ bản đến các chủ đề nâng cao hơn khi học cách xây dựng trang web trong Webflow.

Nó được thiết lập giống như học trực tuyến tiêu chuẩn với các khóa học về các chủ đề khác nhau liên quan đến Webflow, mỗi khóa học được chia thành các bài học video riêng lẻ từ khoảng 1 đến 20 phút.

Và nếu điều đó là chưa đủ, Đại học Webflow có một loạt các chủ đề ấn tượng, bao gồm các khóa học dành cho người mới bắt đầu, trung cấp và nâng cao. Họ cũng đi sâu vào mã hóa tùy chỉnh, là tùy chọn, nhưng có thể giúp bạn thực sự cá nhân hóa trang web của mình. Nếu bạn đang tìm cách xây dựng một trang web cho một doanh nghiệp cụ thể, chẳng hạn như thương mại điện tử, họ thậm chí có các lớp học chỉ dành cho điều đó.

Định giá:

Được đề xuất nếu:

• bạn đã không tìm thấy những gì bạn đang tìm kiếm trong các hướng dẫn Webflow khác — hướng dẫn này có một cái gì đó cho tất cả mọi người!

Làm thế nào để có được trang web hoàn hảo của bạn
–

Cho dù bạn muốn hướng dẫn Webflow bằng video hay hướng dẫn dựa trên văn bản, học trực tuyến có trả phí hoặc thứ gì đó miễn phí hơn một chút, bạn có thể tìm thấy những gì bạn cần trong danh sách trên. Các hướng dẫn về Webflow này bao gồm tất cả các cấp độ học tập, từ các chuyên gia hoàn thiện kỹ năng của họ đến những người chỉ mới biết rằng Webflow tồn tại gần đây.

Nếu bạn muốn trợ giúp từ một nhà thiết kế chuyên nghiệp để tạo ra giao diện cho trang web lý tưởng của mình, chúng tôi có rất nhiều nhà thiết kế có thể giúp bạn có được trang web chính xác theo cách bạn muốn.