Làm cách nào để lưu trang tính excel dưới dạng trang web tương tác?

Kính gửi các chuyên gia Excel,


Tôi đã tạo một trang tổng quan đẹp mắt trong excel với các biểu đồ (từ bảng tổng hợp) bằng bộ cắt. Tôi muốn lưu bảng điều khiển excel này dưới dạng trang web, trong khi vẫn duy trì các chức năng (sử dụng trình cắt để chọn các thứ, trên đó biểu đồ sẽ tự động điều chỉnh). Lưu dưới dạng trang web hoạt động tốt mà không gặp sự cố. Nhưng vấn đề là excel lưu nó dưới dạng hình ảnh nên bảng tính mất tất cả các chức năng của nó. Tôi đã tìm kiếm rất nhiều trên youtube, tôi đã tìm thấy một video trong đó giải thích và chứng minh rõ ràng điều này. anh ấy chỉ cần kiểm tra trong màn hình "lưu dưới dạng" một hộp kiểm "thêm tương tác" (excel có vẻ là phiên bản cũ hơn của tôi). Trong phiên bản excel của tôi, tôi không có dấu kiểm "thêm tương tác" ở chỗ đó, vì vậy tôi thực sự bế tắc

Làm cách nào để lưu trang tính excel dưới dạng trang web tương tác?

Trong cột A và B trên trang Xác thực của tôi (xem hình ảnh bên dưới), tôi có danh sách tên người dùng và mật khẩu được định dạng trong Bảng Excel có tên là 'bảo mật'

Mẹo. làm cho mật khẩu của bạn mạnh hơn một chút và khó đoán hơn mật khẩu của tôi 🙂

Làm cách nào để lưu trang tính excel dưới dạng trang web tương tác?

Trong ô E2 (xem hình trên), tôi có một công thức kiểm tra logic để kiểm tra xem tổ hợp tên người dùng và mật khẩu được nhập trong trang tổng quan (tương ứng trong các ô C3 và G3) có khớp với tổ hợp tên người dùng và mật khẩu trên trang Xác thực của tôi không

=INDEX(security[Password], MATCH(username,security[Username],0)) =password
Nếu chúng khớp nhau thì kết quả công thức là TRUE, ngược lại trả về FALSE

Trong tiếng Anh, công thức đọc

INDEX cột 'Mật khẩu' của bảng bảo mật và trả lại mật khẩu nằm trên hàng , TRÙNG VỚI tên trong ô in the ‘Username’ column of the security table, match it exactly, if it = the value in the cell named ‘password’ on the dashboard worksheet then return TRUE, if not return FALSE

Mỗi công thức trong phân tích của tôi được nhân với kết quả của công thức này. Khi bạn nhân với TRUE, nó giống như nhân với 1 và nhân với FALSE giống như nhân với 0

Tất cả chúng ta đều biết rằng bất cứ thứ gì nhân với 0 = 0, vì vậy nếu mật khẩu không khớp thì tất cả các công thức đều cho kết quả bằng 0 và không có gì được hiển thị trong bảng điều khiển

Nhớ. Bạn không phải thêm bước bảo vệ mật khẩu này. Nếu bạn không phiền khi John xem báo cáo của Bob và ngược lại, bạn có thể chỉ cần cung cấp danh sách thả xuống và để mỗi người chọn chế độ xem của họ và nếu họ muốn xem các kết quả khác thì cũng không sao

Bước 2. Ẩn mật khẩu. Định dạng ô G3 với định dạng số tùy chỉnh ;;;

CTRL+1 để mở hộp thoại Định dạng Ô > tab Số > Thể loại;

Làm cách nào để lưu trang tính excel dưới dạng trang web tương tác?

Bước 3. Ẩn trang tính

Sau khi tạo Bảng điều khiển Excel, bạn sẽ muốn ẩn mọi trang tính bí mật. Đây là một rào cản bổ sung đối với ai đó truy cập dữ liệu bí mật. Điều này không bắt buộc vì trang tính duy nhất hiển thị trong Ứng dụng web sẽ là bảng điều khiển, nhưng nếu ai đó tìm cách tải xuống sổ làm việc thì đây sẽ là một trở ngại khác khiến họ phải vượt qua trước khi thực sự định vị dữ liệu bí mật

Thông thường, chúng tôi chỉ cần nhấp chuột phải và ẩn các trang tính mà chúng tôi không muốn truy cập, sau đó đặt mật khẩu bảo vệ tệp để ngăn không cho chúng bị ẩn. Tuy nhiên, trong Ứng dụng web Excel, chúng tôi không thể hiển thị sổ làm việc có chứa mật khẩu bảo vệ, vì vậy chúng tôi sẽ sử dụng trình chỉnh sửa VBA để thay đổi thuộc tính trang tính thành '2 – xlSheetVeryHidden', do đó ẩn các trang tính

Ghi chú. chúng tôi sử dụng phương pháp này vì một trang tính VeryHidden thậm chí sẽ không hiển thị trong danh sách các trang tính ẩn có sẵn để hiển thị. tôi. e. khi bạn nhấp chuột phải vào tab trang tính và chọn bỏ ẩn. Ngoài ra, bạn không thể truy cập Trình chỉnh sửa VBA từ Ứng dụng web

  • Alt+F11 để mở trình soạn thảo VBA
  • Trong danh sách VBAProject, chọn trang tính bạn muốn ẩn, sau đó bên dưới trong Thuộc tính, thay đổi thuộc tính 'Hiển thị' thành '2 – xlSheetVeryHidden'

Làm cách nào để lưu trang tính excel dưới dạng trang web tương tác?

Bạn sẽ nhận thấy khi bạn thay đổi cài đặt này, trang tính sẽ tự động bị ẩn trong sổ làm việc. Lặp lại cho từng trang tính bạn cần ẩn rồi lưu tệp. Ghi chú. bạn không cần phải lưu sổ làm việc dưới dạng. xlsm vì thực tế không có mã VBA trong sổ làm việc

Bước 4. Đặt tên cho phạm vi bảng điều khiển của bạn

Đặt phạm vi được đặt tên cho khu vực bảng điều khiển của bạn. Chọn các ô chứa bảng điều khiển của bạn và đặt tên cho phạm vi trong Hộp tên

Làm cách nào để lưu trang tính excel dưới dạng trang web tương tác?

Điều này giúp dễ dàng chỉ định phạm vi bạn muốn hiển thị trong Ứng dụng web

Bước 5. Bảo vệ các ô – đây là tùy chọn nhưng nếu bạn không muốn mọi người vô tình làm hỏng báo cáo của mình (bạn biết họ sẽ làm vậy) thì bạn nên thận trọng bảo vệ các ô mà họ không cần chỉnh sửa. tôi. e. mọi thứ trừ ô tên người dùng và ô mật khẩu. Bạn không cần mật khẩu cho tính năng bảo vệ này, chỉ cần bật nó trong tab Xem lại > Trang tính bảo vệ là được

Bước 6. Xóa mật khẩu - trước khi bạn xuất bản Trang tổng quan lên trang web của mình, bạn sẽ muốn đảm bảo rằng mật khẩu trong ô G3 của trang tổng quan đã bị xóa. Nếu không, khi Ứng dụng web Excel tải trong trang web, nó sẽ hiển thị dữ liệu cho nhân viên bán hàng hiện được chọn. Giống như trong ví dụ của tôi ở trên

Tải nó lên OneDrive

nhấp để quay lại TOC

Bây giờ sổ làm việc bảng điều khiển của bạn đã sẵn sàng, đã đến lúc tải nó lên OneDrive và lấy mã JavaScript để nhúng Ứng dụng web Excel vào trang web của bạn

Bước 1. có cho mình một tài khoản OneDrive. Chúng miễn phí và đi kèm với 5GB dữ liệu, thực tế là nếu bạn đã có bất kỳ loại tài khoản Microsoft nào như Hotmail, Outlook. com, MSN, Office 365, v.v. thì bạn có thể tiếp tục và truy cập vào tài khoản OneDrive của mình

Ghi chú. Tài khoản OneDrive for Business yêu cầu một cách tiếp cận khác

Bước 2. Tải sổ làm việc Excel của bạn lên OneDrive

Làm cách nào để lưu trang tính excel dưới dạng trang web tương tác?

Nếu bạn có Excel 2013 trở lên thì có thể lưu vào OneDrive (không cần Upload)

Làm cách nào để lưu trang tính excel dưới dạng trang web tương tác?

Hoặc trong Excel 2010 vào tab File > Save & Send > menu Save to Web

Làm cách nào để lưu trang tính excel dưới dạng trang web tương tác?

Bước 3. Định vị tệp của bạn trên OneDrive và nhấp chuột phải và chọn 'Nhúng'

Làm cách nào để lưu trang tính excel dưới dạng trang web tương tác?

Bước 4. Nhấp vào liên kết 'Tùy chỉnh cách sổ làm việc được nhúng này sẽ xuất hiện với những người khác'

Làm cách nào để lưu trang tính excel dưới dạng trang web tương tác?

Bước 5. Tùy chỉnh nội dung bạn muốn hiển thị và cách hiển thị

Làm cách nào để lưu trang tính excel dưới dạng trang web tương tác?

OneDrive sẽ không cho phép bạn đặt chiều rộng thành bất kỳ giá trị nào lớn hơn 700. Ai biết tại sao, nhưng bạn có thể tự thay đổi điều này sau nếu cần

Bước 6. Sao chép JavaScript và dán nó vào trang web của bạn (xem bước tiếp theo để tạo trang web của bạn)

QUAN TRỌNG. Bạn phải chọn mã JavaScript trái ngược với 'Mã nhúng' (xem hộp cuối cùng trong hình trên). Nếu bạn sử dụng mã Nhúng, thanh Trình xem (thanh màu xám đậm ở cuối Ứng dụng Web Excel) sẽ vẫn chứa 2 biểu tượng hoàn toàn không có mục đích bỏ chọn tùy chọn 'bao gồm liên kết tải xuống'. họ đang

  1. Thông tin về sổ làm việc này
  2. Xem sổ làm việc có kích thước đầy đủ

Làm cách nào để lưu trang tính excel dưới dạng trang web tương tác?

Vấn đề với các biểu tượng này là chúng cho phép mọi người tải xuống sổ làm việc một cách dễ dàng vì nếu bạn chọn xem Ứng dụng web ở kích thước đầy đủ, nó sẽ bao gồm một nút mà sau đó bạn có thể mở tệp trong Excel

Ngoài ra, khi bạn sử dụng mã Nhúng, biểu tượng 'Thông tin về sổ làm việc này' sẽ cung cấp liên kết trực tiếp đến tệp trên OneDrive mà sau đó bạn có thể sử dụng để mở tệp trong Excel

Phương pháp mã nhúng thực hiện điều này mặc dù thực tế là chúng tôi đã chọn KHÔNG bao gồm liên kết tải xuống. Thật là bực bội

Đó là lý do tại sao bạn PHẢI chọn mã JavaScript. Vì một số lý do, JavaScript ẩn chính xác biểu tượng 'Xem sổ làm việc có kích thước đầy đủ' và 'Thông tin về sổ làm việc của anh ấy' không cung cấp liên kết trực tiếp tới tệp trên OneDrive giống như nếu bạn chọn mã Nhúng

Tạo trang web của bạn

nhấp để quay lại TOC

Để xem ứng dụng web, bạn cần tạo một trang web trong đó bạn có thể đặt mã bạn nhận được từ OneDrive. Bạn có thể đặt mã này vào một trang web do công ty của bạn lưu trữ để sử dụng nội bộ (mạng nội bộ) hoặc bạn có thể đặt mã này vào một trang web có thể truy cập được trên internet. Bạn có thể cần nhà phát triển web của mình trợ giúp việc này

Ngoài ra, bạn có thể tạo một tệp HTML đơn giản mà bạn có thể lưu trữ trên máy tính của mình. Tệp HTML sẽ mở trong trình duyệt của bạn và hoạt động tốt, mặc dù có thể sẽ không đẹp bằng lưu trữ trên trang web của riêng bạn

Tải xuống ví dụ này. html, MẸO Nhấp chuột phải vào liên kết này và chọn 'Save As' để lưu tệp vào máy tính của bạn

Hoặc nhấp chuột phải vào liên kết và mở trong một tab mới để xem giao diện của nó

Nếu bạn sử dụng tệp HTML để nhập mã OneDrive của mình, bạn có thể gửi tệp này qua email cho bất kỳ ai mà bạn muốn xem trang tổng quan của mình. Nó không kém an toàn hơn so với việc xem nó trên một trang web 'thông thường' và nó đi kèm với phần thưởng bổ sung là kích thước tệp sẽ rất nhỏ vì nó chỉ chứa một vài dòng mã

Một tệp HTML cơ bản chỉ là một tệp văn bản có một số mã đặc biệt trong đó. Tệp HTML mẫu tôi đã cung cấp ở trên trông như thế này

Làm cách nào để lưu trang tính excel dưới dạng trang web tương tác?

Để làm cho sổ làm việc được nhúng của bạn hoạt động, bạn chỉ cần thay thế mã tôi đã đánh dấu bằng màu cam bằng mã của riêng bạn được sao chép từ OneDrive

Xin lưu ý rằng tôi sử dụng Notepad ++ tuyệt vời để chỉnh sửa mã bao gồm cả HTML. Notepad++ cung cấp các tính năng hữu ích như tô màu các phần tử mã. Bạn có thể sử dụng Windows Notepad nhưng tính năng không phong phú bằng

If you want to change the page title – this is what the title of the page will be in the browser - just change the text between and . I’ve given my page the title ‘Embedded OneDrive Excel Workbook Example’.

Lưu tệp với mã của bạn và mở trong trình duyệt của bạn. Bạn nên xem sổ làm việc Excel được nhúng

Nếu bạn có một thanh cuộn ở cuối sổ làm việc được nhúng như thế này

Làm cách nào để lưu trang tính excel dưới dạng trang web tương tác?

Sau đó, bạn có thể cung cấp cho sổ làm việc nhiều chỗ hơn trên trang. Trong mã của bạn, hãy tìm bit ở trên cùng như thế này

và thay đổi giá trị chiều rộng thành giá trị lớn hơn. Tôi đã thay đổi kích thước của mình từ 700px thành 900px và thanh cuộn hiện đã biến mất

Nếu bạn có thanh cuộn dọc, hãy điều chỉnh giá trị chiều cao

Đừng lo lắng, bạn thực sự không thể phá vỡ bất cứ điều gì. Nếu bạn thay đổi giá trị thành giá trị quá lớn và sổ làm việc hiện nằm ngoài phía bên phải của trang, chỉ cần thay đổi giá trị chiều rộng thành giá trị nhỏ hơn và thử lại

Ẩn Thanh Trình xem Ứng dụng Web Excel - Tùy chọn

nhấp để quay lại TOC

Hãy nhớ thanh người xem là thanh màu xám đậm ở cuối Ứng dụng web. Tôi muốn ẩn của tôi vì tôi nghĩ nó làm cho báo cáo rõ ràng hơn, nhưng điều đó tùy thuộc vào bạn

Làm cách nào để lưu trang tính excel dưới dạng trang web tương tác?

Ẩn thanh người xem

Bởi vì đôi khi Microsoft thay đổi mã kiểm soát cách nhúng sổ làm việc, tôi thấy rằng JavaScript để ẩn thanh người xem đôi khi không hoạt động cho đến khi mã này được cập nhật để giải thích cho các thay đổi của Microsoft

Nếu bạn gặp sự cố, hãy liên hệ với tôi và tôi sẽ khắc phục mọi thứ

Ẩn thanh người xem bằng JavaScript

Tệp HTML ví dụ ở trên đã chứa mã JavaScript cần thiết để ẩn thanh trình xem, vì vậy nếu muốn khôi phục lại, bạn chỉ cần xóa mã này

Looking inside the example HTML file you'll see a bunch of code between two

Chúng tôi có thể làm điều này vì chúng tôi biết ID của Thanh người xem, đó là ewaSyndmyExcelDiv_m_ewaEmbedViewerBar

Các trang web được tạo thành từ nhiều yếu tố như văn bản, hình ảnh, đoạn văn và rất nhiều thứ khác 'dưới mui xe' không thực sự hiển thị trên màn hình của bạn. Bạn có thể cung cấp cho mỗi một trong những phần tử này một ID cho phép các lập trình viên thao tác với các phần tử của trang web, đó chính xác là những gì chúng tôi đang làm

Bằng việc biết ID của Viewer Bar, chúng ta có thể làm nhiều việc với nó, chẳng hạn như ẩn nó. Nhưng nếu ID của Thanh người xem bị thay đổi, JavaScript của chúng tôi để ẩn nó sẽ không hoạt động. Vì vậy, cảnh báo, nếu Microsoft thay đổi ID của thanh Người xem, JavaScript của tôi sẽ không ẩn nó

Nếu điều này xảy ra, chỉ cần cho tôi biết và tôi sẽ cố gắng tìm giải pháp khác cho vấn đề này

Các vấn đề về bố cục sổ làm việc trong Wordpress

nhấp để quay lại TOC

Chúng tôi đã có một số người đang sử dụng Wordpress báo cáo rằng khi nhúng sổ làm việc, định dạng và bố cục của sổ làm việc không đúng. Nó chỉ 'hiển thị kỳ lạ'

Nếu bạn chưa gặp loại sự cố này hoặc bạn không sử dụng Wordpress, bạn có thể bỏ qua toàn bộ phần này

Sau khi xem xét điều này, tôi nhận thấy rằng các biểu định kiểu trong Wordpress có thể ảnh hưởng đến cách hiển thị sổ làm việc

Giao diện và bố cục của một trang web được kiểm soát bởi các kiểu dành cho trang web đó. Những thứ như kích thước của phông chữ, màu sắc của văn bản, khoảng cách giữa các đoạn văn (về cơ bản là toàn bộ bố cục và giao diện trang web) được kiểm soát bởi Cascading Style Sheets của trang web hoặc CSS

Trong các tệp CSS này, tôi thấy rằng một số trang web Wordpress có các cài đặt cụ thể cho cách hiển thị bảng đang ảnh hưởng đến sổ làm việc được nhúng

Bạn có thể coi một bảng trong trang web chỉ là một dãy các hàng và cột, chứa các ô. Cũng giống như một cuốn sổ làm việc

Sổ làm việc nhúng được hiển thị trên một trang web dưới dạng bảng, vì vậy có thể bị ảnh hưởng bởi bất kỳ CSS nào dành cho bảng trên trang web mà sổ làm việc được nhúng vào

Giải pháp cho sổ làm việc được hiển thị không chính xác

Giải pháp cho vấn đề này là sử dụng kết hợp iframe và mã nhúng JavaScript

OK, trước tiên chúng ta hãy chậm lại một chút. Tôi biết tôi đã nói rất nhiều về công cụ lập trình web. JavaScript, CSS, iframe. Nhưng nó thực sự dễ dàng, chỉ cần làm theo các bước sau và bạn sẽ ổn thôi. Nhưng nếu bạn có bất kỳ vấn đề nào, hãy cho tôi biết, tôi rất vui được kiểm tra trang web của bạn

Phải, khung nội tuyến là một trong những thành phần 'nằm trong mui xe' trong trang web. Nếu bạn đã sử dụng 'Mã nhúng' từ One Drive, thì bạn đã sử dụng iframe. Khung nội tuyến cho phép bạn tải một trang web (hãy gọi nó là mục tiêu) bên trong một trang web khác (chúng ta sẽ gọi đó là máy chủ lưu trữ). Không thể thay đổi trang web trong iframe theo kiểu CSS của trang web lưu trữ. Đó chỉ là một trong những quy tắc của iframe và nó rất hữu ích cho chúng tôi trong trường hợp này

Tạo trang web của bạn theo các bước trên (sử dụng tệp ví dụ của tôi) và bạn sẽ có một. html mà bạn có mã nhúng JavaScript của mình. Nếu bạn mở cái này trong trình duyệt web, sổ làm việc của bạn sẽ tải

Bây giờ bạn cần đặt trang web này lên máy chủ web, máy chủ của trang web của riêng bạn hoặc máy chủ nội bộ của công ty bạn. Có thể bạn sẽ cần sử dụng FTP hoặc Bảng điều khiển do công ty lưu trữ của bạn cung cấp để thực hiện việc này. Hoặc nếu đó là máy chủ nội bộ, hãy nhờ nhân viên CNTT của bạn trợ giúp. Bạn sẽ cần lấy URL (liên kết) đến trang web này. Trang web của tôi được đặt tại https. //d13ot9o61jdzpp. phía trước đám mây. mạng/tệp/moth_embedded_workbook_js. html

Quay lại trang Wordpress của bạn, bạn thêm iframe và tham chiếu trang web của riêng bạn, sử dụng URL của nó. Nếu bạn muốn tải sổ làm việc mẫu của chúng tôi, bạn sẽ nhập cái này


Lưu ý cách tôi đã đặt các giá trị chiều rộng và chiều cao của khung nội tuyến để khớp với chiều rộng và chiều cao thực tế mà tôi muốn sổ làm việc

Lưu trang / bài đăng Wordpress của bạn. Đó là nó. Bây giờ sổ làm việc sẽ tải, thanh trình xem sẽ bị ẩn và sổ làm việc sẽ hiển thị mà không có bất kỳ bố cục lộn xộn nào

báo trước

nhấp để quay lại TOC

Bây giờ bạn đã sẵn sàng phát hành bảng điều khiển Excel Web App cho người dùng của mình, xin lưu ý rằng đây không phải là bảo mật chống đạn. Về bản chất, JavaScript được tải xuống và chạy trên máy tính của người đang xem trang web, điều đó có nghĩa là họ có thể truy cập mã và thay đổi nó

Bất kỳ ai biết đủ JavaScript đều có thể chỉnh sửa mã và tải xuống sổ làm việc Excel của bạn. Và nếu họ có thể làm điều đó thì có lẽ họ cũng có thể tìm cách bỏ ẩn các trang VeryHidden

Nếu bạn muốn làm cho nó khó hơn nữa, bạn có thể xáo trộn mã, điều này sẽ làm phức tạp thêm mã bằng cách chuyển đổi JavaScript từ 'JavaScript English' thành 'JavaScript Gobbledygook', nhưng một lần nữa, điều đó có thể được đảo ngược bằng nhiều công cụ trực tuyến khác nhau

Vì vậy, hãy nhớ rằng, cho đến khi Microsoft đưa ra một số biện pháp bảo mật phù hợp, bạn chỉ nên sử dụng tính năng này với các tài liệu không chứa thông tin siêu nhạy cảm hoặc bất kỳ thứ gì mà bạn thực sự không muốn mọi người xem

Sử dụng OneDrive khác

nhấp để quay lại TOC

OneDrive và Excel Web App có nhiều mục đích sử dụng. Tôi vừa minh họa một cái ở đây, tuy nhiên tôi khuyên bạn nên dành vài phút và nhấp vào đây để xem bạn có thể làm gì khác với nó

Excel Online và Excel Web App đang trong giai đoạn nâng cao liên tục, vì vậy những gì bạn không thể làm hôm nay, bạn có thể làm được vào ngày mai. Bài đăng này bao gồm các tính năng mới được thêm vào tháng 11 năm 2013

Bạn có thể làm cho Excel tương tác không?

Đăng ký nhận bản tin Fluence. Có, việc tạo trang tổng quan tương tác trong Excel là có thể và thực tế là dễ dàng hơn bao giờ hết. Tạo bảng điều khiển trong Excel là một cách cần thiết để trực quan hóa dữ liệu của bạn và giúp báo cáo Excel của bạn kể câu chuyện cần thiết.

Sổ làm việc Excel có thể được lưu dưới dạng HTML và xuất bản trên một trang Web không?

Chuyển đổi bảng Excel thành HTML bằng tùy chọn "Lưu dưới dạng trang web". Sử dụng phương pháp này, bạn có thể lưu toàn bộ sổ làm việc hoặc bất kỳ phần nào của sổ làm việc đó, chẳng hạn như một dải ô hoặc biểu đồ đã chọn, vào một trang web tĩnh (. htm hoặc. html) để bất kỳ ai cũng có thể xem dữ liệu Excel của bạn trên web.

Làm cách nào để nhiều người dùng có thể chỉnh sửa trang tính Excel trực tuyến?

Nhấp vào Chia sẻ sổ làm việc trong tab Đánh giá. Nhấp vào Chỉnh sửa và chọn hộp "Cho phép thay đổi bởi nhiều người dùng". Nhấp vào Nâng cao và chọn các tính năng theo dõi thay đổi và cập nhật mà bạn muốn sử dụng . Khi những người dùng khác chỉnh sửa và lưu sổ làm việc, bản sao của mỗi người sẽ cập nhật.