网设计与制作课程设计
- 格式:docx
- 大小:60.60 KB
- 文档页数:15
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. 网页布局与设计:学习网页布局的基本原则,掌握常见的布局方式,提高页面设计能力。
课程设计报告(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章教学内容确保科学性和系统性,结合实际案例,使学生掌握前端开发的核心知识,培养其解决实际问题的能力。
动态网页制作课程设计一、教学目标本课程旨在通过学习动态网页制作的相关知识,让学生掌握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. 网页设计与制作实践:通过实际案例,培养学生动手能力,对应教材第四章内容。
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.学生作业:要求学生根据教师课堂讲解和演示,完成与课程相关的作业。
《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.实验设备:计算机、网络等,供学生进行网页设计实践。
网设计与制作课程设计文档编制序号:[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)电话添加页面点击首页添加电话弹出该页面,带有星号的选项必须进行填写,填写好信息后点击保存,将数据添加到数据库。