Làm thế nào để bạn tạo một trang web google bằng html?

Khi bạn muốn xây dựng một trang web đơn giản, miễn phí, có thể khó tìm được công cụ xây dựng phù hợp. Một số chỉ cho phép bạn có một trang, trong khi một số khác khiến bạn phải tìm hiểu kỹ các menu để tìm ra cách sử dụng chúng. Điều gì sẽ xảy ra nếu bạn chỉ muốn kéo và thả một số văn bản và hình ảnh trong một bố cục đẹp mắt?

Như thường lệ, Google có câu trả lời của bạn

Trang web Google.  

Google Sites là gì?

Biến các biểu mẫu và khảo sát thành tăng trưởng kinh doanh

Tự động hóa biểu mẫu của bạn

Google Sites là công cụ xây dựng trang web của Google. Khi bạn so sánh Google Sites với. WordPress hoặc một trình tạo trang web nâng cao khác, nó sẽ không thực sự chất lượng—nó có ít tính năng hơn. Nhưng nó vẫn có những gì bạn cần để tạo blog, danh mục đầu tư, trang web kinh doanh hoặc mạng nội bộ của công ty. Nó cũng đủ đơn giản để người dùng không phải là doanh nghiệp tạo trang web cho gia đình, bạn bè và lớp học của họ

Trên thực tế, bạn có thể trở nên khá bóng bẩy với Google Sites. Báo cáo Trình tạo Trang web chia sẻ một số ví dụ về Google Sites có giao diện chuyên nghiệp, chẳng hạn như trang web dành cho Tiến sĩ. Nhóm thạch học của Xu Chu

Google Sites có miễn phí không?

Đúng. Bạn có thể xây dựng Google Site với chi phí bằng không. Ngoài ra, vì nó không có các mức giá nên bạn có được tất cả các tính năng của nó miễn phí

Cách sử dụng Google Site

Đi đến các trang web. Google. com và chọn một trong các tùy chọn ở trên cùng để bắt đầu một trang web mới. sử dụng một mẫu hoặc bắt đầu từ đầu. Bạn có thể chuyển sang trình chỉnh sửa cổ điển của Google Sites ở phía dưới bên trái của trang này, nhưng hướng dẫn này sẽ giải thích cách sử dụng trình chỉnh sửa mới

Vì mèo của tôi cần cải thiện sự hiện diện trực tuyến của chúng, tôi sẽ tạo một trang web cho chúng để làm ví dụ. Khi bạn xây dựng trang web của mình, hãy sử dụng tùy chọn xem trước trong menu trên cùng bên phải để xem trang web của bạn sẽ trông như thế nào trên các thiết bị khác nhau

Tạo tiêu đề

Mỗi trang Google Sites mới đều bắt đầu bằng tiêu đề tạo sẵn. Ở trên cùng bên trái của tiêu đề đó, bạn sẽ tìm thấy trường có nội dung Nhập tên trang web. Tên bạn nhập vào đây sẽ xuất hiện trên trang web của bạn nhưng bạn có thể đặt tên riêng cho trang web của mình trên trang Google Sites chính nơi bạn truy cập để chỉnh sửa trang web của mình

Khi bạn di chuột qua tên trang web, bạn sẽ có tùy chọn thêm logo xuất hiện ở bên trái của tên. Nó xuất hiện nhỏ, vì vậy hãy sử dụng một hình ảnh đơn giản và rõ ràng

Chuyển đến phía dưới bên trái của phần tiêu đề để chỉnh sửa tiêu đề của bạn. Chọn một hình ảnh để sử dụng làm nền của bạn, sau đó chọn từ bốn loại tiêu đề. chỉ trang bìa, biểu ngữ lớn, biểu ngữ hoặc tiêu đề. Ba tùy chọn đầu tiên hiển thị hình nền của bạn ở nhiều kích cỡ khác nhau, trong khi tùy chọn cuối cùng chỉ sử dụng văn bản tiêu đề

Góc dưới bên phải của phần có các tùy chọn để điều chỉnh hình ảnh để dễ đọc tiêu đề hơn và cho phép bạn chọn vị trí neo [chính giữa] hình ảnh của mình. Không có kích thước tiêu đề Google Sites được đặt. Thay vào đó, nó lấy hình ảnh của bạn và điều chỉnh nó theo các độ phân giải khác nhau dựa trên vị trí bạn neo nó. Tôi khuyên bạn nên sử dụng độ phân giải cao nhất có thể, sau đó kiểm tra xem tiêu đề của bạn trông như thế nào trên các thiết bị khác nhau bằng tùy chọn xem trước

Sau khi bạn quyết định kích thước biểu ngữ và hình nền của mình, hãy làm việc với văn bản tiêu đề. Nhấp vào nó để chỉnh sửa kiểu dáng, kích thước, phông chữ và căn chỉnh của nó. Kéo các dấu chấm ở đầu hộp văn bản để di chuyển hộp sang trái hoặc phải [nhưng không di chuyển lên hoặc xuống]. Hoặc xóa nó nếu bạn không muốn bất kỳ văn bản nào

Bạn muốn thêm hình ảnh lên trên hình ảnh tiêu đề của mình? . Bạn cũng có thể sử dụng nút giữa của menu để thêm các hộp văn bản bổ sung

Chọn một chủ đề

Nhấp vào tab Chủ đề ở đầu menu bên phải để sửa đổi thiết kế trang web của bạn. Mỗi chủ đề có một vài lược đồ màu và phông chữ cài sẵn

Tìm kiếm kiểm soát nhiều hơn? . Bạn có thể sửa đổi phông chữ và màu sắc theo nội dung trái tim của bạn

Thêm văn bản và phương tiện

Đã đến lúc tìm hiểu các yếu tố xây dựng trang web của Google Sites. Nhấp vào tab Chèn ở thanh bên phải để thêm các thành phần sau vào trang web của bạn

  • yếu tố cơ bản. Phần trên cùng của menu Chèn cho phép bạn chèn hộp văn bản hoặc hình ảnh, nhúng mã HTML hoặc thêm tệp Google Drive. Bạn cũng có thể truy cập các tùy chọn này thông qua menu hình tròn bằng cách nhấp đúp vào bất kỳ đâu trên trang web đang thực hiện của mình

  • khối nội dung. Các khối văn bản và hình ảnh tạo sẵn này giúp bạn tiết kiệm thời gian khi thêm các thành phần riêng lẻ và sắp xếp chúng

  • nhóm có thể thu gọn. Nhóm có thể thu gọn bao gồm một tiêu đề với các dòng văn bản có thể thu gọn bên dưới. Bạn có thể thay đổi bất kỳ tổ hợp nào của văn bản đầu trang và nội dung thành một nhóm có thể thu gọn bằng cách nhấp vào nút chuyển đổi Có thể thu gọn xuất hiện khi bạn nhấp vào hộp văn bản của chúng

  • Mục lục. Mục lục của Google Sites tự động tạo các liên kết chuyển đến các phần khác nhau trên trang web của bạn bằng cách sử dụng văn bản từ mỗi phần. Bạn có thể xóa các mục nhưng không thể thêm chúng

  • Băng chuyền hình ảnh. Thêm hai hoặc nhiều hình ảnh vào băng chuyền hình ảnh mà bạn có thể điều hướng bằng cách sử dụng các dấu chấm bên dưới băng chuyền hoặc để băng chuyền tự động duyệt qua các ảnh

  • nút. Tạo nút liên kết lấy phông chữ và màu sắc từ chủ đề của bạn

  • dải phân cách. Google Sites tạo dải phân cách đơn giản với thiết kế dựa trên chủ đề bạn đã chọn

  • Trình giữ chỗ. Phần trình giữ chỗ giữ không gian cho hình ảnh, video YouTube, Lịch Google hoặc Google Map

Giống như văn bản tiêu đề, bất kỳ hộp văn bản nào bạn thêm thông qua các thành phần này đều có các tùy chọn để thay đổi định dạng và kích thước của nó. Nhấp vào ba dấu chấm ở đầu bên phải của thanh chỉnh sửa để chỉnh sửa khoảng cách dòng, thêm thụt lề hoặc tạo định dạng kiểu mã. Các phím tắt bạn sử dụng trong Google Tài liệu để chỉnh sửa văn bản cũng hoạt động trong Google Sites

Kết hợp các yếu tố của Google

Sẽ không phải là Google nếu nó không tích hợp tốt với các ứng dụng khác của Google, và chắc chắn rồi, Google Sites cho phép bạn thêm nội dung từ các công cụ khác của Google thông qua menu Chèn. Mỗi tùy chọn liên quan đến Google sẽ đưa bạn đến một menu để tìm tệp hoặc phần tử tương tác mà bạn muốn chia sẻ. Chọn từ các tùy chọn này

  • YouTube. Nhúng video YouTube có thể phát vào trang web của bạn

  • Lịch. Chia sẻ lịch của bạn trong chế độ xem hàng tuần, hàng tháng và chương trình nghị sự

  • Bản đồ. Chèn Google Map tương tác của địa chỉ bạn chọn

  • Tài liệu, Trang trình bày, Trang tính và Biểu đồ. Thêm tệp Google ở ​​chế độ Xem vào trang của bạn

  • Các hình thức. Hiển thị Biểu mẫu Google mà khách truy cập có thể điền vào trang web của bạn

Chèn biểu mẫu liên hệ Google Sites

Google Sites không có tùy chọn biểu mẫu liên hệ gốc. Thay vào đó, bạn có hai tùy chọn để chèn một tùy chọn từ nguồn bên ngoài

  • Google Biểu mẫu. Tạo biểu mẫu liên hệ trong Google Biểu mẫu, sau đó sử dụng menu Chèn hoặc vòng tròn của Google Sites để thêm biểu mẫu đó

  • Nhúng mã từ ứng dụng của bên thứ ba. Kiểm tra xem ứng dụng đặt lịch hẹn hoặc ứng dụng biểu mẫu yêu thích của bạn có tùy chọn mã nhúng hay không, sau đó sử dụng tùy chọn Nhúng của menu Chèn hoặc vòng tròn

Sắp xếp các cột và phần

Sắp xếp lại các phần tử của bạn bất cứ lúc nào bằng cách nhấp và kéo các dấu chấm ở đầu mỗi phần tử. Các phần tử mới xuất hiện ở cuối trang và bạn có thể kéo chúng bên cạnh các phần tử hiện có để tạo cột

Mẹo. Để giữ hình ảnh của bạn ở tỷ lệ khung hình ban đầu, hãy kéo một góc để bắt đầu thay đổi kích thước ảnh, sau đó nhấn phím Shift để thay đổi kích thước theo tỷ lệ tương tự

Bạn có thể di chuyển các thành phần đơn lẻ sang trái hoặc phải, nhưng bạn không thể thay đổi vị trí dọc của chúng trong một phần. Ví dụ: tôi không thể sắp xếp các tiêu đề này với tâm của mỗi hình ảnh

Nhấp và kéo các dấu chấm ở bên trái của phần để di chuyển phần đó. Ở đó, bạn cũng sẽ tìm thấy các tùy chọn để thay đổi màu nền, sao chép hoặc xóa nó. Chuyển đổi màu nền của phần của bạn để thêm điểm nhấn và chia nhỏ hình ảnh

Thêm và quản lý trang

Hoàn thành với trang đầu tiên của bạn? . Chuyển đến biểu tượng + ở cuối menu để thêm trang mới. Nút này cũng cho phép bạn thêm liên kết bên ngoài hoặc danh mục menu vào menu tiêu đề của mình

Di chuyển tên trang trên menu Trang để thay đổi thứ tự của chúng trong menu trang web của bạn. Kéo một trang bên dưới một trang khác hoặc một danh mục menu để biến nó thành một trang con. Trên menu trang web của bạn, một trang con xuất hiện dưới dạng một mục menu thả xuống bên dưới trang mẹ hoặc danh mục của nó

Nhấp vào ba dấu chấm bên cạnh tên trang để biến nó thành trang chủ của bạn, sao chép nó, thêm trang con, ẩn nó khỏi menu hoặc xóa nó

Mẹo. Nếu bạn muốn sao chép nội dung nào đó từ trang này sang trang khác, hãy chọn phần đó trên trang web của bạn, nhấn

command + C hoặc Ctrl + C, sau đó dán vào trang mới

Xuất bản và cộng tác

Bây giờ là lúc để chia sẻ công việc khó khăn của bạn. Nhấp vào nút Xuất bản ở trên cùng bên phải của màn hình. Khi bạn xuất bản, bạn có thể đặt phần cuối của URL tùy chỉnh của mình. Bạn cũng có thể ẩn trang web của mình khỏi kết quả của Google nếu bạn muốn giữ nó ở chế độ riêng tư

Sau khi xuất bản, bạn có thể truy cập trang web của mình tại sites.google.com/view/yourwebaddress, như bạn có thể thấy bên dưới thanh địa chỉ Web trong hình trên

Trong tương lai, hãy nhấn Xuất bản bất cứ khi nào bạn thực hiện các thay đổi đối với trang web của mình và bạn đã sẵn sàng chia sẻ chúng một cách công khai. Bất cứ khi nào bạn xuất bản lại một trang web, Google Sites sẽ cho bạn thấy sự khác biệt giữa các chỉnh sửa mới của bạn và trang web hiện được xuất bản

Theo phong cách cổ điển của Google, bạn cũng có thể chia sẻ trang web của mình với những người khác và đặt họ làm người chỉnh sửa hoặc người xem. Nhấp vào biểu tượng người trong menu phía trên bên phải để thêm người và đặt quyền của họ

Nếu bạn có nhiều người làm việc trên trang web của mình, bạn có thể kiểm tra lịch sử phiên bản của nó bằng cách nhấp vào ba dấu chấm ở menu phía trên bên phải và đi tới Lịch sử phiên bản. Tùy chọn này hoạt động tương tự như tính năng lịch sử phiên bản của Google Tài liệu, cho phép bạn kiểm tra các phiên bản cũ và khôi phục trang web của mình

Chúc mừng bạn đã xây dựng một trang web. Đây là cách của tôi bật ra

Các câu hỏi thường gặp

Tôi có thể có miền tùy chỉnh trong Google Sites không?

Đúng. Bạn có thể thiết lập URL tùy chỉnh của Google Sites thông qua tùy chọn Cài đặt > Miền tùy chỉnh. Tính năng này cho phép bạn kết nối miền thông qua Google Domains hoặc bên thứ ba

Nếu bạn dự định sử dụng Trang web Google của mình cho các mục đích chuyên nghiệp, miền tùy chỉnh sẽ giúp trang web thêm phần bóng bẩy. Ngoài ra, nó khá rẻ để có được một cái khoảng 15 đô la một năm

Google Sites có tiện ích con không?

Google Sites không có tiện ích bên ngoài tùy chọn ứng dụng Google nhưng bạn có thể thêm bất kỳ tùy chọn bên ngoài nào bằng mã nhúng. Tìm tùy chọn Nhúng hoặc < > cho tiện ích. Tính năng Nhúng trong Google Sites chỉ có thể sử dụng mã HTML

Không vào nó?

Nếu Google Sites là trình tạo trang web miễn phí đầu tiên bạn dùng thử, hãy thử cho người khác xem bạn thích những tính năng nào hơn. Các lựa chọn của Zapier cho các công cụ xây dựng trang web miễn phí tốt nhất bao gồm một số tùy chọn có nhiều tính năng đẹp mắt nếu sự đơn giản của Google Sites không phải là thứ bạn đang tìm kiếm

Tôi có thể sử dụng HTML trên các trang web của Google không?

Bạn có thể nhúng mã CSS, HTML hoặc JavaScript trực tiếp vào Trang web của mình . Trong tab Chèn ở bên phải, chọn Nhúng. Tiếp theo, chọn tab Nhúng mã và dán mã vào hộp văn bản. Cuối cùng nhấn Next rồi nhấn Insert.

Làm cách nào tôi có thể tạo một trang web bằng HTML?

Làm theo các bước bên dưới để tạo trang web đầu tiên của bạn bằng Notepad hoặc TextEdit. .
Bước 1. Mở Notepad [PC] Windows 8 trở lên. .
Bước 1. Mở TextEdit [Mac] Mở Finder > Ứng dụng > TextEdit. .
Bước 2. Viết một số HTML. .
Bước 3. Lưu trang HTML. .
Bước 4. Xem trang HTML trong trình duyệt của bạn

Google sử dụng HTML nào?

Loại tài liệu. Sử dụng HTML5. HTML5 [cú pháp HTML] được ưu tiên cho tất cả các tài liệu HTML. DOCTYPE html> .

Tôi có thể tạo trang web của riêng mình bằng HTML không?

HTML là ngôn ngữ đánh dấu tiêu chuẩn để tạo trang web và CSS là ngôn ngữ mô tả phong cách của tài liệu HTML. Chúng tôi sẽ kết hợp HTML và CSS để tạo một trang web cơ bản. Ghi chú. Nếu bạn không biết HTML và CSS, chúng tôi khuyên bạn nên bắt đầu bằng cách đọc Hướng dẫn HTML của chúng tôi.

Chủ Đề