项目10策划与制作个人艺术网站

1、项目10策划与制作个人艺术网站一、教学建议通过以上11个项目的学习，学生们已经经历了从不知制作网页从何处下手到逐步熟悉网站制作的流程、HTML标记属性，以及了解并掌握网页制作软件Dreamweaver CS3各个模块功能的工程。在基本熟悉了制作静态网页的常用工具基础上，该项目以制作一个个人网站为实例，系统地总结了前面所学的知识，达到温故而知新的效果，目的是使学生能自己独立制作一个具有特色的静态网站。矚慫润厲钐瘗睞枥庑赖賃軔朧。该项目理论知识详尽， 要求结合上机实践操作， 巩固学生的理论知识， 提高学生的学习兴趣， 并以 项目总结”的形式通过 发现问题一一解决问题一一总结问题”的方式加深学生的印

2、象， 增强学习效果。聞創沟燴鐺險爱氇谴净祸測樅。为了提高学生的应试能力，尤其是一些考级需要， 建议教师在教学的过程中有意识地穿插该项目后面 自我评测”的操作题与该教材配套光盘中配套的实例题，让学生在实际操作的过程中解决一些问题，达到理论实践一体化的效果，以便学生更好更牢固的掌握知识点，学以致用。残骛楼諍锩瀨濟溆塹籟婭骤東。、教学简案课题任务1网站创建的流程参考资料教材、教师手册教学配套光盘素材教学方法教师讲解、演示。学生讨论，上机实践操作。授课节数1课时教学目标1了解小型网站的建设流程。2熟悉网站的设计原则。3掌握制作小型网站的要点。相关知识1网站制作的基本流程2网站设计3网站的打开速度学习重

3、点1熟悉制作一个网站的具体流程及每个流程所要做的主要工作。2了解网站内容的设计、网站色彩的设计、网页布局的设计、网站结构的 设计。3. 了解提咼网页打开速度的方法，及几种减小网页体积的方法。教学内容网站制作的基本流程了解客户的需求2 网站设计3.制作网站4 .测试网站5.发布网站6 .维护网站 网站的设计1.网站的内容的设计2 .站色彩的设计3 .页的布局“ T型布局：主要特殊点是页面顶部为横幅广告区（网站标志+广告条），下方左侧为导航菜单，右侧显示网页文体内容的布局。口 ”型布局：主要特点是页面上侧有一个广告条，下侧是版权区，左侧和右侧都有相关信息三”型布局：主要特点是页面上横向几条色块或区

4、间，将页面整体分割为小平方向的几部分。对称对比布局：采取左右或者上下对称的结构，一般用于设计型站点。4 .网站的结构设计网站目录的结构对于网站的上传和维护有着重要的作用，不要将所有的文件都不分类别地存在站点根目录下，应该将文件进行分类。三.提高网站的打开速度在设计网页时最基本的要求是美观且精简，保证用户访问网页时有较高的访问速度。减小网页体积可以通过以下几个方法来实现： 网页布局尽量采用 DIV+CSS方式。通过外部文件的形式使用 CSS+文件和JavaScript脚本文件。 减小网页中各种多媒体文件的体积，如网页中的图像、动画等，通过图形 处理软件和动画软件进行优化，尽理将它们的大小控制在5

5、0KB以内。任务实施： 了解用户需求 网站设计实施建议1制作一个实用的网站，在动手制作网页之前，有许多工作要准备，由此 引入课题，与学生讨论制作网页前需要准备的工作程序。2以 茗香绿长”香茗专卖链锁公司的小型企业网站为例，介绍制作网站的 工作流程。课后评价通过该任务的学习，学生可详细了解一个网站的详细制作过程。课题任务2站点目录的规划和设置参考资料教材教学配套光盘素材教学方法教师讲解、演示。学生讨论，上机实践操作。授课节数1课时教学目标1掌握网站的规划，养成良好的工作习惯。相关知识1站点目录规划2素材的收集、制作和整理。学习重点1掌握站点目录规划的方法。2学会收集、制作和整理素材。教学内容相关

6、知识一、站点目录规划站点目录就是存放当前网站中所有网页文件和相关文件的文件夹（目录）。要注意以下几点。站点根目录中的文件存放要合理根据划分的栏目来建立相应的文件夹在每个栏目文件夹下建立独立的资源文件夹目录的层次不要太深二、素材的收集、制作和整理文字是网页的主要表现内容，要能体现网站及各栏目的主题，充分表达用 户创建网站的用意。制作过程中可以围绕网站主题对文字进行增、删、改 等处理。图片是网页中最重要的兀素之一，使用图片可以使网页更加形象生动，绚 丽的视觉冲击，使得网页更具吸引力。收集方式主要有：通过网络搜索， 使用数码相机拍摄，扫描纸质图片，使用Photoahop、Fireworks等专业软件

7、制作。网页中常用的图片文件格式主要有：GIP、JPG、PNG三种。动画兀素进一步丰富了网页的页面效果，增强效力。网页中常用的动画文 件主要有：SWF和GIF两种格式。声音兀素为网页增添了听觉功能，让言语、音乐等日常兀素进入到网页， 丰富了网页的信息传播方式。网页中常用的声音文件主要有：MP3、WMF、RM等。视频兀素实现了在网页中看电影（视频）的功能，进一步强化了网页的信 息传播能力。网页中常用的视频主要有：RMVB、MPG4、MOV、FLV等。实施建议1站点目录规划是制作网站的基础工作，良好的站点规划可以为今后的制 作提供极大的便利。2指导学生奸商合理的站点文件夹。一边温习以前的知识，一边实

8、践动手 操作。课后评价该任务旨让学生运用前期所学的知识独立规划站点目录。课题任务3制作含按钮、导航栏、表单的交互式网页参考资料教材教学配套光盘素材教学方法教师讲解、演示。学生讨论，上机实践操作。授课节数1课时教学目标1掌握制作过的制作网站的导航界面的方法。 2掌握制作表单网页的方法。相关知识1按钮、导航栏、表单、交互式网页。学习重点1制作过的制作网站的导航界面。2制作表单网页。教学内容任务实施建立导航栏超链接打开站exercise中的ex dwt,dwt模板文件。设置主采单导航如表 10-1表示。 保存模板文件后，相应的网页文件中导航设置也会随模板文件的改变而自 动改变。将home.html文

9、件中的主采单导航和辅助导航也设置成与表10-1和表10-2所示。home.html文件的左侧有 知名氽叶 的分类目录导航，这是一个辅助导航 栏，用于介绍我国各类知名茶叶品种。独立成为一个模块，其相关网页和 资源文件存放在站点文件夹中的tea子文件夹中。图10-15所示就是 绿茶”子页的结构。茶品导航的相关链接如表10-3所示。在网页中使用表单茗香绿长”网站中的 在线预订”（如图10-14所示）和 信息反馈”网页中 均需使用用表单来收集客户信息。图10-16所示就是 信息反馈”页的表单布局部分。实施建议1. 结合以前所学知识再次突出网页导航的重要性。2. 熟练掌握制作导航界面和表单网页。课后评论

10、通过该项目的学习， 学生掌握了制作过的制作网站的导航界面的方法和制 作表单网页的方法。不过学生如果想制作一个由吸引力的网站，还需要不 断地实践和学习。课题任务4制作子页，完善网站参考资料教材教学配套光盘素材教学方法教师讲解、演示。学生讨论，上机实践操作。授课节数1课时教学目标1. 在前面3个任务的基础上疏理已经制作过的制网页。2. 补充完善没有制作的网页。相关知识1.补充完善网站中的网页。学习重点1.补充完善网站中的网页。教学内容任务实施在 Windows环境中，打开站点首页home.html。测试首页中各链接是否正常，如果有不能正常打开的网页，应分析是超链 接书写错，还是缺失网页文件，如果是

11、超链接接书与错则通过Dreamweaver修改超链接。如果是网页缺失，则使用 Dreamweaver来补充完善。所有应用过网页模板的网页，只需测试其中一个就可以了，如 comp nay.html。茶道交流只是对当前网页的一个简单扩展，只要能正常链接就算成功。 练习时，本板块的更多内容可根据自己的兴趣进行扩充。知名茶品板块中子页较多，要对各种类型的茶叶制作相关网页。Ma nager文件中保存着网站的后台管理系统。在案例中只是一个模拟网页，采用的是框架结构。全面测试各网页正确无误后，在通过Dreamweaver将所有使用至网页模板和为的网页文件 从模板中分离”以及 从源文件中分离” 发布网页。实施

12、建议1结合前面3个任务，疏理已经制作过的制网页。可以通过浏览的方式来 检查哪些网页尚未完成，也可通过网站地图来检查。2应用已经学过的知识，对布局相似的网页使用模板和库，布局不冋的网 页则需要从头新建。课后评论通过该项目的学习，学生掌握了制作一个具有特色的网站的流程及方法。 网站是否有吸引力除了设计出养观的界面，还需要不断地翻新内容，不断 地精心维护。【组织教学】检查学生出勤情况，做好学生考勤记录。强调上课课堂纪律，活跃互动教学气氛。【课题导入】通过前面的学习，我们掌握了静态网页制作的一般方法。 网站就是若干网页文件和相关资源 构成的，如何合理地设置网站的功能， 规划网页的结构， 组织网站的资源以及后期维护等各 方面的工作是进行网站综合设计的基础。 酽锕极額閉镇桧猪訣锥顧荭钯。网站制作的基本流程通常是：了解客户的需求 T网站设计T制作网站T测试网站T发布网站T维护网站。在该项目的学习中， 我们通过制作一个小型企业网站，了解制作一个网站的基本流程，并通过该项目的学习，系统地回忆以前所学的知识，温故知新。彈贸摄尔霁毙攬砖卤庑诒尔肤。【技能训练】（上机实训：6课时）一、