PHP+MySql制作个人博客系统-完整教程

合集下载

PHP网站开发项目实训:简易博客系统

PHP网站开发项目实训:简易博客系统
Php+mysql
PHP网站开发
连接及关闭数据库 添加数据 查询数据 删除数据 修改数据
徐洪亮
2019年7月
PHP 网站开发
ONE
连接及关闭数据库
mysqli_connect() mysqli_close()
+
TWO
添加数据
get post insert
THREE
查询数据
mysqli_query() mysql_fetch_array()
任务实施
5、打开数据库blog,查看数据表,可以看到我们刚刚写入的记录。
任务实施
6、试着多添加个几个文章,查看数据表记录变化情况。
host username password dbname port s 可选。规定 MySQL 用户名。 可选。规定 MySQL 密码。 可选。规定默认使用的数据库。 可选。规定尝试连接到 MySQL 服务器的端口号。 可选。规定 socket 或要使用的已命名。
3
理解函数mysqli_connect()的返回值
PART TWO

务 添加数据
add data
2
学习目标
01
02
03
提交数据
理解表单提交数据的get 和post方法
全局变量
掌握$_GET和$_POST全 局变量的使用
数据库操作
掌握mysqli_query() 函 数执行某个针对数据库的
操作
相关知识
1、HTML中利用get和post方法提交表单数据,PHP中超全局变量 $_GET 和 $_POST 对 应收集表单提交的数据,比如用户登录时的帐号和密码、文章内容等,然后对接收到的数据 做处理。

php课程设计个人博客

php课程设计个人博客

php课程设计个人博客一、教学目标本课程的目标是使学生掌握PHP的基本语法、函数、表单处理、数据库连接与操作等技能,能够独立搭建个人博客系统。

通过课程学习,学生将能够:1.理解PHP的基本概念和语法结构。

2.熟练使用PHP进行表单处理和用户交互。

3.掌握PHP与MySQL数据库的连接和数据操作。

4.能够使用PHP编写个人博客系统的后台管理功能。

5.培养学生的实际动手能力和解决问题的能力。

二、教学内容教学内容将按照以下大纲进行:1.PHP基础:介绍PHP的安装和配置、基本语法、变量、控制结构、函数等。

2.表单处理:学习表单的创建、PHP对表单数据的处理、用户注册和登录功能的实现。

3.MySQL数据库:学习MySQL的基本操作、PHP与MySQL的连接和数据操作。

4.博客系统实现:通过案例学习,搭建一个简单的个人博客系统,包括前台展示和后台管理功能。

三、教学方法本课程将采用讲授法、案例分析法、实验法相结合的教学方法。

在理论教学中,通过生动的讲解和实例分析,使学生掌握PHP的基本知识和技能;在实践教学中,通过上机实验和案例分析,使学生能够将理论知识应用到实际项目中。

四、教学资源教学资源包括教材、实验设备、网络资源等。

教材选用《PHP和MySQL Web开发》一书,实验设备包括计算机、网络设备等。

网络资源包括PHP官方、相关技术论坛、开源博客系统等。

这些资源将帮助学生更好地学习PHP知识,提高个人博客系统的搭建能力。

五、教学评估教学评估将采用多元化方式进行,包括以下几个方面:1.平时表现:评估学生在课堂上的参与程度、提问回答等情况,占总评的20%。

2.作业:评估学生完成作业的质量和进度,占总评的30%。

3.实验:评估学生在实验课上的操作能力和解决问题的能力,占总评的20%。

4.考试:期末进行理论知识考试,占总评的30%。

评估方式将力求客观、公正,全面反映学生的学习成果。

六、教学安排本课程共安排32课时,每周2课时,共计16周完成。

从0-1教你利用服务器做属于自己的个人博客

从0-1教你利用服务器做属于自己的个人博客

从0-1教你利用服务器做属于自己的个人博客目录•ooooo▪▪oooooo▪▪o引子大家好,我是坚果。

如果你妈迷惘。

微信搜“坚果前端”公众号,看看码农的轨迹因为学习IT技术还是想应用到学习、工作、生活中,让它们更美好,就应该授人以渔,毕竟自己动手了才有收获先给大家分享一下我与我的粉丝的部分聊天记录通过这些记录就是告诉大家,不论学历咋样,不论专业是不是计算机,只要有一个爱钻研的心,不惧困难,你都可以搭建属于自己的一个简单博客,正文今天的这篇教程是基于windows服务器进行的由于帮助的是一位非计算机专业的学生,所以觉得windows会更适用先来看一下成功后的截图前提条件•购买服务器•Node.js•Git当然如何安装git和Npm我也会在本教程指出。

在搭建个人博客之前默认大家已经购买并成功登录了服务器(搭建个人博客的所有操作中,除对云服务器控制台的相关设置是在我们本地电脑上操作外,其余均在服务器上进行),关于如何远程连接自己购买的服务器,大家可观看小编往期发布的教程进行对应操作小编所使用的是windows操作系统的阿里云服务器,详细参数如下图所示,供大家参考搭建博客的前提:安装Node.js和git两个软件一、首先下载并安装软件Node.js历史版本网址如下:/zh-cn/download/releases/复制到浏览器打开即可这里小编推荐大家安装12.12左右的版本,主要是太新的版本,目前hugo,gitbook。

hexo的支持都不太好截至写这篇文档前,最新的版本为16.13.0下图所示,由于页面太多,我们先点击第4页,以浏览后面的页面,找到12.12左右的版本如下图所示,点击至第7页,理由同上[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BnHUujN5-1636330100441)(C:/Users/Luckly/AppData/Local/Temp/msohtm lclip1/01/clip_image006.jpg)]如下图所示,在点击到第10页时,我们可以看到有12.12左右的版本此时我们选择12.12.7版本下载,如图所示点击下载跳转至如下页面后点击图上所指的链接进行下载下载中,等待安装包下载完成后打开安装点击“打开文件”进行安装若弹出如下页面,点击“是”,允许应用对设备进行更改即可!安装界面如下图所示,点击Next点击勾选下图所示方框,后继续点击“Next”选择默认,点击“Next”两次后显示界面如下:按下图中所示,勾选方框后点击“Next”。

php+mysql留言板系统「完整代码及详解」

php+mysql留言板系统「完整代码及详解」

php+mysql留言板系统「完整代码及详解」php+mysql留言板系统【完整代码及详解】主要页面input.html为初始页insert.php为把输入内容送入数据库show.php显示留言板内容change.php修改留言板内容的界面del.php删除留言板内容change_ok.php修改留言板内容并送入数据库数据库的创建CREATE DATABASE GBOOK;CREATE TABLE `gbook` (`id` INT( 255 ) UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY ,`name` VARCHAR( 10 ) NOT NULL ,`sex` TINYINT( 1 ) UNSIGNED NOT NULL ,`email` VARCHAR( 255 ) NOT NULL ,`info` TEXT NOT NULL ,`ip` VARCHAR( 15 ) NOT NULL ,`time_at` DATETIME NOT NULL)input.html 页面留言版insert.php 页面$mysql_server_name = "localhost";$mysql_username = "root";$mysql_password = "123456";$mysql_database = "gbook";$ip = getenv('REMOTE_ADDR');$conn = mysql_connect("localhost","root","123456");mysql_select_db("gbook");$sql = "INSERT INTO `gbook` ( `id` , `name` , `sex` , `email` , `info` , `ip` , `time_at` )VALUES (NULL , '$name', '$sex', '$email', '$info', '$ip', NOW( ))";$result = mysql_query($sql,$conn);$id = mysql_insert_id();mysql_close($conn);?>留言成功去留言页show.php 页面$mysql_server_name = "localhost";$mysql_username = "root";$mysql_password = "123456";$mysql_database = "gbook";$sql = "SELECT * FROM gbook ORDER BY 'id' DESC"; //排序后留言的在前面显示$conn = mysql_connect($mysql_server_name,$mysql_username,$m ysql_password);mysql_select_db($mysql_database,$conn);$result = mysql_query($sql);while($row = mysql_fetch_row($result)) { // ----if语句判断男女------if($row[2]==1){ $gender = '男';}else{ $gender = '女'; }?>()">[修改] ">[删除]。

新手学PHP和MySQL动态网站开发教程

新手学PHP和MySQL动态网站开发教程

新手学PHP和MySQL动态网站开发教程这是一个基本的教程。

没有怪异的代码,只是一些基础。

现在有大量的教程是基于UNIX机器的,这个教程将集中在基于Windows平台上。

然而,除了安装部分,有或多或少的针对于Windows的说明外,其它部分对所有的平台都是一样的。

顺便说一下,关于安装部分,请看本站的安装指南。

在这个教程中,我们将一步一步地建立一个小的网站,使用了PHP 和MySQL的下面特性:1. 查看数据库;2. 编辑数据库的记录;3. 修改数据库的记录;4. 删除数据库的记录。

我们将同时学习MySQL和PHP,一起去感觉它们。

本文直接从这里学,如果不会安装配置Apache+PHP+Mysql请查看网页教学网相关文章吧!先运行web服务器(已增加PHP扩展);运行MySQL。

创建和操纵一个MySQL数据库:首先我们需要创建要使用的数据库和表。

数据库起名为"example",表名为"tbl",有以下字段:识别号,名,姓和信息。

要通过mysql终端完成建库和定义表的工作,只要双击或运行c:\mysql\bin\mysql.exe。

如果要看在MySQL中已经定义了哪些表,可以使用(注意mysql>是终端提示符):Mysql> show databases; <回车>这个命令可能显示如下信息:+----------+| Database |+----------+| mysql || test |+----------+2 rows in set (0.01 sec)为了定义一个新的数据库(example),键入:Mysql> create database example; <回车>你将会看到一个回答,如:Query OK, 1 row affected (0.17 sec)很发,我们现在有了一个新数据库了。

现在我们可以在库中建立一个新表,但首先我们需要先选中新的数据库:Mysql> use example; <回车>回答应该是:Database changed现在我们可以建表了,有如下字段:索引号- 整数用户名- 最大长度为30的字符串用户姓- 最大长度为50的字符串自由信息- 最大长度为100的字符串在MySQL提示符下键入下面的命令来创建表:MySQL> create table tbl (idx integer(3), UserName varchar(30), LastName varchar(50), FreeText varchar(100));<回车>回答应该是:Query OK, 0 rows affected (0.01 sec)好,让我们看一下从MySQL提示符下看表是什么样子的,键入命令:MySQL> show columns from tbl; <回车>我们将得到下面的结果:以下为引用的内容:+----------+--------------+------+-----+---------+-------+| Field | Type | Null | Key | Default | Extra |+----------+--------------+------+-----+---------+-------+| idx | int(3) | YES | | NULL | || UserName | varchar(30) | YES | | NULL | || LastName | varchar(50) | YES | | NULL | || FreeText | varchar(100) | YES | | NULL | |+----------+--------------+------+-----+---------+-------+4 rows in set (0.00 sec)在这里,我们可以看到刚创建的表"tbl"的内容。

php博客系统开发教程

php博客系统开发教程

php博客系统开发教程PHP博客系统开发教程PHP是一种在Web开发中广泛使用的服务器端脚本语言。

它的易学性和高效性使得它成为开发博客系统的理想选择。

在这篇教程中,我们将介绍如何使用PHP来开发一个简单的博客系统。

在开始之前,确保你已经安装了PHP和MySQL或其他数据库服务器。

首先,我们需要创建一个数据库来存储博客系统的数据,如文章、评论和用户信息。

可以使用phpMyAdmin或其他图形界面工具来创建数据库和表。

创建完数据库后,我们将创建一个index.php文件作为博客系统的主页。

在这个文件中,我们需要编写PHP代码来连接数据库,并从数据库中检索文章的标题和内容。

首先,我们需要在index.php文件顶部插入PHP连接数据库的代码。

可以使用mysqli_connect函数来连接MySQL数据库。

```php<?php$servername = "localhost";$username = "root";$password = "password";$dbname = "blog";$conn = mysqli_connect($servername, $username, $password,$dbname);if (!$conn) {die("Connection failed: " . mysqli_connect_error());}// 这里插入相关的SQL查询语句和循环来显示文章列表>```接下来,我们可以插入SQL查询语句来从数据库中检索文章的标题和内容。

以下是一个简单的示例:```php$sql = "SELECT id, title, content FROM articles";$result = mysqli_query($conn, $sql);if (mysqli_num_rows($result) > 0) {while($row = mysqli_fetch_assoc($result)) {echo "Title: " . $row["title"]. "<br>";echo "Content: " . $row["content"]. "<br><br>";}} else {echo "0 results";}```以上代码将从数据库中选择id、title和content列,并通过循环将它们打印出来。

制作自己的PHP+MYSQL的类

制作自己的PHP+MYSQL的类
(第26讲) 制作自己的 第 讲 制作自己的PHP+MYSQL的类 的类
本文来自: 本文来自:
学习目标
1、巩固学习常用MYSQL函数 、巩固学习常用 函数 2、使用类封装常用SQL操作,简化代码 、使用类封装常用 操作, 操作 3、认识面向对象在开发中的重要作用 、
演讲老师: 演讲老师:张恩民 支持网站: 支持网站:
感谢收看本次教程! 感谢收看本次教程!
还有什么疑问可以到 也可以以发送邮件到 master@ 本次演讲老师: 本次演讲老师:张恩民
PHP100视频教程
PHP100视频教程
(第26讲) 制作自己的 第 讲 制作自己的PHP+MYSQL的类 的类
用到的知识: 1、private 私有属性关键字 2、__construct 初始化方法名 3、常用mysql函数 4、常用SQL语句
PHP100视频教程
(第26讲) 制作自己的 第 讲 制作自己的PHP+MYSQL的类 的类

基于PHP的个人博客系统的实现

基于PHP的个人博客系统的实现

摘要本系统利用PHP动态网络开发技术,以MySQL作为后台数据库,使用Apache配置Web服务器,结合JavaScript和HTML两种脚本语言,以及配合多种网页开发工具,实现了基于B/S模式的个人日志发表和交流的平台——个人博客系统。

全文主要分为6个部分:第1部分主要介绍个人博客系统的特点、优点和本系统所要用到的各种开发技术;第2部分主要论述了传统系统和所要开发系统的处理流程、功能介绍和比较;第3部分主要分析了系统的各项功能和性能需求,给出了系统需求管理规划表,展示了各种需求的优先级,规划和分配了各个模块所要完成的系统功能;第4部分系统数据库设计,主要分析和设计了系统的数据库表和项,以及数据库各项的标识符;第5部分系统详细设计,逐一给出了系统各个模块的详细设计过程;第6部分系统配置和发布,介绍了系统开发和运行的相关环境配置以及运行效果展示。

关键词博客 PHP MySQL 动态网页 B/S模式目录个人主页的时代已经过去,全民皆“博”悄悄到来。

百度空间、Qzone、新浪Blog、MSN Space等等。

新一代的Blog正在为网络注入新的活力,它们的最大特点就是“我的地盘,我做主”,可以让用户全方位多角度地展现个性自我!名人的加盟,更令博客锦上添花。

博客,网络生活新时尚,文字、图片、声音等,尽情展示自我、分享感受、参与交流,美好生活。

Show you,share me,人人都可以博客,人人都需要博客。

真正地利用博客使自己出名并不是唯一的出路,也并不是每一个博主的目的,因为大家都生活在现实中,无论名人还是普通人,博客对于他们的作用本质是一样的。

把自己的想法种在这里,总有一天会开出一朵美丽的花,不渴望别人欣赏,只要自己喜欢就可以,因为除了博客,我们还有很多事情需要面对。

博客,也就是借助网络的力量让天涯海角的朋友依旧能够相聚在一起,每天看到朋友们的点滴生活记录,仿佛就亲眼看到了他们的生活、工作一样,回忆回忆过去,然后又展望一下未来,生活有时候太平淡,幸好还有网络,还有博客以及博客中真实的彼此——仔细想想,足矣。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

如果有人问“什么是web2.0?”,恐怕没几个人能说得清楚,但是要问什么是博客,哪怕是从不上网的人也是耳熟能详的了。

博客正是web2.0概念中重要的组成部分之一(大家熟知的还包括IM 即时通和RSS 阅读器)。

Blog(博客),全名Weblog,后来缩写为Blog。

Blogger 就是写Blog 的人,习惯于在网上写出日记、发布个人照片、展示个性自我的用户群体。

对于Blog/Blogger 的中文名称,有翻译成“博客”,也有翻译为“网志”,但大多数人都已经认可了“博客”。

通过阅读本章,读者可以学到:博客管理系统的开发流程进一步掌握如何做项目需求分析与系统设计 实现一个简单的公告栏管理模块 掌握不同的图片上传技术掌握一种采用JavaScript+CSS技术来实现的半透明动态下拉菜单(Apache+PHP+phpMyAdmin+MySQL 5.0实现)PHP项目开发全程实录8.1开发背景博客管理系统给人们提供抒发个人情感、人与人之间进行良好沟通的平台,博客拥有真实的内容,可以通过博客记录下工作、学习、生活和娱乐的点滴,以及发表文章和评论,从而在网上建立一个完全属于自己的个人天地,成为当今网络最为个性化和平民化的个人展示空间。

对于网民,只要拥有博客,就可以超越现实生活,拥有不同以往的全新网上生活;对于博客服务商,则必须从功能提供转型到全方位社会服务的提供,建立虚拟社会,并负责维护运行,保证博客日常生活;对于社会而言,有利于构建和谐的互联网空间,维护和谐的社会环境。

从这个角度来说,构建新生活方式,将是互联网发展的一个里程碑。

8.2需求分析信息时代的今天,博客已经成为一种新的生活方式。

在网络中构建一个赋有个性化的个人博客,提供了一种可信任的和实时连通的网络环境,通过网络开放性和交互性的特点,让用户在任何时间、任何地点,通过网络方便地“生活”,不仅是信息传递与获取,还可以进行群体交流和资源共享,展示自我,为个人发展带来新机遇。

通过对多个博客网的调查分析,客户要求本博客管理系统具有以下功能:☑要求系统采用B/S架构,实现人机交互。

☑要求系统界面个性化,色彩搭配和谐,很强的视觉冲击力,操作简便。

☑要求突出主题,显示最新文章和公告。

☑要求游客可以浏览文章、浏览图片、发表评论。

☑要求具有强大的搜索查询功能,实现精确查询和模糊查询。

☑完善的文章管理功能,包括文章的发表、删除,及对文章的评论与回复。

☑支持图片上传功能,可以上传各种类型的图片。

☑支持好友功能。

☑系统运行稳定,安全可靠。

8.3系统设计8.3.1系统目标该系统主要实现如下目标:☑系统采用B/S架构,实现人机交互。

·374·第8章博客管理系统(Apache+PHP+phpMyAdmin+MySQL 5.0实现)☑系统界面设计以浅色为主,美观友好,操作简便。

☑突出重点内容,显示最新文章。

☑非登录用户可以浏览文章、浏览图片、发表评论。

☑全面的搜索查询功能,包括精确查询和模糊查询。

☑完善的文章管理功能,包括文章的发表、删除,及对文章的评论与回复。

☑支持图片上传功能。

☑支持好友功能。

☑支持公告栏功能。

☑系统运行稳定,安全可靠。

8.3.2系统功能结构博客管理系统的功能结构如图8.1所示。

图8.1博客管理系统功能结构图8.3.3系统功能预览为了让读者对本系统有个初步的了解和认识,下面给出本系统的几个页面运行效果图,如果想查看完整的效果图,请参见光盘源程序。

博客管理系统的首页如图8.2所示,该页面包含了系统大部分的功能链接,包括用户注册、用户登录、文章浏览等。

用户注册页面如图8.3所示,该页面显示了用户注册时需要填写的资料、注意事项等。

浏览文章页面如图8.4所示,该页面用于显示文章及相关的评论,也可以发表评论。

发表文章页面如图8.5所示,该页面用于登录用户发表文章,包括文章标题、文字编辑区和文章内容。

·375·PHP项目开发全程实录·376·图8.2博客首页(光盘\TM\08\online\index.php )图8.3用户注册页面(光盘\TM\08\online\Register.php)图8.4浏览文章页面(光盘\TM\08\online\article.php )图8.5发表文章页面(光盘\TM\08\online\file.php )图片上传页面用于上传图片,如图8.6所示,通过该页面用户可以将图片或照片添加到博客中。

添加好友页面如图8.7所示,该页面用于输入用户好友的详细信息,包括姓名、性别、生日等。

图8.6图片上传页面(光盘\TM\08\online\add_pic.php )图8.7添加好友页面(光盘\TM\08\online\friendd.php )8.3.4系统流程图博客管理系统的流程图如图8.8所示。

第8章博客管理系统(Apache+PHP+phpMyAdmin+MySQL 5.0实现)图8.8系统流程图8.3.5开发环境在开发博客管理系统平台时,该项目使用的软件开发环境如下:1.服务器端☑操作系统:Windows Server 2003☑服务器:Apache 2.0。

☑PHP软件:PHP 5.0。

☑数据库:MySQL 5.0。

☑MySQL图形化管理软件:PhpMyAdmin-2.5.5。

☑开发工具:Dreamweaver 8。

☑浏览器:IE 6.0。

☑分辨率:最佳效果1024×768像素。

2.客户端☑浏览器:推荐使用IE 6.0及以上版本。

☑分辨率:最佳效果1024×768像素。

8.3.6文件夹组织结构博客系统的目录比较少,结构比较简单,主要有数据库链接文件目录、css样式目录、js脚本目录及背景图片目录。

文件夹组织结构如图8.9所示。

·377·PHP项目开发全程实录·378·图8.9博客管理系统文件夹组织结构8.4数据库设计8.4.1数据库分析本系统属于中小型个人网站,毫无争议的,本系统采用的依然是PHP+MySQL这对儿黄金组合,无论是从成本、性能、安全上考虑,还是从易操作性上考虑,MySQL都是最佳选择。

8.4.2数据库概念设计通过需求分析和功能上的设计,本系统规划出用户信息实体、上传图片实体、朋友圈实体、文章实体和留言实体。

下面给出主要的实体及E-R图。

用户信息实体包括注册用户的详细个人信息,如果想在本系统中进行发表文章、上传图片等操作,则必须要先进行注。

用户信息实体E-R图如图8.10所示。

上传图片实体主要包括上传图片的名称、上传图片用户和上传图片时间等,实体E-R图如图8.11所示。

第8章博客管理系统(Apache+PHP+phpMyAdmin+MySQL 5.0实现)图8.11上传图片实体E-R图8.4.3数据库物理结构设计根据实体E-R图和本系统的实际情况,需要创建6张数据表,如图8.12所示。

图8.12数据表列表下面来具体看一下这6张数据表的结构设计。

1.tb_user(用户列表)用户列表主要存储用户的个人信息。

tb_user表的结构如图8.13所示。

图8.13用户列表结构·379·PHP 项目开发全程实录·380·2.tb_article (文章列表)文章列表存储的是用户发表过的文章信息。

tb_article表的结构如图8.14所示。

图8.14文章列表结构3.tb_filecomment (评论列表)评论列表存储的是用户对文章的评论,包括注册用户和游客都可以发表评论。

tb_filecomment表的结构如图8.15所示。

图8.15评论列表结构4.tb_tpsc (图片列表)图片列表存储的是上传图片的信息,如图片名称、上传用户、上传时间等。

tb_tpsc 表的结构如图8.16所示。

图8.16图片列表结构第8章博客管理系统(Apache+PHP+phpMyAdmin+MySQL 5.0实现)·381·5.tb_friend (好友列表)好友列表主要记录了姓名、性别、生日等好友的个人信息。

tb_friend 表的结构如图8.17所示。

图8.17好友列表结构6.tb_public (公告列表)公告列表主要记录了网站情况、博客系统的版本情况或是网站活动等等。

公告列表的结构如图8.18所示。

图8.18公告列表结构8.5首页设计8.5.1首页概述本系统首页页面设计简洁,主要包括以下3部分内容: 首部导航栏:包括首页链接、注册和登录模块。

PHP项目开发全程实录☑左侧显示区:包括最新文章、最新图片和系统时间模块。

游客主要通过该区域浏览文章、浏览图片及发表评论。

☑主显示区:为系统公告栏,显示系统及网站的最新咨询。

下面看一下本案例中提供的首页,该首页在本书光盘中的路径为\TM\08\tmlog\index.php ,如图8.19所示。

首部导航栏主显示区左侧显示区图8.19博客管理系统首页8.5.2首页技术分析在首页主显示区,是一个公告栏模块。

公告栏主要用于公布系统版本的更新或升级情况、网站的最新活动安排等,也可以链接一些用户的精彩文章。

本系统的公告栏模块是通过<marquee>标签来实现的。

<marquee>标签是HTML自带的、也是初学者最常用的公告栏实现方式。

使用<marquee>标签,可以实现文字或图片的滚动效果,增加了实用性的同时,也增加了观赏性。

下面就来学习一下这个标签的常用方法及属性。

·382·第8章博客管理系统(Apache+PHP+phpMyAdmin+MySQL 5.0实现)·383·注意:<marquee>标签是微软与网景等公司私制的,从来没有被W3C 当作正式标签来使用,所以除了IE 浏览器外,有些属性是不被其他浏览器所支持的。

在使用时一定要留意。

1.<marquee>标签的文字移动属性<marquee>标签的特点就是可以是文字或图片动起来,在早些时候,这可是一个了不起的技术。

随着W3C 标准的逐渐完善,<marquee>标签已经越来越少有用武之地了,但有些技术是永远不变的,比如<marquee>标签中属性名称和属性值,了解css 样式表和JavaScript 脚本语言的人会感觉到非常熟悉,因为这些属性名称和属性值都经常被提及和使用。

<marquee>标签用的文字移动属性及属性值,如表8.1所示。

表8.1 <marquee>标签常用的文字移动属性及说明属性名称性值性说明用举例marquee ,除了文字外,还可以是图片,PHP</marquee>direction,分别表示从右往左、从、从下到上、从上到下从下到上移动</marquee>behavior,分别表示沿同一方向不、只滚动一次、在两个边界内来回滚动不停的循环播放</marquee>loop 1,2,3…,不指定则表示为无限循环loop=5 behavior=slide>只循环滚动3次</marquee>scrollmount10,20,30…,数值越大,速度越快我漂起来!!</marquee>Scrolldelay 100,200,300…,每动一次,停止的时间scrollamount=100>停停走走</marquee>2.<marquee>标签的外观设置<marquee>标签不仅可以设置文字移动效果,还能设置标签的外观。

相关文档
最新文档