2022年网页设计实训教案.docx

《2022年网页设计实训教案.docx》由会员分享，可在线阅读，更多相关《2022年网页设计实训教案.docx（16页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、精选学习资料 - - - - - - - - - 学习好资料 欢迎下载项目一 综合实训（网站保护）【项目内容】讲授站点的保护方法【项目目的】1. 该岗位工作流程及基本工作技能2. 页面内容的更新 例如 : 更新最新消息 3. 通过修改模板删除一个栏目或一个增加栏目4. 网站运行常见错误的处理 如断链、死链、孤立文件 5. 网站的推广策略【项目重点】1. 该岗位工作流程及基本工作技能2. 页面内容的更新 例如 : 更新最新消息 3. 通过修改模板删除一个栏目或一个增加栏目【项目难点】网站的推广策略【相关学问】一、网站保护的意义一个好的企业网站,不仅仅是一次性制作完善就可以的了,由于企业的情形在不

2、断地变化,网站的内容也需要随之调整,给人常新的感觉,这样才会更加吸引拜访者,而且给拜访 者很好的印象； 这就要求我们对站点进行长期的不间断的保护和更新；特殊是在企业推出了 新产品, 或者有了新的服务内容,等有了大的动作或变更的时候,都应当把企业的现有状况 企业也可以 准时地在网站上反映出来,以便让客户和合作伙伴准时的明白企业的具体状况,准时得到相应的反馈信息,以便做出合理的处理结果；二、网站保护的范畴 1. 网站技术支持及保护监测网站是否被黑客攻击,页面是否被篡改,监控因特网链路是否正常,确保网站数据库的安全,并对网站进行定期数据备份；2. 网站紧急复原服务 网站发生瘫痪等情形时,供应紧急复原

3、服务,解决故障直至网站复原开通；3. 日常数据监控针对具在线交互性的企业网站；定期监控站点论坛、留言板及专题评论等交互区域的信息回馈,删除无用信息,并特殊提示客户有用信息的显现；4. 信息更新名师归纳总结 本项服务可以为网站供应行业信息更新、企业信息更新、 产品与服务更新等内容的保护,第 1 页,共 10 页- - - - - - -精选学习资料 - - - - - - - - - 学习好资料 欢迎下载为企业可以制造和把握更多的商机；三、企业网站建设后的网站保护方法网站建好并不是一劳永逸的,建好网站后仍需要企业细心的运营保护才会越显成效；大致的说,企业网站建好之后,要做几个方面的工作：1、网站

4、内容的保护和更新网站的信息内容应当适时的更新,假如现在客户拜访企业的网站看到的是企业去年的新闻或者说客户在秋天看到新春欢乐的网站庆贺语,那么他们对企业的印象确定大打折扣；因此留意适时更新内容是相当重要的；在网站栏目设置上,也最好将一些可以定期更新的栏目如企业新闻等放在首页上,使首页的更新频率更高些；2、网站服务与回馈工作要跟上企业应设专人或特地的岗位从事网站的服务和回馈处理；客户向企业网站提交的各种回馈表单、购买的商品、发到企业邮箱中的电子邮件、在企业留言板上的留言等等,企业假如没有准时处理和跟进,不但丢失了机会, 仍造成很坏的影响, 以致客户不会再信任你的网站；3、网上推广与营销不行缺少要让

5、更多的人知道你的网站,明白你的企业就要在网上进行推广；网上推广的手段许多,有免费的, 也有付费的, 主要的推广手段包括搜寻引擎注册、注册加入行业网站、邮件宣扬、论坛留言、新闻组、友情连接、互换广告条、B2B（Business To Business 是企业与企业之间通过互联网进行产品、服务及信息的交换；）站点发布信息等；除了网上的推广外,仍有许多网上与网下结合的渠道；比如将网址和企业的商标一起使用,通过产品、信笺、名片、公司资料等途径可以很快地将企业的网站告知你的客户,动态；4、不断完善网站系统,供应更好的服务也便利他们从网上明白企业的最新企业初始建网站一般投入不是特别大,功能也不是很强； 随

6、着业务的进展,网站的功能也应当不断完善以满意顾客的需要,此时使用集成度高的电子商务应用系统可以更好地实现网上业务的治理和开展,从而将企业的电子商务带向更高的阶段,也将取得更大的收成；四、网站的推广策略要让更多的人知道你的网站,明白你的企业就要在网上进行推广；网上推广的手段许多,有免费的, 也有付费的, 主要的推广手段包括搜寻引擎注册、注册加入行业网站、邮件宣扬、论坛留言、新闻组、友情连接、互换广告条、B2B（Business To Business 是企业与企业之间通过互联网进行产品、服务及信息的交换；）站点发布信息等；除了网上的推广外,仍有许多网上与网下结合的渠道；比如将网址和企业的商标一起

7、使用,通过产品、信笺、名片、公司资料等途径可以很快地将企业的网站告知你的客户,动态；五、网站保护人员基本技能要求也便利他们从网上明白企业的最新名师归纳总结 - - - - - - -第 2 页,共 10 页精选学习资料 - - - - - - - - - 学习好资料 欢迎下载1. 能娴熟的运用网页三剑客、Photoshop 、DIV+CSS；2. 能对网站所需要的资料编辑整理, 对网站信息进行更新、保护、发布、审核；3. 能娴熟运用 windows 操作系统和 office 办公软件等；娴熟把握网络安全保护常识；4. 动态网站保护仍需把握、ASP,.net 【项目教学方法】1. 项目工程互动式

8、教学法2. “ 讲、学、练” 相结合：对于网站保护的相关操作细节,采纳演示、讲解和练习等方式；使同学在网站保护的实践中加深对概念的懂得,娴熟把握相关的操作细节；【项目设计】第一步：网站保护的意义（ 5 分钟左右）其次步：网站保护的范畴（ 10 分钟左右）第三步：企业网站的保护方法（ 10 分钟左右）第四步：工作流程和基本技能（ 10 分钟左右）第五步：实训项目实训项目一：网页内容的更新（静态页面、动态页面）（ 10 分钟左右）实训项目二：通过修改模板来添加或删除一个页面（ 10 分钟左右）实训项目三： 网站运行常见错误的处理 如断链、 死链、孤立文件 （ 10 分钟左右）第六步：网站的推广策略

9、（ 10 分钟左右）第七步：同学练习上述内容,老师指导（ 10 分钟左右）第八步：项目小结（ 5 分钟左右）【具体步骤】实训项目一 网页内容的更新（静态页面、动态页面） 一 静态页面内容的更新方法1. 下载需更新内容的页面及相关文件（如CSS样式文件）并做个备份；2. 使用 Dreamweaver 或其它网页制作工具对页面内容进行更换；3. 经审核无误后上传掩盖原文件；4. 验证内容是否更新正确、链接是否通畅； 二 动态页面内容的更新方法 1. 登录网站治理后台；2. 一般通过“ 文章治理” 功能找到需更新内容的文件,更新；3. 内容修改完后,挑选“ 更新” 功能提交更新内容；4. 验证内容是

10、否更新正确、链接是否通畅；挑选“ 编辑” , 对指定内容进行名师归纳总结 - - - - - - -第 3 页,共 10 页精选学习资料 - - - - - - - - - 学习好资料 欢迎下载实训项目二 通过修改模板来添加或删除一个页面案例网站为：法律文书写作与训练（一）删除“ 政策措施” 页面 1. 打开网页模板文件；2. 删除导航栏中的“ 政策措施” 条目及对应的网页文件；3. 储存模板文件并挑选“ 更新” 来更新使用了此模板的网页文件；4. 由于首面没有采纳此模板,仍需打开首页文件index.htm,删除其中的“ 政策措施”条目；5. 验证“ 政策措施” 栏目是否是删除；（二）添加“

11、政策措施” 页面 1. 打开网页模板文件；2. 在导航栏中添加“ 政策措施” 条目；3. 储存模板文件并挑选“ 更新” 来更新使用了此模板的网页文件；4. 应用此模板来创建对应的网页文件4. 由于首面没有采纳此模板,仍需打开首页文件index.htm,在导航栏中添加“ 政策措施” 条目；5. 验证“ 政策措施” 栏目是否是被添加；名师归纳总结 - - - - - - -第 4 页,共 10 页精选学习资料 - - - - - - - - - 学习好资料 欢迎下载实训项目三 网站运行常见错误的处理案例网站为：法律文书写作与训练（实训内容及步骤2006 年湖北省级精品课程网站） 一 检查并处理网站

12、中的断掉的链接 1. 打开此站点；2. 挑选“ 站点”- “ 检查站点范畴的链接” 或按Ctrl+F8 ；3. 在“ 结果” 面板中的“ 显示” 下拉框中挑选“ 断掉的链接” 后显示出存在断链的文 件及链接；4. 将其修正后,此项自动移去； 二 检查网站中的外部链接 1. 打开此站点；2. 挑选“ 站点”“ 检查站点范畴的链接” 或按Ctrl+F8 ；3. 在“ 结果” 面板中的“ 显示” 下拉框中挑选“ 外部链接” 后显示出存在的外部链接；4. 外部链接需人工确认其正确性； 三 检查网站中的孤立文件 1. 打开此站点；2. 挑选“ 站点” “ 检查站点范畴的链接” 或按 Ctrl+F8 ；3

13、. 在“ 结果” 面板中的“ 显示” 下拉框中挑选“ 孤立文件” 显示出存在的孤立；4. 将其修正后,此项自动移去；【项目小结】本次课我们主要叙述了网站保护的意义、网站保护的范畴、企业网站的保护方法、网站 保护工作流程和基本技能；通过三个实训项目运用实例讲解了网页内容的更新、通过修改模板来添加或删除一个页面、网站运行常见错误的处理；另外仍学习了网站的推广策略；名师归纳总结 - - - - - - -第 5 页,共 10 页精选学习资料 - - - - - - - - - 学习好资料 欢迎下载项目四 LeapFTP 上传 / 下载除了用 Dreamweaver 的上传 / 下载功能来实现站点的发

14、布、治理、 更新外, 用户仍可以使用 LeapFTP 等专业的上传 / 下载软件来实现；下面练习用 LeapFTP上传站点,具体操作如下；（1）从“ 开头” 菜单中启动LeapFTP,进入如下列图的界面；（2）在“FTP Server ” 文本框中输入用户注册的域名,即服务器地址；（3）在“User” 文本框中输入用户名,该名称是申请空间时由服务商指定的；（4）在“ Pass” 文本框中输入注册密码；为了安全起见,用户可以更换该密码；该密码一般也是申请空间时由服务商供应的,（5）用户名和注册密码通过后,在对话框右侧即会显现网站中的文件或目录,此时即 可在左侧下拉列表框框中挑选要上传的网页内容；

15、（6）挑选左侧列表框中需要上传的文件,拖放到右侧的窗口中即可；此时下方的窗口 中将显示上载的进度；（7）上传完成后,如要对网上的内容进行编辑,选取要编辑的文件夹或文件,单击鼠 标右键从弹出的快捷菜单中挑选需要的命令即可,如下列图；名师归纳总结 - - - - - - -第 6 页,共 10 页精选学习资料 - - - - - - - - - 学习好资料 欢迎下载当要修改网上某个网页的内容时就需要将网上的文件下载到本地机上后再进行更换；其操作方法是： 用 FTP连接欲下载的网站,在窗口的右侧文件列表中挑选需要更换的文件或文件夹, 再用鼠标右键单击该文件或文件夹图标,在弹出的快捷菜单中挑选“ 下载

16、” 命 令即可；上机操作题名师归纳总结 在 city01上申请一个免费空间,并将制作好的个人主页发布到网上申请的空间中；第 7 页,共 10 页- - - - - - -精选学习资料 - - - - - - - - - 学习好资料 欢迎下载项目五 个人网站制作实例基础学问利用布局视图布局个人主页,个人主页的内容策划；重点学问一个完整的个人主页的创建；本课将利用前面所学的学问,构建名为“ 吾茶吾心” 的个人网站,本网站以个人爱好茶文化为主题,将网站的主题定位在比较小的范畴内,并且跳出了以往个人网站的千篇一律的老模式； 主要介绍了茶文化的几个方面,栏目的划分比较简洁,网站的颜色和构图以古典的中国文

17、化为主要构成元素,有着浓烈的个人特色；本网站包括首页、茶艺茶道、 茶诗茶文和茶水茶具几部分；在构建本网站时, 本章将从建立站点开头以步骤的形式具体介绍在Dreamweaver MX 2004 中构建个人网站的方法；制作分析在制作本网站前应先在电脑中创建一个名为tea的文件夹,然后在该文件夹中创建image 和 org 文件夹； image 文件夹中储存网站中的全部图片；文件,以便利要对某个图片进行修改时直接进行修改即可；org 文件夹中放置图片的源制作本例时, 先新建一个名为 tea 的站点, 并储存在 tea 文件夹中, 然后在站点根目录下新建一个名为 index.htm 的页面文件；再新建

18、 wcwx.htm 页面文件,并将导航栏中的各项链接到对应的名称上,由于网站的各个页面并不是特别规整,这里将利用复制页面文件再进行修改的方法,将 wcwx.htm 页面文件复制成为 cscw.htm 页面文件,再对其进行修改；浏览网站如图 1 所示是“ 吾茶吾心” 网站的首页,如图 2 所示是“ 吾茶吾心” 页面,如图 3 所示是“ 茶诗茶文” 页面,如图 4 所示是“ 茶” 页面；图 1 名师归纳总结 - - - - - - -第 8 页,共 10 页精选学习资料 - - - - - - - - - 学习好资料 欢迎下载图 2 图 3 图四名师归纳总结 - - - - - - -第 9 页,共 10 页精选学习资料 - - - - - - - - - 学习好资料 欢迎下载上机操作题依据前面所学的学问,制作一个如图 5 所示的“ 我爱漫画” 的个人网站；这里只给出了网站的首页, 读者可以发挥自己的想像将这个网站建设完整,当然, 读者也可以依据自己的喜好, 建立自己的个人网站；需要留意的是个人网站是展现自己的一个平台,所以肯定要体现个人魅力,有自己的独到之处；名师归纳总结 - - - - - - -第 10 页,共 10 页