[Mẹo thiết kế web] Thiết kế website php - Định màu chữ, màu nền
Thứ Tư, 21/10/2015, 13:45 GMT+7Khi thiết kế website bán hàng mà website của bạn sở hữu một màu sắc đẹp thì bạn hoàn toàn có thể vượt mặt được đối thủ cạnh tranh của mình. Dưới đây là một số cách
để bạn có thể thiết kế web chuẩn seo liên quan đến việc chọn màu cho trang website.
Thiết kế website php - Định màu chữ, màu nền
Yêu cầu thiết kế website
- Đặt tên cho Form
- Thiết lập phương thức cho Form là post
- Và action của Form là tên của trang
- Sử dụng điều khiển TextField, Button
Nút lệnh Xem kết quả
- Khi chọn, thực hiện
Xuất nội dung người dùng nhập ra một paragraph hay table có màu chữ và màu nền như người dùng đã nhập
Hướng dẫn giải
-Tạo một trang tên là dinh_dang.php
- Lần lượt lấy các giá trị trên form thông qua biến $_POST
$ten_bien = $_POST[“ten_dieu_khien”];
Ví dụ: $noi_dung = $_POST[“noi_dung”]; -> lấy giá trị điều khiển TextField có tên là noi_dung
-Tạo một table có màu nền là màu lấy đã lấy được là: bgcolor = '#".$mau_nen."'
- Trong table, ta thêm vào một dòng.
- Trên dòng đó, ta xuất nội dung mà nguời dùng đã nhập (dùng echo) có màu chữ đã lấy được giá trị là: <font color='#".$mau_chu."'>
Kêt quả:
Kết quả sau khi nhấn Xem kết quả
Code bài giải - website bán hàng chuẩn seo
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>dinh dang mau chu-mau nen</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="dinh_dang_mau_chu_mau_nen.php">
<table width="350" border="0" align="center" cellpadding="1" cellspacing="1" bgcolor="#FF9966">
<tr>
<td colspan="2" bgcolor="#66FF00"><div align="center"><em><strong>ĐỊNH DẠNG MÀU CHỮ - MÀU NÊN </strong></em></div></td>
</tr>
<tr>
<td width="75">Nội dung </td>
<td width="268"><label>
<input name="noi_dung" type="text" id="noi_dung" value="<?php echo $_POST["noi_dung"];?>" size="40" />
</label></td>
</tr>
<tr>
<td>Màu chữ </td>
<td><label>
<input name="mau_chu" type="text" id="mau_chu" value="<?php echo $_POST["mau_chu"];?>" />
</label></td>
</tr>
<tr>
<td>Màu nền </td>
<td><label>
<input name="mau_nen" type="text" id="mau_nen" value="<?php echo $_POST["mau_nen"] ;?>" />
</label></td>
</tr>
<tr>
<td colspan="2"><div align="center">
<label>
<input type="submit" name="Submit" value="Xem kết quả!" />
</label>
</div></td>
</tr>
</table>
</form>
<p>
<?php
$noi_dung=$_POST["noi_dung"];
$mau_chu=$_POST["mau_chu"];
$mau_nen=$_POST["mau_nen"];
?>
</p>
<p> </p>
<table width="350" border="0" align="center" cellpadding="2" cellspacing="2"bgcolor="#<?php echo $mau_nen;?>">
<tr>
<td align="center"> <font color="#<?php echo $mau_chu;?>"><?php echo $noi_dung;?></font></td>
</tr>
</table>
</body>
</html>
Bạn đang cần làm website bán hàng hãy liên hệ với Chúng tôi để được hỗ trợ và tư vấn thiết kế website hiệu quả nhất!
Bình luận
No avatar
|
|
|
Các tin khác
|
||
|
||
|
||
|
||
|
Các tin mới
|
||
|
||
|
||
|
||
|
Mẹo thiết kế web
5 cách 'nâng cấp' độ tiện dụng cho website bán hàng (16/12/2015 14:33)- 10 lưu ý khi thiết kế website trên thiết bị di động (16/12/2015 14:30)
- Phối màu cho website (03/12/2015 13:26)
Thiết kế web nhanh
[Thiết kế web nhanh] Thiết kế website thuê nhà nguyên căn - thuenhanguyencan.com (25/10/2015 17:19)- [Thiết kế web nhanh] Thiết kế website công nghệ - semla.org.vn (25/10/2015 17:18)
- [Thiết kế web nhanh] Thiết kế website thực phẩm - iwrs.org.vn (25/10/2015 17:17)
Mua Bán Nhanh
Bán lẻ giá sỉ điện máy (04/11/2015 10:04)- Tiếp Thị Gia Đình đưa tin về Muabannhanh.com – Cộng đồng dành cho người bán lẻ (02/11/2015 09:26)
- Bán nhà quận 5 chính chủ giá rẻ (30/10/2015 14:22)
Trang mua sắm
Đánh giá khả năng vận hành Toyota Land Cruiser 2016 (30/08/2016 13:57)- Đánh giá nội thất Toyota Camry 2016 (18/08/2016 11:42)
- Đánh giá mức độ an toàn xe Toyota Vios 2016 (12/08/2016 09:40)
Điều khoản sử dụng
Chính sách bảo mật thông tin (14/08/2015 10:34)- Chính sách bảo hành (25/10/2015 17:04)
- Chính sách giao nhận cài đặt (25/10/2015 17:02)