|
1、 Dreamweaver CS6是一款集网页设计、制作和管理网站于一身的可视化网页编辑软件，提供代码、拆分、设计和实时视图，适合初学者使用。目前较高版本为Dreamweaver CC 2、站点即存放网站文件的存放点。本地站点在自己的电脑上，远程站点可供互联网计算机访问。 3、Dreamweaver 新建、删除本地站点，尽量不要选择桌面和C盘，文件目录结构合理，站点目录用英文、数字、拼音命名， 不要使用中文命名，选择或新建文件夹images存放图片。 4、管理站点文件，编辑-重命名、复制、粘贴、删除移动文件、更新链接 5、主页为网站第一个页面，又称为“首页”，一般命名为index.html,页面要通过DIV标签划分为不同的区块，在不同的区块显示不同的内容。按F12保存并预览网页 |
网页基本区块布局 | ||
|
1、网站的功能有媒体宣传、信息发布、数据处理、商贸交易等等。 2、局域网网站发布：添加管理工具-IIS信息服务，设置局域网服务器。（控制面板-程序和功能-启用或关闭Windows功能-选internet information services,控制面板-管理工具-internet information services，然后设置） 3、本地局域网浏览网页：在本机地址栏中输入localhost 或127.0.0.1。域网其他电脑通过直接输入IP地址访问。 4、互联网网站发布：网站发布前要进行测试，以保证正常浏览和使用。通过FTP工具管理远程虚拟主机站点 目录及文件。Dreamweaver中选择“定义远程站点”，可通过FTP将网页发布到WEB服务器上。 5、互联网访问：输入网址访问 |
FTP上传地址：001.3vftp.cn 账号：zzqqfff 密码：123456 |
访问网址： |
FTP工具下载 |
|
1、集成服务器开发环境： WampServer:一款由法国人开发的服务器整合软件包，拥有简单的图形安装配置环境，非常便于操作。
2、网页开发软件： 3、数据库软件： 4、特效软件： 5、前端框架软件： |
|||
|
任务目标：建立商品信息数据库，在admin管理页面中实现管理员对商品信息数据的增删改查功能。 1、安装小皮面板，安装php5.45。小皮系统开启web服务和数据库服务，设置web网站目录，修改php服务版本为7.0以下版本才能连上。关闭错误提示功能。 2、通过小皮面板新建据库（数据库名为pezj,用户名为zs，密码为123456）。用自带的SQL Front,PHPmyadmin,navicat15链接新建的数据库，在库中新建数据表。ID为自动获取。设置主键。（主键字段的值的唯一性是识别一条记录的关键）。可手动输入一条记录作为测试数据。 3、在Dreamweaver cs6中新建本地网络PHP服务器站点。
4、在Dreamweaver站点index.php页面中链接数据库。数据库-mysql链接，数据库链接本地数据库服务地址为：localhost,（数据库地址只用是填主机地址） 5、制作商品首页，所有商品卡片列表。无需表单，用表格和区块布局数据显示区域，绑定-记录集（查询），全部，降序排列，展开记录集-拖动或插入相应字段到相应位置。预览测试，默认仅仅显示第一条记录。设置卡片重复全部将显示所有记录。 可多个条件帅选记录： WHERE banji = colname AND shenhe LIKE '%审核中%' WHERE banji = colname AND shenhe NOT LIKE '%同 意%' WHERE sushe = colname AND zhuang =colname2 作业：显示和增加数据库中的数据 新建管理页面admin.php,插入表格显示数据库中的商品信息，新建PHP数据录入add.php页面。建立好网页之间的链接。 6、增加记录。在add.php页面中插入表单，需要提交的表单项名称与数据库中表字段对应，绑定记录集（查询）。选择服务器行为-插入记录。（一个表单可以对应多个“插入记录”行为，分别插入到不同表格中多条记录）。 作业：检查增加的记录能否在首页显示
7、显示多条记录。在管理页面表格中选中需要重复的数据行tr，服务器行为-重复区域。每页显示5条记录。 8、设置翻页。分别添加首页、上一页、下一页、尾页链接文字。选中首页-服务器行为-记录集分页-移至第一页。同理。（还可以添加是非首位页才显示的区域。可以添加显示记录条数） 作业：测试多条记录的翻页 9、删除记录 。新建del.php页面用来执行删除命令。点击表格中ID项目目，拆分获取动态识别代码，在管理页面中添加链接文字“删除”链接del.php页面，在链接后加?shan=刚复制的代码，即传输URL变量，提交ID号的值。（问号必须为英文小写）（一次同时可传多个URL值，中间用&连接，如：admin/sushe.php?sushe=<?php echo $row_Recordset1['sushe']; ?>&banjiid=<?php echo $_GET['banjiid']; ?>&zhuang=<?php echo $row_Recordset1['zhuang']; ?>）。 （URL记录可以直接连续传）。打开del.php,绑定所有记录集中。添加删除记录行为，主键列ID的URL参数=shan，即仅删除接收到的ID号的哪条记录，设置删除完成后返回管理页面。 作业：测试删除记录 10、修改记录 。 新建update.php页面，在管理页面中新建链接文字“修改”，在链接地址后加?xiugai=刚复制的代码，意思仅提交此条纪录，更新页面中建立与add.php相似表单，绑定记录集中选筛选xiugai ,插入表单初始值中插入相应动态数据，ID不能修改，其文本域设置为只读，添加更新记录行为，ID值设置为主键作为识别每一条纪录的依据，设置完成后返回管理页面。 作业：测试修改记录 11、查询记录。在主页中添加表单form1,表单动作设为为search.php,插入文本域keyword,提交表单信息按钮。新建search.php搜索结果页，设计表格，绑定记录集,筛选数据表中name包含表单变量keyword。这样就搜索出包含关键字的纪录。 中文排序修改查询代码：ORDER BY CONVERT(name USING gbk) ASC ASC为升序，DESC为降序。 表格排序自增代码：<?php echo ($paixu ++ + 1) ?> 查询字段非空的记录代码：WHERE banji = colname AND banwei <> '' get方式提交：提交数据会显示在浏览器地址栏中，（默认提交方式）。 post方式提交：提交数据不会显示在浏览器地址栏中，更为安全。 作业：测试查询记录 12、发布。数据库软件中导出SQL数据表（只包含表名称或数据，不含服务器名），删除站点中多余的文件，与SQL数据表一起打包发布。 13、运用。根据新环境提供数据库服务。导入SQL文件，修改网页中的链接文件，一般为conn.php 作业：导出数据表，打包发布网站系统 |
|
|
|
|
任务目标：实现管理员注册、设置访问权限要求登录用户才能对商品信息进行管理。 为什么要注册？ 1、可以进行身份识别 2、注册的任何信息都可以作为筛选的属性值，可以根据注册属性进行分流管理。 3、可以控制访问权限。 4、可以进行内容信息的自主管理等。 进行管理员账户注册登录。 作业：登录用户访问管理页面，验证不登录能否访问该页面 。 3、新建注册页面reg.php，插入记录集，插入记录并转到成功页面ture.php页面提示“注册成功，现在登录”。添加用户身份验证-检查新用户，如果用户名已经存在，转到注册失败的false.php页面提示“用户名已被注册，请重新注册”。 作业：注册新用户，再验证注册相同用户名
|
|
|
|
|
任务目标：显示已登录的管理员账户名称，注销退出登录，通过用户中心修改管理员自己的登录密码。 1、新建用户中心yonghu.php页面，在管理页面中添加连接文字“个人资料”链接到yonghu.php页面。 2、在yonghu.php页面中绑定阶段记录"MM_Username",显示登录的用户名，建链接文字“注销”-用户身份验证-注销用户。注意：阶段记录要与注销或者访问问权限等一起使用才能正常显示。 3、通过表单更新记录即可修改用户中心账号的密码。 作业：修改密码并登录验证 |
|
||
|
4、在result.php中筛选出答案表单变量为daan值，拖动显示密码结果。（此时筛选条件只是答案，与用户名无关） |
|
找回密码 | |
|
任务目标：数据库中手动设置超级管理员账号权限1，新建管理员账号管理页面，拥有权限1的管理员才可以删除普通管理员用户信息。 设置访问权限可以实现分级管理，也可以增加网络安全性。 设置超级管理员对普通管理员的信息进行管理 1、在管理员账号表user2中新增字段quanxian用来存放管理员账号的权限值，给其中一个账号赋值为“1”。 2、在管理员登录页面选择登录记录项为：用户名、密码、权限 3、新建管理员管理页面vip.php，在管理页面中新增链接文字“会员管理”链接到vip.php 4、在vip.php中添加服务器行为-限制对页的访问（用户名、密码、权限） 5、在vip.php中绑定用户信息表记录，预设对所有管理员账号的修改和删除操作。 作业：分别无权限的普通管理员账号和有权限的超级管理员账号登录。进行权限验证。
|
|
电子商务网站案例 | |
|
任务目标：对商品分类信息进行添加，方便录入商品分类信息。在商品首页用户能够点击商品类型进行商品分类查询显示。 新建数据表用于存放商品分类信息。 2、在商品信息表中增加字段type,用来存放商品类别
4、在表单中增加一行商品分类：插入表单-选择（列表/菜单），选择动态列表值 5、更新插入记录 6、在管理页面中显示出商品类别 动态列表/菜单：静态选项为静态选项值。来自记录集把记录集指定字段中包含的值作为选项值（可以复制代码添加多个记录集字段数据）。选取值等于即初始化数据的值（此值必须包含于上面两个选项中才能正确显示）。 作业：新增商品，选择商品类别，并在管理员页面中显示。 7、在商品展示首页添加商品分类记录集，在左侧添加区块，在其中显示商品分类列表。 8、给分类列表添加链接到当前页的URL参数，传输值为商品分类的名称值。 可以使用urlencode()对URL参数中的中文进行处理，如：urlencode( $...........]) 9、添加商品记录集，筛选出符合URL参数的商品分类 10、复制原有卡片，粘贴到其下方成为新卡片 11、设置原有卡片区块的显示条件为“有筛选记录集数据”就不显示。 12、设置新卡片显示条件为“有晒选记录集"才显示。 作业：通过点击商品分类显示商品信息
|
|
电子商务网站案例 | |
|
任务目标：添加商品图片 将图片按原名传至指定文件夹中，将图片的名称存在商品数据表中 1、在站点中新建文件夹“upload”,用来存放商品图片 2、在shangpin信息表中增加photo_src字段，用来存放每一条记录中商品图片的名称 3、将两个上传处理文件复制到站点文件夹中，与添加商品页面位于同一主目录下。新建images文件夹，将初始预览图pic.jpg移至其中。 4、在添加商品add.php页面表单商品名称后增加一行，添加“上传图片”按钮，修改按钮代码（文件及代码下载中）。，注意按钮的类型为“botton",不能为“提交”，否则点击时将提交表单空记录。此时可以将图片上传至文件夹中。注意图像名称不能为汉字，必须为要求的格式。 5、在按钮后面插入隐藏域来获取图片的名称，隐藏域的ID设为rePic,隐藏域后面插入上传预览默认图像pic.jpg，图像ID设置为showImg。此时通过执行上面的按钮代码能正确显示上传的图片的预览图。 6、更新插入记录，图片名称信息获取地址为隐藏域rePic。此时能把图片名称存储到数据库商品记录表中。 7、打开商品展示首页，更新商品记录集，在卡片中第一行插入upload中一张已经上传的图像，图像宽度设置为200，高度200，获取到图片的静态名称，设置图片的大小尺寸。在页面中临时插入图像名称的记录集用获取图片名称的动态代码，替换掉原来的静态名称。 8、首页测试，此时每一张卡片都能获取到相应记录的图片名称。 作业： 添加商品并在主页显示商品图片。 |
|
|
|
|
制作新闻添加页面，通过文本编辑器编辑网站新闻页面，在首页中显示新闻标题，单击以后显示新闻详细页。 1、在数据库中新建数据表news,添加字段用来存储新闻的titile标题，content内容和date日期。格式分别设置为文本、长文本和日期。 2、建立添加新闻add-news页面，用表单制作添加新闻表单。增加添加新闻标题文本的宽度。添加新闻内容为多行文本，ID为news-con。获取日期文本的代码修改为“type=datetime-local”添加选取时间控件，此时可以实现不带文本编辑器的新闻添加插入记录效果。 3、下载文本编辑器解压保存到相应目录中。参照代码保证调用编辑器目录路径不要出错。 4、在添加新闻页面头部添加代码： <script type="text/javascript" src="ueditor/ueditor.config.js"></script>
在页面代码结束位置（最后）添加获取UEditor编辑器的代码： <script type="text/javascript"> 5、保存预览，此时可以用编辑器添加新闻。在代码中可以修改编辑器的尺寸。 6、在商品首页中添加公司动态区块，添加新闻记录集，降序排列，显示新闻标题列表，建立链接到新闻详细页。news.php 7、新建新闻详细显示页面news.php，显示单条新闻的详细信息。 8、在管理页面中添加“添加新闻”链接，设置各个页面的返回按钮。 作业：制作网站新闻发布页面 |
|
||
|
将选中的信息添加到购物车数据表中 |
|
电子商务网站案例 | |
|
将购物车信息生成订单 |
|
电子商务网站案例 | |
|
在线支付需要开通微信商户号对应的API接口 |
|
电子商务网站案例 | |
|
1、主页banner轮播图制作 2、熟悉网站域名申请注册流程
填空题参考答案： 统一资源定位符,接收服务,域名解析,动态路由,文件传输,超文本标记语言,测试,发布,标题,站点,远程站点, gif,单元格边距,单元格间距, 2,#,单元格,外部样式,逗号,替换文本
|
|