【php精品源码栏目提醒】:网学会员--在 php精品源码编辑为广大网友搜集整理了:网站规划建设实验指导书 - 网站开发与设计绩等信息,祝愿广大网友取得需要的信息,参考学习。
《网站规划与建设》 实验指导书 天津职业技术师范大学 网络教研室 2011年9月 网站规划与建设实验指导书 1 实验一 HTML基础实验 项目1 网页设计基础 【实验目的】 1掌握利用因特网进行信息游览、搜索下载网页、图片、文字和文件 2对给定的网站能指出网站的链接结构、目录结构、页面布局方式。
【实验环境】 Window2000操作系统机器联网。
【实验内容】 1、根据网站制作的需要从网上下载网页制作时需要的文字、小图片、动画及flash。
2、上网访问实际若干网站了解各网站的风格主题图形形象、导航是否清晰整体色调的搭配是否协调主题是否突出等、页面布局方式在网上找出下列版面布局的结构形式 ⑴“T”结构布局 ⑵“口”型“国”字型布局 ⑶“三”型布局 ⑷ 对称对比布局 ⑸ POP布局 ⑹ 拐角型布局 ⑺ 标题正文型 ⑻ 封面型主题图片型 3、利用搜索引擎浏览因特网上较为著名的5个网站记录这些网站的名称、网站地址和以及相应的网页文件格式扩展名 4、查看我院WWW网站主页的源代码收藏到收藏夹中将其设为主页并指出该网站的链接结构、目录结构和页面布局方式。
项目2 HTML语言一 【实验目的】 1掌握ltheadgtlt/headgt的lttitlegt标记和ltmetagt标记 2掌握使用ltbodygt标记设置网页背景颜色和文本颜色。
学习使用分段标记ltpgtlt/pgt 3掌握使用ltfontgt标记设置文字的属性 4掌握在网页中插入背景图片 5掌握在网页中插入水平线并设置水平线的属性 6掌握在网页中插入背景音乐。
【实验环境】 Windows xp 【实验内容】 1、制作一个简单的网页sy2-1.htm用记事本编辑内容为个人简介信息。
要求 搜索关键字为“个人”“主页”“简介”标题为我的个人简介。
背景为33ccff文本颜色为黑色文本需分段表示。
2、过记事本编辑网页sy2-2.htm内容为李白的诗“静夜思”。
网站规划与建设实验指导书 2 要求每行诗为一个段落四行文字颜色不同字体不同。
3、通过记事本编辑网页sy2-3.htm实现如图页面。
4、通过记事本编辑网页sy2-4.htm实现如下页面。
图片自选插入背景音乐“浮云.mp3”。
5、通过记事本编辑网页sy2-5.htm实现如下页面。
网站规划与建设实验指导书 3 项目3 HTML语言二 【实验目的】 掌握网页超链接的使用及滚动页面信息的制作 【实验环境】 Windows xp 【实验内容】 1实现网页内部、外部的链接的设置 2实现在页面中实现背景图片与前景图的显示 实验过程及步骤 一、实验步骤 阶段1制作用户登录界面、产品登录页面并链接到首页 ?? 需求说明图示一 ?? 需求说明图示二 ?? 实现思路及关键代码实验报告中详述 1、 超链接ltAgt标签中href属性定义了链接的方向 ltA href“login.html”gt登录lt/Agt 2、ltMARQUEEgt标签的scrolldelay属性定义滚动速度 网站规划与建设实验指导书 4 lt MARQUEE scrolldelay“150”gt
精品推荐lt/ MARQUEE gt 阶段2制作注册页面、关于拍拍页面并链接到首页 ?? 需求说明图示一 ?? 需求说明图示二--使下图中的图片在页面上滚动滚动 项目4 HTML语言三 【实验目的】 1掌握使用表格标记设置表格属性。
【实验环境】 Windows xp 【实验内容】 1、使用表格标签制作如下图所示的页面。
要求: 表格内容水平居中对齐垂直居中对齐页面标题为音乐网站。
. 设置超级链接颜色 点击播放即可播放对应的音乐音乐在网上下载。
网站规划与建设实验指导书 5 项目5 HTML语言四 【实验目的】 1掌握建立框架 【实验环境】 Windows xp 【实验重点及难点】 掌握框架的使用。
【实验内容】 1、制作书本148--149页操作题第9题熟悉框架页面的制作。
网站规划与建设实验指导书 6 项目6 HTML语言五 【实验目的】 1掌握表单相关标记的使用 2掌握3个页面的框架的定义和属性设置。
【实验环境】 Windows xp。
【实验内容】 1、建立如下表单页面 2、建立如下框架页面相关图片建议试着自己制作也可从网上下载。
网站规划与建设实验指导书 7 实验二 CSS应用实验 【实验目的】 1掌握表单相关标记的使用 2掌握3个页面的框架的定义和属性设置。
【实验环境】 Windows xp。
【实验内容】 1创建表格 2应用表格设置网页 要求 1.实现跨行跨列的复杂表格 2.能够对表格进行美化修饰 实验过程及步骤 一、实验步骤 阶段1运用样式修饰文字 ?? 训练要点 CSS的基本语法 行内样式表的使用 ?? 需求说明 ?? 实现思路和关键代码实验报告中详述 CSS行内样式表 ltP style“color0000FF”gt????lt/Pgt 阶段2采用行内样式表的方式修饰拍拍公告 ?? 需求说明图示采用行内样式表的方式修饰拍拍公告 网站规划与建设实验指导书 8 阶段3使用内嵌样式修饰表格 ?? 训练要点 内嵌样式表的基本语法 类样式的创建 ?? 需求说明 ?? 实现思路及关键代码实验报告中详述 超链接伪类的使用以及类样式的定义 a:link ?? / 未被访问的链接 / a:visited ?? / 已被访问过的链接 / a:hover ?? / 鼠标悬浮在上的链接/ a:active ?? / 鼠标点中激活链接 / 阶段4使用CSS内嵌样式修饰商品类目 ?? 需求说明使用CSS内嵌样式修饰商品类目 ?? 实现思路及关键代码实验报告中详述 网站规划与建设实验指导书 9 阶段5对拍拍注册页面进行修饰 ?? 训练要点 创建外部样式表并在页面中引入 创建常用样式细边框的文本框和无边框的按钮 ?? 需求说明 ?? 实现思路及关键代码实验报告中详述 无边框的按钮 .picButton background-image:urlimages/btn.gif border:0 px margin: 0px padding: 0px height: 26px width: 99px font-size: 14px 细边框的文本框 .text border-width:1px border-style:solid 外部样式表文件的引入 阶段6定义外部样式文件修饰拍拍用户登录 ?? 需求说明定义外部样式文件修饰拍拍用户登录 ?? 实现思路及关键代码实验报告中详述 网站规划与建设实验指导书 10 实验三
PHP Web应用编程 项目1 架设Windows下的
PHP开发测试服务器 【实验目的】 能够快速部署Windows下的开发测试服务器环境以满足同学们在宿舍、家中自己机器上学习、研究和开发
PHP程序设计的需要或是实际工作的需要。
【实验环境】 操作系统WindowXWindows95/98/me/XP/NT系列/2000系列/2003 具体到的机房环境请在Windowsxp环境下做 Web服务器Apache 2.0.63 压缩包文件apache_2.0.63-win32.exe PHPPHP5.2.11 压缩包文件
php-5.2.11-Win32.zip 数据库MySQL 5.1.39 压缩包文件mysql-essential-5.1.39-win32.zip 脚本编辑器 EditPlus已安装好图形化编辑环境速度慢功能多常用于复杂网页设计 【实验内容】 1.
PHP的安装和配置 1.1安装 ① 下载
PHP-5.2.5-Win32.ZIP软件包不需要安装在C盘根目录下建立文件夹C:
php 。
将软件包解压缩到本目录下。
② 在C:
php 目录下找到
php.ini-dist文件将其名字改为
php.ini 这是
php的配置文件。
③ 修改
php.ini文件过程如下1 找到extension_dir”./” 改为extension_dir”C:/
php/ext” 2 找到 “ extensionphp_mbstring.dll ”去掉前面的“”3 找到 “ extensionphp_mysql.dll ” 去掉前面的“”4 找到 “ extensionphp_mysqli.dll ” 去掉前面的“” ④ 修改完
php.ini文件后保存该文件并复制到C:Windows 目录下。
⑤ 将C:PHPlibmysql.dll 复制到C:windowssystem32 目录下 注操作系统安装目录具体位置见表1 表1操作系统安装目录 操作系统 操作系统安装目录 Windows95 windows Windows98 windows Windows me windows windows 网站规划与建设实验指导书 11 Windows NT系列 winnt Windows 2000系列 winnt Windows 2003 windows 1.2配置 通过修改
php.ini中的参数来实现。
对MySQL而言若无特殊要求一般无须配置。
因为
PHP在
php.ini中已经做好了对MySQL的配置所以一般无须修改。
2. Apache的安装和配置 2.1安装软件 双击apache_2.0.63-win32.exe按照提示选择custom安装方式然后一路默认即完成安装。
注意如果您的电脑安装了IIS请先到控制面板关闭IIS服务因为IIS服务器与Apache服务器都使用一个端口。
2.2配置服务 单击开始-gt程序-gt Apache HTTP Server 2.2-gt Configure Apache Server-gt Edit the Apache httpd.conf configuration File打开Apache的配置文件httpd.conf按表2提示进行配置 注意每处的配置要想起作用必须将行首的号注释符号去掉□表示一个或多个空格 表2 Apache配置 序号 参数名和示例参数值 配置方法 说明 ① BindAddress□你所用机器的IP地址 修改 地址绑定指定服务器地址 ② LoadModule□
php5_module□c:/
php/sapi/
php5apache.dll 添加 将
PHP配置为Apache的模块Apache module方式 ③ Port□80 修改 指定端口 ④ ServerAdmin□你的邮箱地址如ssldzu.edu.cn 修改 指明管理员信箱 ⑤ ServerName□ssl 修改 指明主机名称 ⑥ DocumentRoot□quotd:Websitehtdocsquot 修改 Web文档发布主目录 ⑦ ltDirectory□quotd: Websitehtdocs quotgt 修改 该处目录应与Web文档发布主目录一致 ⑧ ScriptAlias□/
php/□quotc:/
php/quot AddType□application/x-httpd-
php□.
php Action□application/x-httpd-
php□quot/
php/
php.exequot 添加 指明脚本路径 指明
PHP脚本扩展名 指明
PHP脚本解释器程序名 ⑨ DirectoryIndex□index.htm□index.
php 修改 指定默认文档 描述以httpd.conf文件的行文顺序进行 表中路径、地址、主机名、信箱等实际配置时请根据自己情况进行 按表1所述参考Apache配置文件样本修改完毕后保存。
测试配置是否成功。
1在编辑完成后我们还可以通过 “开始/程序/Apache HTTP Server 2.2/Configure Apache Server/Test Configurationquot来测试配置文件是否有语法错误等。
2或者打开浏览器敲入http://localhost 能否见到服务器到测试页面。
能见到则配置成功。
网站规划与建设实验指导书 12 3. Apache : Web服务的安装和启动 1启动Apache服务 单击开始-gt程序-gt Apache HTTP Server 2.2-gt Control Apache service-gt Start。
默认情况下每次操作系统启动时自动启动该服务可更改 4. 测试Apache服务器对
PHP的支持能力 测试目的检验配置后的Apache服务器是否提供了对
PHP脚本的解释能力支持
PHP 用EditPlus编写测试脚本存为d:Websitehtdocsceshi.
php内容为 ltphp echo phpinfo gt 说明phpinfo是
PHP内置函数用来显示
PHP和Apache配置信息在浏览器中敲入http://localhost/ceshi.
php回车后若显示类似图1的
PHP配置页面以Winxp下为例则说明你的Apache服务器已经支持
PHP脚本能够解释
PHP脚本了若不显示类似画面则配置有误此时你的Apache不能够解释
PHP脚本需重新配置。
图1 5. MySQL的安装和启动数据库服务器 ①将mysql-essential-5.1.39-win32.zip解压缩后双击setup.exe按照提示选择custom安装方式然后一路默认遇到输入密码的地方输入123作为密码。
②测试安装是否成功。
单击“开始”选择“MySQL→MySQL Server5.1→MySQL Command Line Client”会出现如下图所示的窗口然后输入root密码根据提示操作即可 网站规划与建设实验指导书 13 6. 测试
PHP与MySQL的协同
PHP方面准备测试脚本connect.
php存放在d:Websitehtdocs下其内容为 程序2-13 lt CONNECTIONMYSQL_CONNECT127.0.0.1ROOT123 OR DIE不能连接到MYSQL数据库.MYSQL_ERROR ECHO 已经成功连接MYSQL数据库ltBR /gt MYSQL_SELECT_DBTESTOR DIE不能选择数据库 ECHO 连接TEST数据库已经成功 gt 1测试步骤 在浏览器地址栏输入http://localhost/connect.
php回车显示如图2所示则表明
PHP 与MySQL能够协同工作了。
图2 网站规划与建设实验指导书 14 项目2
PHP基本语法实验 【实验目的】 熟练掌握
PHP语言的基础语法 【实验环境】 WindowsXPPHP服务器 【实验内容】 从7个方面完成
PHP基本语法实际体验分列如下 一、词法结构 大小写 语句和分号 注释 标识符 二、数据类型 字符串型 布尔型 数组型 对象型 资源型 各种数据类型的检测 三、变量 变量的变量 变量的作用域 垃圾收集变量的内存管理 四、表达式和操作符 隐式类型转换 字符串连接操作符 自增和自减操作符 类型转换操作符 其他操作符 五、流控制语句 if语句 switch语句 while语句 for语句 foreach语句 exit语句 网站规划与建设实验指导书 15 return语句2-12 六、包含代码 七、在Web页面中嵌入
PHP 1词法结构 1.1大小写敏感 预备知识 变量区分大小写内置结构whileforif等及关键字echoclass等不区分大小写 【2-1】大小写敏感的例子
PHP程序2-1 送到用户浏览器解释后显示的结果运行结果显示在浏览器页面中的结果 lt namequothello1world1quot NAMEquothello2world2quot NaMEquothello3world3quot echo quotnamenamenquot ECHO quotNAMENAMEnquot EcHo quotNaMENaMEquot gt 注意要使运行结果达到真正分行和HTML输出一致请将程序2-1中的n换成ltbrgt即可实现如下例 【2-1br】修改程序2-1后的程序2-1br直接实现分行将程序2-1中的n换成ltbrgt
PHP程序2-1br 送到用户浏览器解释后显示的结果运行结果显示在浏览器页面中的结果 lt namequothello1world1quot NAMEquothello2world2quot NaMEquothello3world3quot echo quotnamenameltbrgtquot ECHO quotNAMENAMEltbrgtquot: EcHo quotNaMENaMEquot gt 原因浏览器不解释或者说不识别或忽略经
PHP解释n而成的空白换行只有遇到ltbrgt这个HTML中的换行标记才解释成换行。
为了直接达到预期换行效果将不再使用n而是使用ltbrgt 1.2语句和分号 预备知识 网站规划与建设实验指导书 16 简单语句 复杂语句 分号的省略 【2-2】语句和分号
PHP程序2-2 送到用户浏览器解释后显示的结果运行结果显示在浏览器页面中的结果 lt ifab echo quot注意:ltbrgtquot //简单语句 echo quota的值等于b的值ltbrgtquot //上面部分为复杂语句 echo quothelloworldquot //此处分号可省略 gt 1.3注释 预备知识 在必要的地方做注释 注释的形式及各自的适用处Shell形式、C形式//、C形式/ ?? / 【2-6】C形式的注释作用
PHP程序2-6 送到用户浏览器解释后显示的结果运行结果显示在浏览器页面中的结果 lt l12 m13 /注释从这里开始 gt ltpgt Some stuff you want to be HTML.lt/pgt ltn14/ echo quotll mm nnquot gt ltpgtNow ltbgtthislt/bgt is regular HTML??lt/pgt 1.4标识符常量标识符 预备知识 使用define设置常量标识符 【2-7】使用define设置常量标识符
PHP程序2-7 送到用户浏览器解释后显示的结果运行结果显示在浏览 显示在浏览器页面中的结果 lt define??PUB??”O??Reilly amp Associates” echo PUB gt 网站规划与建设实验指导书 17 2 数据类型 2.1字符串 预备知识 字符串的表示 单引号和双引号在字符转义上的不同作用单引号仅转义反斜杠和单引号?? 【2-8】单引号和双引号在字符转义上的不同作用
PHP程序2-8 送到用户浏览器解释后显示的结果运行结果显示在浏览器页面中的结果 lt name”Sun Shoulong” //双引号中的变量值将被输出 echo “Hinameltbrgt” echo ??Hiname??//单引号中的变量名将被输出因为单引号不认为name是变量 gt 注意双引号中的变量若前面不加反斜杠进行转义将原样输出则在输出字串的时候将输出变量中的值 【2-9】单引号仅支持的字符转义反斜杠和单引号??
PHP程序2-9 送到用户浏览器解释后显示的结果运行结果显示在浏览器页面中的结果 lt dos_dir??c:windowssystem?? publisher??Tim O??Reilly?? echo “dos_dir publisher” gt 2.2布尔型 预备知识
PHP中为false值的情况 【2-10】判断布尔值
PHP程序2-10 送到用户浏览器解释后显示的结果运行结果显示在浏览器页面中的结果 lt x5 y”” ifx echo ??x有一个true值ltbrgt?? ifx echo ??x有一个false值ltbrgt?? ify echo ??y有一个true值ltbrgt?? ify echo ??y有一个false值ltbrgt?? gt 网站规划与建设实验指导书 18 2.3数组型 预备知识数组的创建、遍历键名数组元素的下标名称一般是从0开始的整数也可以是字符串键值数组元素中存储的值 【2-11】数组的创建、遍历发明家记录
PHP程序2-11 送到用户浏览器解释后显示的结果运行结果显示在浏览器页面中的结果 lt 以数字键名引用的方式通过给各数组元素赋值的方法直接创建人名数组person person0”Edison” person1”Wankel” person2”Crapper” /上面的方法可用array方法替代创建后键名也是数字的按赋值先后从0开始依次递增 personarray??Edison????Wankel????Crapper??//一条语句 / 以字串键名引用的方式通过给各数组元素赋值的方法直接创建发明家数组creator creator??Light bulb??”Edison” creator??Rotary Engine??”Wankel” creator??Toilet??”Crapper” /上面的方法可用array方法替代创建后键名也是数字的按赋值先后从0开始依次递增 creatorarray??Light bulb??gt??Edison?? ??Rotary Engine??gt??Wankel?? ??Toilet??gt??Crapper?? / 遍历数组person显示其内容 foreachperson as name//访问每个键 echo “Hellonameltbrgt” 遍历数组creator显示其内容 foreachcreator as inventiongtinventor echo “invention was created by inventorltbrgt” gt 2.4对象型 预备知识 类OOP的单元是包含属性变量和方法函数的结构定义 类的定义 对象的创建、引用其属性和方法 【2-12】类和对象的简单例子
PHP程序2-12 送到用户浏览器解释后显示的结果运行结果显示在浏览器页面中的结果 .
上一篇:
计算机病毒
下一篇:
配电自动化系统计算机网络及其支持软件的体系结构