Thẻ điện tử trên trang web của bạn


Trong hướng dẫn này, bạn sẽ tạo một trang web thiệp điện tử cho trang web của bạn. Chỉ cần về tất cả mọi người trực tuyến đã gửi hoặc nhận được một lời chào thẻ điện tử trực tuyến. Nhưng điều mà hầu hết mọi người không nghĩ tới là cách nó hoạt động. Khi bạn gửi lời chào bằng thiệp điện tử, bạn không thực sự gửi cho ai đó thiệp điện tử thực sự. Bạn gửi cho họ một tin nhắn email có chứa một liên kết đến trang web hiển thị lời chào thẻ điện tử trực tuyến.

Các trang web thẻ điện tử này được làm từ mã HTML đơn giản. Tôi nghĩ rằng nó sẽ là một dự án kỳ nghỉ tốt đẹp để tạo ra lời chào thẻ điện tử của riêng bạn cho trang web của bạn. Nhấn vào đây để xem thẻ điện tử đã hoàn thành. Tất nhiên, thẻ điện tử của bạn sẽ đẹp hơn những thẻ điện tử thương mại đó vì nó sẽ không có tất cả quảng cáo được đính kèm. Và bạn có thể nói với tất cả gia đình và bạn bè của bạn rằng bạn tự làm nó. Giống như bất kỳ thẻ điện tử trực tuyến nào, bạn sẽ có thể gửi email địa chỉ web cho thẻ điện tử của mình cho mọi người trong danh sách của bạn.

Nhưng bạn sẽ cần một số đồ họa web kỳ nghỉ cho thẻ điện tử này. Vì vậy, tôi đã tạo ra một hình ảnh nền đẹp cho trang web và một hình ảnh động nhỏ "Lời chào mùa". Hãy tạo một thư mục đặc biệt cho thẻ điện tử trực tuyến của bạn và gọi thư mục này là "Holiday". Sau đó, bạn có thể đặt hình ảnh và trang web vào thư mục này và tải toàn bộ lên trang web của bạn. Khi kỳ nghỉ kết thúc, bạn có thể xóa thư mục và nó sẽ không ảnh hưởng gì đến trang web chính của bạn cả.

Tải những hình ảnh này vào thư mục "Holiday" của bạn. Nhấp chuột phải vào hình ảnh dưới đây và lưu vào thư mục của bạn.


1. Hoạt hình:
MùaGreetings.gif

2. Bối cảnh:
SeasonsGreetingsbg.jpg


OK, mở trình soạn thảo văn bản của bạn và bắt đầu.

Bước 1. Khởi động HTML. Viết mã HTML cơ bản có trên mọi trang web HTML. Cần giúp đỡ?

Bước 2. Một tiêu đề cho thẻ điện tử của bạn. Nhập tiêu đề cho thẻ điện tử của bạn giữa và thẻ.

Bước 3. Thẻ meta. Đối với nhiệm vụ này, chúng tôi không quan tâm đến việc các công cụ tìm kiếm tìm và liệt kê trang web này để bạn có thể để trống các giá trị cho các thẻ meta ("").

Bước 4. Thẻ cơ thể. Một trong những hình ảnh mà bạn đã tải xuống là hình nền cho trang web thẻ điện tử của bạn. Nó được gọi là SeasonsGreetingsbg.jpg. Vì vậy, hãy thêm thuộc tính nền vào thẻ body.



Bước 5. Hãy tạo một bảng. Chúng tôi sẽ sử dụng một bảng HTML đơn giản có ba hàng, một ô trong mỗi hàng và đường viền được đặt thành không. Chúng ta cũng cần đặt thuộc tính align thành centre và thuộc tính valign ở dưới cùng cho mỗi ô của bảng. Cuối cùng, chúng tôi muốn bảng 100% chiều rộng của trang web. Cần giúp đỡ?

Bước 6. Thêm hình ảnh động. Bây giờ bạn đã sẵn sàng để thêm hình ảnh động mà bạn đã tải xuống. (SeasonsGreetings.gif) Như bạn có thể thấy hình ảnh động là một tệp gif và được trình duyệt xử lý như bất kỳ tệp hình ảnh gif nào. Bạn sẽ đặt hình ảnh hoạt hình này vào hàng thứ hai của bảng. Bạn có nhớ mã HTML cho một hình ảnh không?


viền = "0" alt = "ECard">
Ghi chú--Mũi tên chỉ ra rằng mã được gói thành một dòng thứ hai và thực sự nên nằm trên một dòng.

Tiếp theo →




Thanh toán online - cách tích hợp vào website! Cổng Thanh toán, Ví điện tử là gì?! (Tháng Tám 2020)



ĐiềU Thẻ: Thẻ điện tử trên trang web của bạn, HTML, trang web Ecard, Ecard, bưu thiếp, bưu thiếp internet, HTML, XHTML, DHTML, CGI được lưu trữ, máy chủ web, tên miền, tên miền, FTP, JPEG, GIF, CSS, cách thực hiện, xếp tầng biểu định kiểu, phần mềm miễn phí, phần mềm chia sẻ, W3C, World Wide Web Consortium, tiêu chuẩn, tập lệnh, mã nguồn, biểu định kiểu, web, ngôn ngữ, liên kết, khóa học

Bài ViếT ĐẹP ĐượC Ưa Thích

Genesis - Sự khởi đầu

Genesis - Sự khởi đầu

tôn giáo & tâm linh