用 DW 编写 PHP 网站主题教程
一、开发环境准备
(一)安装 Dreamweaver
前往 Adobe 官方网站下载 Dreamweaver 软件,目前 Dreamweaver 2024 版本在功能和兼容性上表现出色。下载完成后,根据安装向导完成安装,安装过程中可选择默认设置,也可根据个人需求自定义安装路径。
(二)搭建 PHP 运行环境
- 本地服务器软件:推荐使用 XAMPP 或 WAMP,它们集成了 Apache、MySQL、PHP 等运行 PHP 网站所需的组件。以 XAMPP 为例,访问其官方网站下载对应操作系统版本的安装包,安装完成后,在 XAMPP 控制面板中启动 Apache 和 MySQL 服务。
- 配置 PHP 环境:安装完成后,找到 PHP 安装目录下的php.ini文件,可通过编辑该文件来调整 PHP 的运行参数,如设置最大上传文件大小、内存限制等。例如,将upload_max_filesize设置为合适的值,以便支持大文件上传;将memory_limit适当调大,避免因内存不足导致程序运行出错。
二、创建 DW 项目
(一)新建站点
打开 Dreamweaver,点击菜单栏中的 “站点” - “新建站点”。在弹出的对话框中,设置站点名称(如 “PHP 网站主题项目”),并选择本地站点文件夹,该文件夹将用于存放网站的所有文件。接着,设置服务器信息,在 “服务器” 选项卡中,点击 “添加服务器”,输入服务器名称(自定义),选择连接方法为 “本地 / 网络”,并指定服务器文件夹为 XAMPP 或 WAMP 安装目录下的htdocs文件夹(或自定义的网站根目录)。最后,在 “测试” 选项卡中,选择 “PHP MySQL”,点击 “测试” 按钮,确保连接成功。
(二)创建 PHP 文件
在 DW 的 “文件” 面板中,右键点击站点名称,选择 “新建文件” - “PHP”,创建一个新的 PHP 文件,命名为index.php,这将作为网站的首页文件。同理,可根据网站功能需求,创建其他 PHP 文件,如about.php(关于页面)、contact.php(联系我们页面)等。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PHP网站主题</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- 网页内容将在此处添加 -->
</body>
</html>
二)添加 PHP 代码
- PHP 基础语法应用:在<body>标签内,可插入 PHP 代码块,使用<?php?>标签包裹 PHP 代码。例如,输出一段欢迎信息:
-
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>PHP网站主题</title> <link rel="stylesheet" href="styles.css"> </head> <body> <?php echo "欢迎访问我的PHP网站!"; ?> </body> </html>
动态数据展示:若要从数据库中获取数据并展示在网页上,首先需要连接数据库。在 PHP 文件顶部,使用mysqli_connect()函数连接 MySQL 数据库,示例代码如下:
-
<?php $servername = "localhost"; $username = "root"; $password = ""; $dbname = "your_database_name"; // 创建连接 $conn = mysqli_connect($servername, $username, $password, $dbname); // 检测连接 if (!$conn) { die("连接失败: ". mysqli_connect_error()); } // 查询数据 $sql = "SELECT * FROM your_table_name"; $result = mysqli_query($conn, $sql); if (mysqli_num_rows($result) > 0) { // 输出数据 while($row = mysqli_fetch_assoc($result)) { echo "ID: ". $row["id"]. " - 名称: ". $row["name"]. "<br>"; } } else { echo "0 结果"; } mysqli_close($conn); ?>
(三)CSS 样式设计
- 创建 CSS 文件:在站点文件夹中,右键点击空白处,选择 “新建文件” - “CSS”,创建一个名为styles.css的文件。
- 编写样式:在styles.css文件中,编写 CSS 样式来美化网页。例如,设置网页整体背景颜色、字体样式、元素布局等。以下是一个简单的示例:
-
body { font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 0; } h1 { color: #333; text-align: center; padding: 20px; }