网设计与制作课程设计
web网页制作课程设计
web网页制作课程设计一、课程目标知识目标：1. 让学生掌握Web网页制作的基本概念，如HTML、CSS、JavaScript等；2. 使学生了解网页设计的基本原则，包括布局、色彩、字体等；3. 帮助学生掌握常用的网页制作工具和技术，如Dreamweaver、Sublime Text等。
技能目标：1. 培养学生独立完成网页设计与制作的能力，包括编写代码、调整布局、优化页面等；2. 提高学生解决实际问题的能力，如调试代码、优化网页性能等；3. 培养学生团队协作和沟通能力，能够与他人共同完成项目。
情感态度价值观目标：1. 培养学生对Web网页制作的兴趣，激发学生学习编程的热情；2. 培养学生认真负责、精益求精的工作态度，提高学生的审美观念；3. 引导学生关注互联网发展趋势，培养创新意识和探索精神。
课程性质：本课程为实践性较强的学科，注重培养学生的动手能力和实际操作技能。
学生特点：学生具备一定的计算机操作基础，对网页制作有一定了解，但对编程知识掌握较少。
教学要求：结合学生特点，采用案例教学、任务驱动等方法，注重理论与实践相结合，提高学生的实际操作能力。
在教学过程中，关注学生的个体差异，鼓励学生积极参与，充分调动学生的主观能动性。
通过课程学习，使学生能够独立完成网页设计与制作，为未来从事相关工作奠定基础。
二、教学内容1. 网页制作基础知识：包括HTML、CSS、JavaScript等基本概念，以及网页设计的基本原则和流程。
- 教材章节：第一章至第三章- 内容列举：HTML标签、属性、页面结构；CSS样式、选择器、布局；JavaScript语法、事件处理、DOM操作。
2. 网页制作工具与技术：介绍常用的网页制作工具和技术，如Dreamweaver、Sublime Text等。
- 教材章节：第四章- 内容列举：Dreamweaver界面与功能；Sublime Text基本操作、插件安装与使用。
3. 网页布局与设计：学习网页布局的基本原则，掌握常见的布局方式，提高页面设计能力。
网络课程设计方案
1.组织实施：明确项目责任主体，制定详细的实施计划，确保项目顺利进行。
2.资源配置：合理配置人力、物力、财力等资源，保障项目实施所需。
3.质量监控：建立质量监控机制，定期对网络课程的教学质量进行评估。
4.成效评估：通过数据分析和用户反馈，评估项目成效，为优化方案提供依据。
五、项目预期成果
（3）课程时长：根据课程难度和知识点数量，合理设置课程时长，保证学习效果。
2.教学模式
（1）在线直播：教师通过直播平台进行实时授课，与学习者互动交流。
（2）录播课程：将课程内容制作成视频，供学习者随时观看。
（3）混合式教学：结合在线直播、录播课程和线下实践，提高学习效果。
3.教学方法
（1）任务驱动法：以任务为导向，引导学习者主动探究、解决问题。
3.确保网络课程的合法合规性，保护学习者权益。
4.提高教学质量和学习满意度，促进教育公平。
三、设计方案详述
1.课程内容规划
-按照学科门类和教育阶段，系统规划课程体系。
-结合国家教育标准和市场需求，定期更新课程内容。
-强化课程内容的科学性、实用性和时代性。
2.教学模式设计
-采用异步在线学习与同步在线互动相结合的教学模式。
5.合法合规性保障
（1）遵守国家相关法律法规，确保课程内容的合法性。
（2）尊重知识产权，使用正版教材，防止侵权行为。
（3）加强对教师和学生的管理，维护网络教学秩序。
6.学习支持与服务
（1）提供在线咨询、答疑等服务，解决学习者在学习过程中遇到的问题。
（2）建立学习社区，鼓励学习者相互交流、分享经验。
（3）开展线上线下活动，提高技术手段，增强学习体验。
-提供个性化学习路径规划，满足不同学习者的需求。
课程设计报告(web前端开发)
课程设计报告(web前端开发)一、课程目标知识目标：1. 学生能理解并掌握HTML5、CSS3和JavaScript的基础知识，了解网页的基本结构和常见的前端开发技术。
2. 学生能了解并运用响应式设计原理，实现不同设备上的网页适配。
3. 学生掌握DOM操作，能实现动态交互效果和数据绑定。
4. 学生了解前端框架Vue.js的基本使用，能运用其进行组件化和模块化开发。
技能目标：1. 学生能运用所学知识独立完成静态网页的设计与制作，具备基本的网页布局能力。
2. 学生能通过JavaScript和框架实现简单的网页交互功能，提高用户体验。
3. 学生具备团队协作能力，能在项目中发挥自己的专长，与他人共同完成项目开发。
情感态度价值观目标：1. 培养学生对前端开发的兴趣和热情，激发其主动学习和探索的精神。
2. 培养学生具备良好的编程习惯，注重代码规范和性能优化。
3. 培养学生面对困难和挑战时，保持积极心态，善于寻求解决方案。
4. 培养学生具备合作精神，尊重他人意见，学会倾听和沟通。
课程性质：本课程为实践性较强的课程，注重培养学生的动手能力和实际项目经验。
学生特点：学生具备一定的计算机基础，对前端开发有一定了解，学习积极性较高。
教学要求：结合实际项目案例，以任务驱动的方式进行教学，注重理论与实践相结合，提高学生的实际操作能力。
同时，关注学生的个体差异，进行差异化教学，确保每个学生都能在课程中取得进步。
在教学过程中，及时评估学生的学习成果，调整教学策略，以达到课程目标。
二、教学内容1. 网页基础知识- HTML5基本标签、属性和文档结构- CSS3选择器、样式属性、盒模型和布局- 网页色彩、字体和图标设计2. 响应式设计- 媒体查询和设备适配- 弹性布局和网格布局- 移动端和桌面端页面优化3. JavaScript基础- 数据类型、运算符、流程控制- 函数、对象和数组- DOM操作、事件处理和表单验证4. 前端框架Vue.js- Vue.js基本概念、生命周期和指令- 组件化开发和模块化设计- 数据绑定、计算属性和侦听器5. 项目实战- 网页设计与制作：静态页面布局、样式设计、交互功能实现- 前端工程化：版本控制、构建工具、性能优化- 团队协作：项目分工、沟通与协作、代码审查教学内容安排与进度：第一周：网页基础知识学习第二周：响应式设计原理与实践第三周：JavaScript基础及DOM操作第四周：Vue.js框架学习第五周：项目实战与前端工程化第六周：团队协作与项目总结教材章节关联：《HTML5与CSS3权威指南》第1-5章、第7-9章《JavaScript高级程序设计》第1-6章、第13章《Vue.js实战》第1-7章教学内容确保科学性和系统性，结合实际案例，使学生掌握前端开发的核心知识，培养其解决实际问题的能力。
网页设计与制作说课
出包括课程主要知识点的综合性网站。期末考核成绩占总评成绩的 60%
四 教学资源
4.1 教材选用情况数字化教辅资源 4.2 实践教学条件 4.3 师资队伍
4.1 教材选用情况数字化教辅资源
六 课程特色
特色： 教学观念先进，突出应用能力培养。 本课程本着理论够用、实践加强的原则，突出应用能力的培养。适 时调整教学内容，保持与Web技术的发展同步。改革考核方式，注 重学生的学习过程。
创新点：
1、在学习当中，注意引导学生获得美的熏陶，提高审美能力。 2、强调技术与艺术的融合，将网页作品当作一份具有生命力的 艺术品。 3、 以真实网站作为教学案例，让学生在真实工作环境中训 技能，提高学生适应岗位需求的能力。 4、 虚拟项目设计考核模式。，给学生一些虚拟项目作为课程 设计，培养学生单独规范的做项目的能力及网站设计的综合能力， 也让学生找工作时可以向用人单位提供一个完整的网站设计的作品
其它网络资源
4.2 实践教学条件
学生实习实训机房具有一定规模，能够人手一机，满足教学大纲要求 的全部实训内容和选修实训内容。学生上机所需的软件齐备，如： PhotoShop、dreamweaver等。在多年的教学过程中，本课程 已具备了较完整的多媒体教学的条件，有整套的电子教案，案例、习 题等
4.3 师资队伍
3. 重视以真实的社会项目作为教学内容，倡导将教学结果作为项目内 容直接提交给用户，使得学另外生能够零距离地接触市场。扩大校 外实训基地建设，以满足本课程真实工作任务下的教学。
4. 在学习网页设计技术之前，引入美术课程的教学，使学生具备一定 的美术功底
动态网页制作课程设计
动态网页制作课程设计一、教学目标本课程旨在通过学习动态网页制作的相关知识，让学生掌握HTML、CSS和JavaScript基本技能，能够独立完成简单动态网页的设计与制作。
在知识目标方面，要求学生了解网页设计与制作的基本原理，掌握HTML标签的使用、CSS样式设计和JavaScript脚本编程。
在技能目标方面，要求学生能够运用所学知识进行网页布局、美观设计和交互功能实现。
在情感态度价值观目标方面，培养学生对网页设计与制作的兴趣，提高创新意识和团队协作能力。
二、教学内容本课程的教学内容主要包括HTML、CSS和JavaScript三个部分。
教学大纲安排如下：1.HTML基础知识：介绍HTML的基本结构、标签及其属性，使学生能够理解并正确使用HTML标签编写网页。
2.CSS样式设计：讲解CSS的基本语法、选择器、属性和单位，培养学生对网页样式的设计和调整能力。
3.JavaScript脚本编程：介绍JavaScript的基本语法、函数、事件处理和DOM操作，使学生能够实现网页的交互功能。
4.综合实践：通过实际案例，让学生综合运用所学知识完成一个动态网页的设计与制作。
三、教学方法为了提高教学效果，本课程将采用多种教学方法相结合的方式。
包括：1.讲授法：教师讲解基本概念、语法和技巧，引导学生掌握动态网页制作的相关知识。
2.案例分析法：分析经典案例，让学生了解动态网页制作的实际应用，提高学生的实践能力。
3.实验法：学生在实验室进行实际操作，巩固所学知识，培养实际动手能力。
4.小组讨论法：分组进行讨论，促进学生之间的交流与合作，培养团队协作能力。
四、教学资源为了支持教学内容和教学方法的实施，我们将准备以下教学资源：1.教材：《动态网页制作教程》及相关辅助资料。
2.多媒体资料：PPT课件、教学视频、在线教程等。
3.实验设备：计算机、网络环境、网页设计软件等。
4.在线资源：为学生提供丰富的在线学习资源，如开源框架、教程博客等，便于学生自主学习和拓展。
商丘网站建设课程设计
商丘建设课程设计一、教学目标本课程旨在让学生掌握商丘建设的基本知识和技能，培养他们运用网络技术进行创新的能力。
具体目标如下：1.知识目标：学生能够理解建设的原理、流程和关键技术，包括域名注册、规划、网页设计、推广等。
2.技能目标：学生能够熟练使用网页制作软件，如HTML、CSS、JavaScript等，独立完成一个小型的设计与制作。
3.情感态度价值观目标：学生通过课程学习，培养对网络技术的热爱，增强创新意识，提高团队协作能力，为将来的学习和工作打下坚实基础。
二、教学内容本课程的教学内容主要包括以下几个部分：1.建设基础知识：介绍的概念、类型和发展历程，使学生了解建设的背景和意义。
2.域名与空间：讲解域名注册、空间选择的相关知识，让学生掌握建设的首要步骤。
3.网页设计：教授HTML、CSS、JavaScript等网页制作技术，培养学生独立设计网页的能力。
4.规划与推广：讲解规划、优化和网络营销的方法，提高学生建设和运营的整体能力。
5.建设实践：学生进行设计实践，培养学生的动手能力和创新精神。
三、教学方法本课程采用多种教学方法，以激发学生的学习兴趣和主动性：1.讲授法：教师讲解基本概念、原理和关键技术，为学生提供系统性的知识体系。
2.案例分析法：分析典型案例，使学生了解建设的实际应用，提高学生的实践能力。
3.实验法：学生进行设计实践，培养学生的动手能力和创新精神。
4.讨论法：分组讨论，引导学生主动思考、交流，培养学生的团队协作能力。
四、教学资源为支持本课程的教学内容和教学方法，我们将准备以下教学资源：1.教材：选用权威、实用的教材，为学生提供系统的学习资料。
2.参考书：提供丰富的参考资料，拓展学生的知识视野。
3.多媒体资料：制作精美的PPT、视频等多媒体资料，提高学生的学习兴趣。
4.实验设备：保障学生能够顺利进行设计实践，培养学生的动手能力。
5.网络资源：利用网络资源，为学生提供更多的学习信息和实践机会。
网页设计与制作课程设计
网页设计与制作课程设计一、课程目标知识目标：1. 让学生掌握网页设计的基本概念，包括网页结构、布局、色彩搭配等；2. 使学生了解并熟悉HTML、CSS等网页编程语言；3. 让学生掌握网页制作的基本工具和软件，如Dreamweaver、Photoshop 等；4. 引导学生了解互联网发展趋势，提高对网页设计行业标准及规范的认识。
技能目标：1. 培养学生运用HTML、CSS进行网页编写的能力，能独立完成静态网页的制作；2. 培养学生运用网页设计工具和软件进行创意设计的能力，提高网页视觉效果；3. 培养学生团队协作能力，能在团队项目中发挥个人特长，共同完成复杂网页设计任务。
情感态度价值观目标：1. 激发学生对网页设计的兴趣和热情，培养创新精神和审美观念；2. 培养学生严谨细致的工作态度，注重细节，追求卓越；3. 引导学生关注互联网产业发展，树立正确的职业观念，为未来职业生涯奠定基础。
课程性质：本课程为实践性较强的学科，注重理论知识与实践操作的相结合。
学生特点：本课程针对初中年级学生，学生具备一定的计算机操作基础，好奇心强，喜欢探索新事物。
教学要求：结合学生特点，采用案例教学、任务驱动等方法，注重培养学生的实际操作能力。
在教学过程中，将课程目标分解为具体的学习成果，以便进行有效的教学设计和评估。
二、教学内容1. 网页设计基础知识：包括网页的基本结构、布局原则、色彩搭配技巧等，对应教材第一章内容。
- 网页的基本结构及其作用- 常见的网页布局类型及特点- 网页色彩搭配原则及视觉效果2. 网页编程语言HTML、CSS：学习HTML、CSS基本语法及其应用，对应教材第二章内容。
- HTML标签及其使用方法- CSS选择器、属性及其应用- 网页样式表编写及优化3. 网页制作工具与软件：学习Dreamweaver、Photoshop等软件的基本操作，对应教材第三章内容。
- Dreamweaver的基本操作与使用技巧- Photoshop在网页设计中的应用- 网页图片处理与优化4. 网页设计与制作实践：通过实际案例，培养学生动手能力，对应教材第四章内容。
DreamweaverCS5网页设计教程课程设计
Dreamweaver CS5网页设计教程课程设计一、教学目标本课程的主要目标是：1.了解网页设计的基本原理与规范。
2.掌握Dreamweaver CS5的使用方法和网页设计技巧。
3.能够独立完成基本网页设计与制作。
二、教学内容2.1 网页设计概述本章主要介绍网页设计的概念和原理，阐述网页设计的规范和流程。
包括以下内容：1.网页设计的概念和作用。
2.网页设计的规范和流程。
3.网页设计中常用的设计软件和工具介绍。
2.2 Dreamweaver CS5入门本章主要介绍Dreamweaver CS5的基本界面和功能，让学生熟悉Dreamweaver CS5的基本操作。
包括以下内容：1.Dreamweaver CS5的安装和界面介绍。
2.Dreamweaver CS5的基本功能介绍。
3.Dreamweaver CS5的基本操作。
2.3 网页设计基础本章主要介绍网页设计的基础知识和技巧，包括页面布局、图片处理、文字处理和颜色搭配等。
包括以下内容：1.页面布局的概念和方法。
2.图片处理和文字处理的技巧。
3.颜色搭配的原则和方法。
2.4 网页设计实战本章主要介绍如何使用Dreamweaver CS5实现网页设计，通过实战让学生熟练掌握Dreamweaver CS5的使用和网页设计的流程。
包括以下内容：1.Dreamweaver CS5实现网页设计的流程。
2.网页设计实战案例介绍和指导。
3.指导学生独立完成网页设计任务。
三、教学方法本课程采用教师授课和学生实践相结合的教学方法。
具体包括：1.教师讲课。
2.演示Dreamweaver CS5的使用。
3.学生模仿和操作。
4.学生独立完成网页设计任务。
四、考核方式本课程的考核方式主要采用网页设计实战任务和学生作业。
具体包括：1.网页设计实战任务：由教师给出网页设计题目，要求学生独立完成。
任务要求设计符合规范、美观大方的网页，并在规定时间内提交。
2.学生作业：要求学生根据教师课堂讲解和演示，完成与课程相关的作业。
《dreamweaver网页设计与制作》课程标准
《Dream weav er网页设计与制作》课程标准一、课程定位和课程设计（一）课程性质与作用“网页设计与制作”是高职电子商务专业的职业技能课，重点讲述网页设计与制作的基础知识、基本理论和基本技能，是一门包含了网页、网站的概念、网页主要工具软件dreamweaver中文版的使用以及网页制作的拓展内容（Flash、Firework）等诸多知识的操作性极强的技能型应用课程，是本专业的一门带有实践环节的专业基础课程，是电子商务专业学生的必修课程。
“网页设计与制作”是“电子商务网站规划与管理”和“动态网页设计与制作”等课程的前期基础课程。
通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件dreamweaver的使用等基础知识，熟练运用网页制作的工具软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。
本课程培养学生的职业素养和创新能力，为日后走向工作岗位打下理论与实践基础。
通过本课程的学习实现学生思想过硬、理论基础扎实、实际工作能力强的教学目标。
(二)课程基本理念本课程遵循职业性原则，以学生未来职业中可能用到的知识为中心，采用任务驱动的设计理念，以学生为主体，多元智力的学生观，突出课程的职业性，实践性和开放性，紧紧盯住产业需求，牢牢贴近一线服务，专业融入产业，规格服务岗位。
（三）课程设计思路主要指课程设计的总体思路：基于工作任务的结构模式，采取提出问题----介绍解决问题的方法----归纳总结，培养寻找答案的思维方法的模式。
以问题引导出相关原理和概念，在讲述实例的过程中融入，通过分析归纳，介绍解决工程实际问题的思想和方法，然后进行概括总结。
二、课程目标通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件dreamweaver的使用等基础知识，熟练运用网页制作的工具软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。
课程设计网页设计目的
课程设计网页设计目的一、教学目标本课程旨在让学生掌握网页设计的基本概念和技能，能够运用HTML、CSS等工具制作出功能完善、界面美观的网页。
通过本课程的学习，使学生了解网页设计的基本原则和方法，提高学生的创新能力和实践能力。
具体目标如下：1.知识目标：（1）了解网页设计的基本概念和原则；（2）掌握HTML、CSS的基本语法和常用标签；（3）熟悉网页设计的流程和方法。
2.技能目标：（1）能够使用HTML、CSS编写简单的网页；（2）能够运用网页设计原则和方法，制作出界面美观、功能完善的网页；（3）具备一定的网页设计创新意识，能够根据需求进行网页设计。
3.情感态度价值观目标：（1）培养学生对网页设计的兴趣，提高学生的审美素养；（2）培养学生团队协作精神，提高学生的实践能力；（3）培养学生创新意识，激发学生自主学习能力。
二、教学内容本课程的教学内容主要包括以下几个部分：1.网页设计基本概念：介绍网页设计的定义、发展历程和基本原则；2.HTML基本语法及常用标签：讲解HTML的基本语法，常用标签的使用方法及属性；3.CSS样式表：介绍CSS的基本语法，常用样式属性的设置方法；4.网页设计方法：讲解网页设计的流程和方法，如布局、配色、字体等；5.网页设计实践：分组进行网页设计实践，培养学生的实际操作能力。
三、教学方法本课程采用多种教学方法相结合，以提高学生的学习兴趣和主动性：1.讲授法：讲解网页设计的基本概念、原理和方法；2.案例分析法：分析优秀网页设计案例，使学生了解实际应用；3.实验法：学生动手实践，制作网页，培养实际操作能力；4.讨论法：分组讨论，分享设计心得，培养学生团队协作精神。
四、教学资源为了支持本课程的教学内容和教学方法，我们准备以下教学资源：1.教材：《网页设计基础》，用于引导学生掌握基本概念和原理；2.参考书：《HTML与CSS实战指南》，辅助学生学习HTML和CSS语法；3.多媒体资料：提供优秀网页设计案例，便于学生分析和借鉴；4.实验设备：计算机、网络等，供学生进行网页设计实践。
《网络课件设计与制作》
网络课件中互动与评测的设计和实现
1
互动设计
添加问题、测验、交互式控件等来激发学习
评测功能
2
者的参与度和思考能力。
设计学习者的自测或评估，检验学习成果并
提供个性化的反馈和建议。
3
数据分析
收集互动和评测数据，分析学习者的表现和 需要，用于课程改进和个性化教学。
网络课件的版权问题与知识产 权保护
在使用他人素材时要遵守版权法律，注意引用和署名，保护自己的作品不被 盗用。
《网络课件设计与制作》
什么是网络课件设计与制作？
网络课件设计与制作是指利用多媒体技术和互联网平台，创作并发布适合在 线学习的教育课件，以实现有效教学和学习的目的。
网络课件设计与制作的意义和 作用
网络课件设计与制作使教学更具互动性、趣味性和灵活性，提供学习资源的 便捷访问和交流，促进学习效果的提升。
基于视频的课件
通过视频创作课件，可以提供 直观的学习体验。
网络课件设计的思路和方法
1
需求分析
了解受众需求，明确学习目标和教学内容。
2
教学策略
选择适合的教学方法和策略，设计课件的整体架构。
3
内容创作
编写、整理和优化课件的教学内容。
分析不同学习群体需要需要注 意的问题
考虑受众的年龄、背景和学习风格，个性化和差异化教学的要求。
文字和图片之间要有适当的 比例和空白，保持整体平衡 和美观。
网络课件中视频、音频、动画等多媒体素材的 应用
视频
使用视频可以展示实际操作、模拟 场景、讲解复杂概念等，增强学习 效果。
音频
音频可用于朗读文本、播放配乐、 引导学习者思考等，丰富课件的听 觉体验。
动画
网页制作课程设计报告完整版
《网站制作》课程设计系别：信息技术系专业：班级：姓名：学号：指导老师：李枫完成日期：2015年07月9日目录《网站制作》课程设计 (1)目录 (2)一、设计任务与要求 (3)课设目的 (3)课设内容 (3)具体要求 (3)设计环境 (3)二、设计方案 (3)三．实现过程 (3)四、心得体会 (17)五、参考资料 (18)六、附录 (19)1、网站效果图 (19)2、网站中各网页屏幕截图 (19)一、设计任务与要求课设目的1、复习巩固网站设计与制作的基础知识：HTML、CSS和JS，进一步加深对Photoshop制作网页效果图、Dreamweaver布局网页等技术的理解和掌握，培养学生策划和制作商业网站的实践能力。
2、训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、音视频资料、flash动画和网页特效等，提高学生的美工设计能力。
3、课程设计为学生提供了一个既动手又动脑，独立实践的机会，将课本上的理论知识和实际有机的结合起来，锻炼学生的分析解决实际问题的能力。
课设内容针对目前互联网上的网站制作背景和需求，策划、设计与制作一个完整的商业网站。
具体网页的内容自拟，但以下网站主题可供参考、选择：1、图书销售网站2、学校网站3、旅游网站4、摄影网站5、公司宣传网站6、驾校网站7、精品课程网站8、婚庆网站9、团购网站10、政府网站……具体要求1、动手制作网页之前：必须认真做好网站的需求分析，包括市场调查，定位网站目的，策划好网站的主题及功能定位，创意出网站的风格和亮点，确定网页色彩基调。
图1 网站结构图 规划好网站的风格和结构，网站主要内容及板块，各板块的具体内容及功能。
分析出“网站层次结构图”、 “网页版面设计”，以及“网站策划方案”。
2、创建完善的目录结构：站点文件夹采用英文单词命名，站点文件夹中所包含文件夹：images （存放图片文件）flash （存放动画文件）css （存放CSS 样式表文件）js （存放JS 脚本文件）other （存放其它文件）源文件 （存放自己设计的PS 源文件、Flash 源文件）首页命名为index.html ，其余文件全部用英文命名3、制作网页前，收集好所需的文字资料、图像资料、网页特效。
网页制作课程设计报告总结
一、引言课程设计是一块“试金石”，是加深对自我能力认识的重要途径。
大学的学习基本上都是理论的接受，而缺少能力的熟练与加强，我们缺少的并不是知识的储备，而是能力的积蓄。
但由于大学特殊的学习模式和环境，缺少实际情景的见证和实践活动的参与，同学之间缺乏必要的交流和比对，使得我们很多时候很难对自身的能力有明晰的认识，能力缺陷往往被遮蔽起来。
而课程设计“前所未有”地考验着我们的知识迁移和运用能力、适应环境的能力、应对突发事件的能力以及如何处理人际关系等各方面的能力，为我们提供了不可多得的见证的机遇和平台。
通过这次课设，我们可以新的思考维度有效发现自己能力上的缺陷。
综合运用所学理论知识、方法和技能，开展实际工作，巩固专业技能，培养和强化社会沟通能力；树立新的发展起点和目标，通过课设，认识社会的需要，发现自身的差距，培养面对现实的正确态度和独立分析解决问题的基本能力；培养良好的职业精神，适应毕业以后的实际工作需求。
二、课程设计目的掌握HTML格式语言，能使用网页设计工具，理解动态页面技术的工作原理三、课程设计任务（1）用HTML或网页设计工具设计网页（2）用IE浏览器浏览所设计的网页，要求页面美观，包含常见的HTML格式元素（3）包含动态页面技术（有脚本代码或后台逻辑代码）四、设计方案选择：选择动态页面和静态页面相结合，取长补短。
设计分工：谷加林：主页、留言板、主页动态效果的代码编写协助所有组员完成代码的编写杜春吉：主页设计、留言板设计、总体排版、协助所有组员完成设计。
蔡旺：注册网页代码编写和学校风貌网页设计及相关资料收集处理。
姜文粹：登录网页代码编写和学校简介网页设计及协助素材收集整理。
五、具体设计内容作用：美化网站，提高网页的浏览效率，页面以简单风格为主，背景以白色为主。
页面右上角边有网站导航条，背景以半透明白色为主。
冲该页面可以看出，该网站主要是宣传学校，所以要简洁大方，不要太花哨。
界面如图所示主页面部分代码如下：头部<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>南京工程学院欢迎您</title><link type="text/css" rel="stylesheet" href="css/base.css" /><link type="text/css" rel="stylesheet" href="css/style.css" /><script type="text/javascript" language="javascript" src="js/jquery-1.7.2.min.js"></script><script type="text/javascript" language="javascript" src="js/common.js"></script><script type="text/javascript" language="javascript" src="js/flash.js"></script><script type="text/javascript" language="javascript" src="js/scroll.js"></script></head><body><div style="border-top:6px solid #128be9;"></div><div class="wrap"><!--header--><div class="header clearfix"><div class="header-a fl"><a href="#" class="clearfix"><img src="images/logo.jpg" alt="#" width="140" height="140" class="fl" /><img src="images/logo22.jpg" alt="#" width="211" height="76" class="fr" style="margin-top:25px;margin-left:25px;"/></a></div><div class="header-b fr" style="margin-top:30px;"><ul class="clearfix"><li class="fl"><a href="index.html" class="header-bb">网站首页<p>home</p></a></li><li class="fl"><a href="about.html">学校概况<p>about</p></a></li><li class="fl"><a href="news.html">新闻资讯<p>news</p></a></li><li class="fl"><a href="views.html">风貌展示<p>views</p></a></li><li class="fl"><a href="#">招贤纳士<p>join us</p></a></li><li class="fl"><a href="team.html">小组介绍<p>connect</p></a></li></ul></div> //导航菜单</div><!--index--><div class="index clearfix"><div class="flash tc"><ul>/div><script type="text/javascript">$(document).ready(function(){$(".scroll").imgscroll({speed: 40, //图片滚动速度amount: 0, //图片滚动过渡时间width: 1, //图片滚动步数dir: "left" // "left" 或"up" 向左或向上滚动});});</script><div style="border:4px solid #CCC;margin-top:50px;"></div> </div></div><!--friendlinked--><div class="index-fri"><ul class="clearfix"><li class="fl"><a href="#">友情链接</a></li><li class="fl"><a href="#">友情链接</a></li><li class="fl"><a href="#">友情链接</a></li><div class="footer"><a href="#">网站首页</a>|<a href="#">学校概况</a>|<a href="#">新闻资讯</a>|<a href="#">风貌展示</a>|<a href="#">在线留言</a>|<a href="#">人才招聘</a>|<a href="#">联系我们</a><p>学校地址： 江宁区科技园弘景大道1号</p></div></div></div></body></html>Flash—js//首页焦点图特特效$(function() {var sWidth = $(".flash").width(); //获取焦点图的宽度（显示面积）var len = $(".flash ul li").length; //获取焦点图个数var index = 0;var picTimer;//以下代码添加数字按钮和按钮后的半透明长条var btn = "<div class='btn'>";for(var i=0; i < len; i++) {btn += "<span>" + "</span>";}btn += "</div>"$(".flash").append(btn);$(".flash .btnBg").css("opacity",0.5);//为数字按钮添加鼠标滑入事件，以显示相应的内容$(".flash .btn span").mouseenter(function() {index = $(".flash .btn span").index(this);showPics(index);}).eq(0).trigger("mouseenter");//本例为左右滚动，即所有li元素都是在同一排向左浮动，所以这里需要计算出外围ul元素的宽度$(".flash ul").css("width",sWidth*len);//鼠标滑上焦点图时停止自动播放，滑出时开始自动播放$(".flash").hover(function() {clearInterval(picTimer);},function() {picTimer = setInterval(function() {showPics(index);index++;if(index == len) {index = 0;}},3000); //此3000代表自动播放的间隔，单位：毫秒}).trigger("mouseleave");//显示图片函数，根据接收的index值显示相应的内容function showPics(index) {var nowLeft = -index*sWidth; //根据index值计算ul元素的position$(".flash ul").stop(true,false).animate({"left":nowLeft},500); //通过animate()调整ul元素滚动到计算出的position$(".flash .btn span").removeClass("on").eq(index).addClass("on"); //为当前的按钮切换显示效果}});Scroll--js//图片滚动调用方法imgscroll({speed: 30,amount: 1,dir: "up"});$.fn.imgscroll = function(o){var defaults = {speed: 40,amount: 0,width: 1,dir: "left"};o = $.extend(defaults, o);return this.each(function(){var _li = $("li", this);_li.parent().parent().css({overflow: "hidden", position: "relative"}); //div_li.parent().css({margin: "0", padding: "0", overflow: "hidden", position: "relative", "list-style": "none"}); //ul_li.css({position: "relative", overflow: "hidden"}); //liif(o.dir == "left") _li.css({float: "left"});//初始大小var _li_size = 0;for(var i=0; i<_li.size(); i++)_li_size += o.dir == "left" ? _li.eq(i).outerWidth(true) : _li.eq(i).outerHeight(true);//循环所需要的元素if(o.dir == "left") _li.parent().css({width: (_li_size*3)+"px"});_li.parent().empty().append(_li.clone()).append(_li.clone()).append(_li.clone());_li = $("li", this);//滚动var _li_scroll = 0;function goto(){_li_scroll += o.width;if(_li_scroll > _li_size){_li_scroll = 0;_li.parent().css(o.dir == "left" ? { left : -_li_scroll } : { top : -_li_scroll });_li_scroll += o.width;}_li.parent().animate(o.dir == "left" ? { left : -_li_scroll } : { top : -_li_scroll }, o.amount);}//开始var move = setInterval(function(){ goto(); }, o.speed);_li.parent().hover(function(){clearInterval(move);},function(){clearInterval(move);move = setInterval(function(){ goto(); }, o.speed);});});};网站简介作用：介绍网站概况，用文字介绍网站战略、业务、团队、案例的具体情况。
网络平台做课程设计
网络平台做课程设计一、教学目标本章节的教学目标分为三个维度：知识目标、技能目标和情感态度价值观目标。
1.知识目标：学生能理解并掌握本章节的核心概念和知识点，如（请在此处填写具体的知识点）。
2.技能目标：学生能够运用所学知识解决实际问题，如（请在此处填写具体的技能）。
3.情感态度价值观目标：学生能够认识到（请在此处填写具体的情感态度价值观），培养对（请在此处填写具体的学科或领域）的兴趣和热情。
二、教学内容本章节的教学内容以教材为基础，结合相关知识点和案例，进行详细讲解和分析。
具体内容包括：1.教材章节：第一节、第二节、第三节（请根据实际情况填写具体章节）。
2.教学内容：–知识点一：（请在此处填写具体的知识点）–知识点二：（请在此处填写具体的知识点）–知识点三：（请在此处填写具体的知识点）三、教学方法本章节的教学方法采用多样化的手段，以激发学生的学习兴趣和主动性。
具体方法包括：1.讲授法：教师对核心概念和知识点进行详细讲解，引导学生理解和掌握。
2.讨论法：学生分组讨论，分享自己的想法和观点，培养合作和沟通能力。
3.案例分析法：分析具体案例，让学生将理论知识应用于实际情境中。
4.实验法：进行实验操作，让学生亲身体验和实践，提高动手能力。
四、教学资源本章节的教学资源包括教材、参考书、多媒体资料和实验设备等。
具体如下：1.教材：选用（请在此处填写教材名称），引导学生系统学习。
2.参考书：提供相关参考书籍，丰富学生的知识体系。
3.多媒体资料：制作PPT、视频等多媒体资料，直观展示知识点和案例。
4.实验设备：准备实验器材，让学生亲身体验和实践。
五、教学评估本章节的教学评估将采用多元化的方式，以全面、客观、公正地评价学生的学习成果。
评估内容包括：1.平时表现：关注学生在课堂上的参与度、提问回答、小组讨论等，以了解学生的学习态度和理解程度。
2.作业：布置适量作业，要求学生独立完成，以巩固所学知识。
3.考试：设置期中考试和期末考试，全面检测学生对本章节知识的掌握情况。
《网页设计与制作》课程标准
网页设计与制作课程标准课程代码：建议课时数：学分：适用专业：五年制高职电子商务专业先修课程：图像处理、数据库管理、实用网络技术后续课程：动画制作、电子商务网站建设一、前言.课程的性质该课程是江苏省五年制高职电子商务专业的一门专业平台课程，是一门实用性极强的课程。
其任务是：该课程主要涉及到网站建设规划与管理、语言、静态网页制作、动态网页制作等内容；通过本课程的学习，学生能具备建立、管理和维护动态网站运行环境的知识和基本能力。
通过学习，掌握网络的基础知识，网站建设的基本方法，网页制作的基本方法以及初步掌握通过创建动态网站的操作技能。
.设计思路本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，将中小型网站建设与管理的职业岗位能力中用到的知识点融合在项目中。
学生通过各项目的系列练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。
它体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。
课程框架结构、学分和学时分配、对学生选课的建议二、课程目标总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的网站。
具体目标（一）知识教学目标：了解网站的历史和现状，对当今网站应用的各种技术有一个感性的认识。
了解网站平面设计的概念和过程。
了解的基本概念、基本格式、能编写一个网页；了解的工作原理；知道启动服务扩展；知道虚拟服务器技术的实现与创建；了解网站的管理包括：配置备份与恢复、网络监视、日志管理。
学会并掌握站点建设能制作简单网页学会并掌握使用布局表格和单元格设计页面布局；掌握框架网页的创建、调整、删除等基本操作学会并掌握在网页中添加图像的基本方法、设置图像属性、变换图像效果等，掌握多种超链接的创建方法、以及设置超链接目标窗口及文本提示、设置邮件链接、书签链接等，掌握在网页中插入各种多媒体元素。
网页设计课程设计任务书
网页设计课程设计任务书一、课程目标知识目标：1. 了解网页设计的基本概念，掌握HTML、CSS等网页制作语言的基础知识；2. 学习网页布局、色彩搭配、字体选用等设计原则，提高网页审美能力；3. 掌握网页设计的流程和常用工具，了解网站发布与维护的基本方法。
技能目标：1. 能够运用HTML、CSS编写简单的网页代码，实现静态网页的设计与制作；2. 能够运用设计原则，进行网页布局、色彩搭配和字体选用，提高网页视觉效果；3. 能够使用网页设计工具，如Dreamweaver、Photoshop等，进行网页设计与制作；4. 能够独立完成一个简单网站的设计、制作与发布。
情感态度价值观目标：1. 培养学生对网页设计的兴趣，激发创新意识和实践能力；2. 培养学生团队协作精神，提高沟通与表达能力；3. 增强学生对网络信息的认识，提高网络安全意识。
课程性质：本课程为实践性较强的学科，注重培养学生的动手能力和创新能力。
学生特点：初中生，具有一定的计算机操作基础，好奇心强，喜欢探索新事物。
教学要求：结合学生特点，以实践操作为主，理论讲解为辅，注重培养学生的实际操作能力和创新精神。
将课程目标分解为具体的学习成果，以便于教学设计和评估。
二、教学内容1. 网页设计基础知识：- 网页设计基本概念与分类- 网页设计的发展历程与趋势- 网页制作相关技术简介（HTML、CSS、JavaScript等）2. 网页设计与制作：- 网页布局设计原则（如：页面结构、导航栏设计等）- 色彩搭配与字体选用- 网页图片处理与优化- HTML、CSS基本语法与运用- 网页动画与交互效果实现3. 网页设计工具与技巧：- 常用网页设计工具介绍（如：Dreamweaver、Photoshop等）- 网页设计技巧与实践（如：切图、布局、响应式设计等）4. 网站发布与维护：- 网站域名与空间选择- 网站发布与上传方法- 网站维护与更新策略教学大纲安排与进度：第一周：网页设计基础知识学习第二周：网页设计与制作（一）第三周：网页设计与制作（二）第四周：网页设计工具与技巧第五周：网站发布与维护第六周：综合实践与作品展示教学内容与教材关联性：本教学内容紧密结合教材，按照教材章节顺序进行教学，确保学生能够系统地掌握网页设计相关知识。
计算机网络课程设计方案
计算机网络课程设计方案一、课程目标计算机网络课程旨在让学生掌握计算机网络的基本概念、原理、技术和应用，培养学生的网络设计、管理和维护能力，以及解决实际网络问题的能力。
通过本课程的学习，学生应达到以下目标：1、理解计算机网络的体系结构和协议，包括 OSI 参考模型和TCP/IP 协议栈。
2、掌握网络拓扑结构、传输介质、网络设备（如路由器、交换机）的工作原理和配置方法。
3、熟悉网络层、传输层、应用层的主要协议（如IP、TCP、UDP、HTTP、FTP 等）及其工作机制。
4、具备网络规划、设计和实现的能力，能够构建简单的局域网和广域网。
5、掌握网络安全的基本概念和技术，能够进行基本的网络安全防护。
6、学会使用网络工具和软件进行网络性能测试、故障诊断和分析。
二、课程内容1、计算机网络概述计算机网络的定义、发展历程和分类。
网络的性能指标，如带宽、延迟、吞吐量等。
2、网络体系结构与协议OSI 参考模型和 TCP/IP 协议栈的层次结构和功能。
数据在各层的封装和解封装过程。
3、物理层传输介质（如双绞线、同轴电缆、光纤）的特性和应用。
数字信号和模拟信号的转换。
4、数据链路层数据链路层的功能，如帧封装、差错控制、流量控制。
以太网协议和 MAC 地址。
5、网络层IP 协议，包括 IP 地址的分类、子网掩码、路由选择算法。
ICMP 协议和 ARP 协议。
6、传输层TCP 协议和 UDP 协议的特点和工作机制。
端口号的概念和用途。
7、应用层HTTP、FTP、SMTP、POP3 等常见应用层协议的原理和应用。
DNS 域名系统的工作原理。
8、网络安全网络安全的威胁和防范措施，如防火墙、入侵检测系统。
加密技术和数字证书。
9、网络管理网络管理的功能和模型。
SNMP 协议的原理和应用。
10、网络实验构建简单的局域网，包括网线制作、交换机和路由器的配置。
网络性能测试和故障诊断。
三、教学方法1、课堂讲授通过讲解、演示和案例分析，传授计算机网络的基本概念、原理和技术。
个人网页课程设计
个人网页课程设计一、课程目标知识目标：1. 学生能理解个人网页的基本结构，掌握HTML、CSS等网页设计语言的基础知识。
2. 学生能运用所学知识，设计并制作具有个人特色的网页，包括文本、图片、链接等多媒体元素。
3. 学生了解网站发布流程，掌握基本的网络知识。
技能目标：1. 学生能够运用网页设计软件，独立完成个人网页的规划和制作。
2. 学生能够通过搜索引擎、参考书籍等途径，解决网页制作过程中遇到的问题。
3. 学生具备一定的审美能力，能够对个人网页进行合理的布局和美化。
情感态度价值观目标：1. 学生培养对计算机科学的兴趣，提高信息技术素养。
2. 学生通过个人网页的制作，锻炼自主学习和解决问题的能力，增强自信心。
3. 学生在合作交流中，学会尊重他人意见，培养团队协作精神。
4. 学生了解网络安全、网络道德等相关知识，树立正确的网络价值观。
本课程针对初中年级学生，结合课程性质、学生特点和教学要求，将目标分解为具体的学习成果。
通过本课程的学习，使学生能够掌握网页设计的基本知识，具备独立制作个人网页的能力，并在实践中培养良好的情感态度价值观。
1. 网页基础知识：讲解网页的基本结构，HTML、CSS的基本语法，使学生了解网页设计的基本原理。
教材章节：第一章 网页设计与制作基础2. 网页制作软件操作：教授Dreamweaver、Notepad++等网页制作软件的使用，使学生掌握基本的操作方法。
教材章节：第二章 网页制作工具介绍3. 网页布局与设计：讲解网页布局的基本原则，教授CSS布局方法，指导学生进行个人网页的布局设计。
教材章节：第三章 网页布局与CSS4. 多媒体元素应用：教授如何在网页中插入文本、图片、链接等元素，并进行样式设置。
教材章节：第四章 网页多媒体元素5. 网页发布与维护：讲解网站发布流程，教授如何将个人网页上传至服务器，了解基本的网络知识。
教材章节：第五章 网页发布与维护6. 网络安全与道德：使学生了解网络安全、网络道德等相关知识，树立正确的网络价值观。
班级网站建设_课程设计
5、大笑江湖（包含典型笑话，增加生活情趣）
1.5
本网页主要基于windows XP的操作系统，安装IIs、网页三剑客：Macromedia Dreamweaver、Macromedia Fireworks、Macromedia Flash的运行坏境及Photoshop CS4。
二
2.1
本系统是利用Dreamweaver为运行工具，IIS为运行环境，利用HTML、VBSCRIPT语言和JAVASCRIPT语言设计而成。在浏览器中将做好的班级主页打开，绿色为主的界面，给人清新舒适的感觉，班级简介，班级活动剪影，班级动态，学校新闻加上友情链接，布局合理，内容充实。
2.2
图1网站结构图
<br />
用户：
<label>
<input name="username" type="text" size="10" />
密码：
<input name="password" type="password" size="10" />
<br />
<br />
<input name="login" type="submit" id="password" value="登录" />
<title>08网1主页</title>
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网设计与制作课程设计文档编制序号：[KK8UY-LL9IO69-TTO6M3-MTOL89-FTT688]沈阳工业大学《网页设计与制作》课程设计题目：电话簿管理系统学院：工程学院专业/班级：电子商务1101姓名：陈超同组人姓名：燕海霞王莉黄程程唐易灵指导教师：关学铭报告时间： 2014年 6月20日成绩与教师评语目录一网页设计的总体概述网页设计网页设计是网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。
企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。
网页设计的建站包含：企业网站、集团网站、门户网站、社区论坛、电子商务网站、网站优化技术等，如中华网库，在行业中各自有各自的作用。
网页设计是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。
不同领域的网页设计，网页图形设计，界面设计，创作，其中包括标准化的代码和专有软件，用户体验设计和搜索引擎优化。
许多人常常会以工作小组负责不同方面的设计过程中，虽然有些设计师将他们所有的网页设计是设计过程的前端（客户端）的设计用于描述一个网站，包括写标记，但是这是一个灰色地带，因为这还覆盖了网络的发展。
网页设计师预计将有意识的可用性，如果他们的作用，需要创建标记，那么它们也有望成为最新的网页易读性指引。
网页设计的目的本课程的设计目的是通过实践使同学们经历Dreamweaver 8开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。
结合具体的开发案例，理解并初步掌握运用Dreamweaver 8 可视化开发工具进行网页开发的方法;了解网页设计制作过程。
通过设计达到掌握网页设计、制作的技巧。
了解和熟悉网页设计的基础知识和实现技巧。
根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。
熟练掌握Photoshop 8、Dreamweaver 8 等软件的的操作和应用。
增强动手实践能力，进一步加强自身综合素质。
我本次主要是设计的是以“电话簿管理系统”为主题的网页。
网页设计的任务任务一、网站欣赏：Dreamweaver CS3提供了站点创建与管理工具，通过站点管理器可以更好地利用站点对文件进行管理，实现本地路径设置、地址信息管理、远程服务器信息管理、测试服务器环境配置、模板和库管理等功能。
任务二、网页布局：网页布局的好坏是决定网页美观与否的一个重要因素，主要从两方面去理解，一种是结构布局，另一种是艺术布局。
通过合理的布局，可以将页面中的文字、图像等内容完美、直观地展现给访问者，同时合理安排网页空间，优化网页的页面效果和下载速度。
因此，在对网页进行布局的过程中，应遵循视觉的对称平衡、对比、凝视和空白等原则。
常见的网页布局形式包括:π型布局、“三”型布局、框架布局和 POP布局。
任务三、色彩基础：网页设计是一种特殊的视觉设计，它对色彩的依赖性很高。
由于色彩能够在不知不觉间影响人的心理，左右人的情绪，所以色彩设计也是网站风格设计的决定性因素之一。
任务四、软件的安装：启动计算机，将Dreamweaver CS3光盘放入CD-ROM驱动器中，找到Dreamweaver CS3安装文件，双击即可启动安装程序。
按操作向导提示操作即可完成全部安装过程。
网页设计的要求内容本程序的设计是为用户提供一个电话薄管理平台，给用户提供一个管理联系人的联系方式的小系统。
本电话薄管理系统利用计算机对通讯录进行统一管理，包括了添加、修改、查询记录等功能。
程序中涉及结构体、数组、文件等方面的知识，从而实现通讯录管理工作的系统化、规范化和自动化，给用户的工作和生活提供便利。
系统模块设计:整个电话薄管理系统包括如下几个功能模块。
(1) 输入记录模块:输入记录模块主要完成将数据存入数组中的工作。
在此电话薄管理系统中，记录可以从以文本形式存储的数据文件中读入，也可以从键盘逐个输入记录。
(2) 查询记录模块:查询记录模块主要完成在数组中查找满足相关条件的记录。
在电话薄管理系统中，用户可以按照联系人姓名或联系人电话号码在数组中进行查找。
(3) 更新记录模块:更新记录模块主要完成对记录的维护。
在电话薄管理系统中，它能实现对记录的修改、删除、插入和排序操作。
(4) 输出记录模块:输出记录模块主要完成两个任务HTML标记语言基本内容：1.构建HTML网页2.文本及版面风格控制3.图像、超链接和表格的表单的其他常用标记6.层叠样式表CSS。
要求：1）了解HTML语言与高级语言（如VB、C等）的区别；识记网页常用标记及属性，如标题、字体、段落、图像、超链接、表格等；2）熟练掌握HTML表单中各界面对象的标记符号和属性，如表单、文本域、列表域、复选框与单选钮、命令按钮等；3）熟练掌握在Dreamweaver中使用层叠样式表CSS；了解层叠样式表与标记属性的区别。
Dreamweaver8基本内容1．Dreamweaver8基础知识2．设计站点3．文字处理与图像4．超链接5．表格与图层的使用6．框架7．层叠样式表CSS8．表单与行为要求：了解Dreamweaver8基础知识、掌握设计站点、文字与图像处理、超链接、表格与图层的使用、框架、层叠样式表CSS、表单与行为。
平面图像处理软件基本内容：1．灵活运用Fireworks 8作网站的图像处理2．灵活运用Flash 8作网站的动画处理要求：了解网页文字素材、图形图像素材、声音素材、动画素材的基础和Fireworks、Flash的使用方法。
本文所制作网页主题内容介绍网页题目电话簿管理系统网页主题内容本文网页是沈阳工业大学工程学院11级电子商务专业小苹果组合的电话簿，其中包括对小苹果成员电话信息进行添加、删除和修改，以及及时更新成员的电话号码和所在单位部门，方便其他同学及时取得小苹果成员的最新联系方式和相关动态。
二网页素材制作Fireworks制作图片2.2Photoshop制作首页图片三程序设计与实现功能设计（1）制作该网页页面主要实现电话簿的管理，其主要功能分别为：添加电话；电话管理；电话修改<table width="428" height="38" border="1" align="center"><tr><td><div align="center"><a href="">添加电话</a></div></td>’将添加电话设置成超链接，点击“添加电话”跳转到进行操作’<td><div align="center"><a href="">电话管理</a></div></td>’将电话管理设置成超链接，点击“电话管理”跳转到进行操作’<td><p align="center"><a href="">注销登录</a></p></td></tr>’将注销登录设置成超链接，点击“注销登录”跳转到进行操作’</table>3.2数据库设计四程序测试（1）网页登录页面（2）电话簿管理网页首页首页显示数据库中存入的电话信息：（3）首页搜索引擎通过输入姓名，实现在数据库中搜索数据的功能：功能实现代码：<table width="90%" border="0" align="center" cellpadding="1" cellspacing="1" bgcolor="#6699cc"><tr> <td height="20" bgcolor="#6699cc" align="center"style="BACKGROUND-IMAGE: url(images/; COLOR: #330099; font: "><span class="STYLE1 blackText">搜索电话 </span></td></tr><tr> <td height="60" bgcolor="#FFFFFF"> <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0"><tr> <form name="form2" method="post"action="action=select"> <td align="center">按姓名查找: <input name="namekey"type="text" ="namekey2" size="12"> <input name="checkbox" type="checkbox" ="checkbox2" value="1" checked>模糊查询<input type="submit" name="Submit2" value="查询"></td></form></tr></table></td></tr></table>（4）电话添加页面点击首页添加电话弹出该页面，带有星号的选项必须进行填写，填写好信息后点击保存，将数据添加到数据库。