*** Tối ưu Offpage SEO nền tảng thành công SEO 2022 !
HOT **** Hướng dẫn tốt nhất về SEO Onpage 2022 !
Chú ý: Không chèn Link vô nghĩa trong bài viết !
Các thành viên bị lỗi đăng ký không gửi email vui lòng liên hệ Facebook: Lee Nam để được trợ giúp

Thiết kế layout website bằng Excel - ý tưởng tuyệt vời?

Thảo luận trong 'Kiến thức' bắt đầu bởi vanlinh, 8 Tháng năm 2017.

  1. vanlinh

    vanlinh Thành viên mới

    Tham gia ngày:
    8 Tháng năm 2017
    Bài viết:
    2
    Đã được thích:
    0
    Có những lý do hoặc tình huống sau dẫn đến bạn phải thiết kế layout website trước khi bắt tay làm.

    1. Khi đi gặp khách hàng trao đổi yêu cầu, bạn cần chắc chắn khách hàng đồng ý với phương án đó.
    2. Trước khi bắt tay thiết kế giao diện bạn cần chắc chắn UX (trải nghiệm người dùng) là hợp lý.
    3. Thiết kế layout website trước khi bắt tay thiết kế đảm bảo cho bạn không bị cạn ý tưởng trong quá trình làm.
    4. Mọi thứ được đảm bảo chuẩn mực không phụ thuộc vào cảm hứng của designer (thiết kế giao diện).
    Layout website là gì?
    Layout website hiểu một cách đơn giản là khung phác thảo, bố cục chung của website. Trước khi bắt tay thiết kế chi tiết bạn cần phải có một layout website đã hoàn chỉnh

    Một số ví dụ về layout website

    [​IMG]

    [​IMG]

    Dùng cái gì để thiết kế layout website

    Có rất nhiều cách để thiết kế layout website. Cách đơn giản nhất là vẽ bằng tay lên giấy!

    Ngoài ra bạn có thể sử dụng bất kỳ công cụ nào: Office Word, Excel, Photoshop, Illustrator, Balsamiq Mockup …

    Balsamiq Mockup cũng là phương án hay. Bạn có thể thử nó ở đây.

    Tại sao dùng Excel lại là phương án tuyệt vời?
    Lý do lớn nhất ở đây là Excel có sẵn các hàng và cột cho chúng ta dễ dàng thao tác. Các website bây giờ thường bố trí giao diện theo cột (thường là mỗi hàng 12 cột). Trong Excel bạn có thể chèn ảnh một cách rất dễ dàng. Dưới đây tôi sẽ chỉ cho các bạn cách thiết kế layout bằng Excel và những thủ thuật hay ho mà tôi tích cóp được :))

    Cách dùng Excel để thiết kế layout website
    [​IMG]

    Thông thường bạn chỉ cần dùng đến cột L (12 cột). Các cột sau đó có thể dùng để ghi chú.

    Các bạn xem qua một vài ví dụ sau sẽ hiểu ngay cách làm :))

    [​IMG]

    Với layout 12 cột, bạn có thể chia thành 2/10, 3/9, 4/8 hoặc 3/3/3/3, 4/4/4, 6/6 tùy theo cách bố trí của bạn
    #1
  2. nguyenduc123

    nguyenduc123 Thành viên chính thức

    Tham gia ngày:
    9 Tháng năm 2017
    Bài viết:
    84
    Đã được thích:
    5
    Cái này mình đã làm cách đay 10 năm rồi mà. Chúc các bạn thành công
    #2
  3. hungphugia.net

    hungphugia.net Thành viên chính thức

    Tham gia ngày:
    23 Tháng ba 2017
    Bài viết:
    44
    Đã được thích:
    8
    Rất bổ ích cho người mới như mình,cám ơn bạn nhiều
    #3
  4. khangdienreal

    khangdienreal Thành viên chính thức

    Tham gia ngày:
    23 Tháng tư 2017
    Bài viết:
    47
    Đã được thích:
    3
    em thì chịu tay ngang nhảy vào làm seo chứ thật sự nói về code thì mù tịt nện hơi đuối
    #4
  5. websitedanang

    websitedanang Thành viên chính thức

    Tham gia ngày:
    11 Tháng sáu 2017
    Bài viết:
    10
    Đã được thích:
    1
    Dùng để mô phỏng và ghi chú thì tuyệt với hơn, đúng nghĩa của nó hơn :D
    #5
  6. chithanhSEO

    chithanhSEO Thành viên mới

    Tham gia ngày:
    2 Tháng sáu 2016
    Bài viết:
    8
    Đã được thích:
    1
    trời ngồi mà chỉnh excel thì vẽ trên Photoshop còn nhanh gấp nhiều lần.
    #6
  7. Phan Thành Tuấn

    Phan Thành Tuấn Thành viên chính thức

    Tham gia ngày:
    14 Tháng tư 2017
    Bài viết:
    48
    Đã được thích:
    3
    Thật không bạn ??? Thế mà mình cứ nghĩ excel nhanh hơn chứ. Haizz
    #7
  8. Noi That Go

    Noi That Go Thành viên chính thức

    Tham gia ngày:
    14 Tháng sáu 2017
    Bài viết:
    21
    Đã được thích:
    5
    Cũng tuỳ người nữa bạn ơi, nếu bạn giỏi cái gì thì làm cái đó. Bạn trên giỏi photoshop thì vẽ nhanh hơn, còn một số người chỉ biết căn bản thì ngồi mò cũng tắt mặt trời cũng chưa ra. Chưa kể giỏi nhiều cái thì làm càng thêm nhiều việc, như mình toàn bị nhờ và nhờ làm dùm thôi =))
    #8
  9. vannguyen114

    vannguyen114 Thành viên chính thức

    Tham gia ngày:
    17 Tháng bảy 2015
    Bài viết:
    82
    Đã được thích:
    7
    Không phải đâu bạn, Excel cài link được , thành ra giống như 1 web thật, nhiều trang.
    #9
  10. Phan Thành Tuấn

    Phan Thành Tuấn Thành viên chính thức

    Tham gia ngày:
    14 Tháng tư 2017
    Bài viết:
    48
    Đã được thích:
    3
    Nói thật thì mình chấp giỏi PTS lun đó bạn, mình thì gà excel, chúng ta có thể đua thử
    #10
  11. 10comblog

    10comblog Thành viên chính thức

    Tham gia ngày:
    3 Tháng sáu 2015
    Bài viết:
    104
    Đã được thích:
    16
    ha ha, cách này đi ngược với công nghệ hiện đai, bây giờ thiếu gì công cụ để thiết kế layout website, hãy để excel làm công việc chính của nó
    #11
  12. mp3hvc

    mp3hvc Thành viên chính thức

    Tham gia ngày:
    23 Tháng hai 2016
    Bài viết:
    32
    Đã được thích:
    2
    Làm trên excel rồi code thế nào bây giờ ... mà làm như thế thì kiểm tra tương tác như thế nào .
    #12
  13. Phan Thành Tuấn

    Phan Thành Tuấn Thành viên chính thức

    Tham gia ngày:
    14 Tháng tư 2017
    Bài viết:
    48
    Đã được thích:
    3
    Bạn có thể chèn link, mỗi một trang thì bạn thiết kế 1 file (sheet) khác nhau rùi trỏ link về là dc
    #13
  14. Phan Thành Tuấn

    Phan Thành Tuấn Thành viên chính thức

    Tham gia ngày:
    14 Tháng tư 2017
    Bài viết:
    48
    Đã được thích:
    3
    À code thì code thui, vì cái này là layout trên excel mà code liên quan gì đâu
    #14
  15. mp3hvc

    mp3hvc Thành viên chính thức

    Tham gia ngày:
    23 Tháng hai 2016
    Bài viết:
    32
    Đã được thích:
    2
    Bạn có tài liệu hướng dẫn rõ hơn không?
    gởi giúp mình: mp3hvc@gmail.com , thanks!
    #15
  16. Phan Thành Tuấn

    Phan Thành Tuấn Thành viên chính thức

    Tham gia ngày:
    14 Tháng tư 2017
    Bài viết:
    48
    Đã được thích:
    3
    À cái này thì mình có kiến thức cơ bản về excel rùi, mình cảm thấy là làm được chứ k phải không được. Bạn nên nhớ cái này là layout thôi, giống như demo z đó.
    #16
  17. vannguyen114

    vannguyen114 Thành viên chính thức

    Tham gia ngày:
    17 Tháng bảy 2015
    Bài viết:
    82
    Đã được thích:
    7
    Cái nầy rất hưu ích cho các nhà thiết kế website , khi chưa có demo thật sự.
    Web bằng excel sẻ cho khách hàng thấy được nội dung từng trang, liên kết như thế nào, giống hnuw trang web thật sự
    #17
  18. Lan Vũ

    Lan Vũ Thành viên chính thức

    Tham gia ngày:
    26 Tháng sáu 2017
    Bài viết:
    10
    Đã được thích:
    2
    em muốn tạo 1 vài web để thu tiền từ quảng cáo ạ, nhưng chưa biết mua web bên nào chất lượng với giá rẻ, có bác nào tư vấn giúp em với ạ
    #18
  19. vampirephp

    vampirephp Thành viên chính thức

    Tham gia ngày:
    18 Tháng tám 2017
    Bài viết:
    47
    Đã được thích:
    1
    Thiết kế như vậy thì cũng được, tuy nhiên cần nhiều mẫu và ý tưởng hơn nữa
    #19
  20. vampirephp

    vampirephp Thành viên chính thức

    Tham gia ngày:
    18 Tháng tám 2017
    Bài viết:
    47
    Đã được thích:
    1
    #20

Chia sẻ trang này