网页制作课程设计
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. 网页布局与设计：学习网页布局的基本原则，掌握常见的布局方式，提高页面设计能力。
网页制作基础教程课程设计
网页制作基础教程课程设计一、课程简介本课程旨在介绍网页制作的基础知识和技能，帮助学生掌握网页制作流程、HTML语言、CSS样式、JavaScript脚本的基本应用，从而能够独立完成常见网页的制作。
二、课程大纲第一章网页制作基础1.1 网页制作概述1.2 网页制作流程1.3 前端开发工具介绍第二章 HTML语言2.1 HTML基础语法2.2 HTML常用标签介绍2.3 HTML表单及其相关标签第三章 CSS样式3.1 CSS基础语法3.2 CSS样式设置方式3.3 CSS布局及常用样式第四章 JavaScript脚本4.1 JavaScript基础语法4.2 DOM操作4.3 jQuery库的基本应用第五章网页制作实战5.1 网页布局设计5.2 网页样式设置5.3 网页交互效果实现三、教学目标1.掌握网页制作的基础知识和技能，包括HTML、CSS、JavaScript的基本应用。
2.能够使用前端开发工具进行网页制作，熟悉常见的标签、属性、样式以及脚本的应用。
3.熟悉常见的网页布局方式，如流式布局、响应式布局等。
4.独立完成常见网页的制作，并能够添加一些简单的交互效果。
四、教学方法4.1 讲授通过课堂讲解、实例演示等方式，让学生掌握网页制作的基础知识和技能。
讲解内容要尽量通俗易懂，同时注意与学生的交互，引导学生提问和解决问题。
4.2 练习通过大量的实践练习，巩固学生所学的知识和技能。
练习内容应该与课堂讲解相结合，既要有基础知识的练习，也要有实战应用的练习，这样才能更好地将所学知识应用于实际工作中。
4.3 交流鼓励和引导学生之间的互动和交流，激发学生的自主学习能力。
可以在课堂上安排一些小组活动或讨论，让学生分享自己的经验和问题，并互相帮助解决问题。
五、考核方式考核方式为闭卷笔试和课程设计。
笔试占总成绩的60%，课程设计占总成绩的40%。
课程设计分为课堂设计和课后设计两部分，课堂设计为20%，课后设计为20%。
《制作网页》教学设计(精选)
《制作网页》教学设计(精选)《制作网页》教学设计(精选)一、引言现代社会高度依赖互联网，网页设计已经成为一项重要的技能。
本教学设计旨在帮助学生掌握制作网页的基本知识和技能，让他们能够独立设计并创建自己的网页。
二、教学目标1.了解网页设计的基本概念和原则；2.掌握HTML和CSS的基础知识；3.能够使用代码编辑器制作简单的网页；4.培养学生的创造力和团队合作能力。
三、教学内容1.网页设计的基本概念a.什么是网页设计？b.网页设计的重要性和应用领域c.网页设计的基本原则：布局、色彩、字体、图像等2.HTML基础知识a.HTML的作用和使用场景b.HTML的基本结构：标签、元素、属性c.常用的HTML标签：标题、段落、链接、图像等3.CSS基础知识a.CSS的作用和使用场景b.CSS的基本语法和选择器c.常用的CSS属性：字体、颜色、背景、边框等4.制作简单的网页a.使用代码编辑器创建HTML文件b.编写HTML代码并保存为网页文件c.编写CSS样式并与HTML文件关联5.项目实践a.学生分组，每个小组设计一个网页项目b.小组成员分工合作，实现网页设计与制作c.展示与评价：每个小组展示自己的网页项目，其他学生进行评价和提问四、教学方法1.讲授法：通过讲解网页设计的基本概念和原则，引导学生建立正确的认识；2.示范法：通过演示使用代码编辑器创建HTML文件和编写代码的过程，让学生能够清晰理解实际操作；3.实践法：通过项目实践，培养学生的实际操作能力和团队合作能力；4.评价反馈：通过展示与评价环节，激发学生的创造力，及时反馈学生的学习成果。
五、教学工具1.计算机和投影仪：用于演示和讲解；2.代码编辑器：推荐使用Sublime Text或Visual Studio Code等；3.浏览器：用于预览和测试网页效果；4.评价表格：用于学生展示与评价环节。
六、教学过程1.引入：通过展示一些精美的网页设计作品，引起学生的兴趣和好奇心；2.讲解：依次讲解网页设计的基本概念、HTML基础知识、CSS基础知识，并进行示范和实例演示；3.实践：将学生分组，并指导他们进行网页项目的设计与制作，引导他们运用所学知识完成项目；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. 网页设计与制作实践：通过实际案例，培养学生动手能力，对应教材第四章内容。
《网页制作》教学设计（5篇）
《网页制作》教学设计（5篇）作为一名优秀的教导工，通常会被要求编写教学设计，借助教学设计可以提高教学质量，收到预期的教学效果。
则写教学设计须要留意哪些问题呢？下面是我收拾的《网页制作》教学设计〔精选5篇〕，欢送阅读与收藏。
《网页制作》教学设计1一、教材或教学内容分析本章内容在本教材中的位置处于第五章,是在文字处理(Word2000)和网络根底及因特网应用两章之后。
学生所学的文字处理软件Word和将要学习的网页制作软件Frontpage同是Microsoft公司的产品,在软件的使用上有无数的共通之处,所以在学习frontpage的时候,无数内容可以让学生自学,而不必面面俱到地在课上讲授。
而第四章网络根底及因特网的应用又为学生对网页的理解奠定了根底,学生对网页中的根本元素——文字、图片、动画、声音等都有所了解,而网页的制作就是将这些元素重新组合到网页上,学生要学的就是这种组合的办法。
所以说,虽然大多数学生以前都未接触过网页的制作,但有了以上这些根底,学起来就轻巧多了。
本章内容根据学生已有的根底,我对教学内容分了一下类,也为教学的组织工作打下一点根底。
本章内容主要由网页根底学问、网站的建设和管理、网页的制作、创立超链接、图片的处理、网页框架。
重点是网页的制作和创立超链接,学会了这些就可以开场容易的网页制作了。
难点是网页框架,这局部互相之间关系比拟冗杂,必要时,教师在对各组个别辅导时,可以赋予分离解说。
这个分类可以为组长支配各个组员的任务提供参考,使分工越发合理。
二、教学对象的分析信息技术课虽然已经成为初中的必修科目,但是城乡学生之间控制状况的差别却相当大,条件好一点的初中学生不仅已经娴熟控制了课本上的内容,还对一些常用软件有所了解;而差一点的可以说是从高中开场才正式接触到信息技术学问的学习,他们须要多锻炼、多指导,所以配合学习对学生的学习帮忙很大。
三、教学策略的挑选及媒体的使用在教学策略的挑选上,我使用的是任务驱动和配合学习相结合的办法。
《网页制作》课程教学设计
《网页制作》课程教学设计一、教材分析《网页制作》是我校学生的主修科目。
在这之前，学生已经学习了《网络应用基础》，已初步掌握了因特网信息的浏览、检索、下载及电子邮件的使用等基本操作技能。
因此，学生已经具备了获取信息的能力，《网页制作》的教学则侧重培养学生对信息的组织和表达能力，这对于加强学生的信息意识，提高信息处理能力有着重要作用；网页设计给学生提供了展示个性、自主创新的舞台；网页评价使学生了解内容编排的原则，页面布局和色彩搭配的重要性，提高他们的艺术修养和审美情趣。
教学过程中使用的网页制作软件是Dreamweaver8。
由于Dreamweaver8采用了图形化的操作界面，并且可以根据用户创建的网页对象自动生成HTML代码，所以，在整个教学过程中，可以采用“任务驱动”的教学模式；学生通过“小组协作”的学习方式，在教师的指导下自主学习新知识和掌握新技能。
二、设计思想1、任务驱动“任务驱动”的教学原则是：学生的学习活动与大的任务或问题相结合，以探索问题来引发和维持学习者的学习兴趣和动机；创建真实的教学环境，让学生带着真实的任务去学习，在整个过程中，学生拥有学习的主动权，教师不断引导和激励学生前进，从而使学生真正掌握所学的内容，并通过此任务举一反三，收到更好的学习效果。
《网页制作》可以将创建一个“班级网页”作为教学的主线，教师通过创设情境，激发学生的创作欲望，把总任务划分到每个单元知识的学习中去，按照学生的制作进程来布置和调整子任务，使学生在教师的引导下逐步达成教学目标。
由于整个任务是以学生的学习生活为题材，相关的信息来自学生生活的班集体，所以能够激发学生的学习兴趣和创作欲望，使他们的学习态度从“要我学”到“我要学”发生巨大转变，从而顺利地完成学习任务。
2、小组协作协作学习是指学生以多人为单位分组协作学习，以培养协作精神和提高学习效率。
在协作学习过程中，个人学习的成功与他人学习的成功是密不可分的，学习者之间保持融洽的关系和相互协作的态度，共享信息和资源，共同负担学习责任，完成学习任务。
《网页制作》项目式教案
《网页制作》项目式教案一、教案简介本教案以项目式教学法为主线，通过一系列实践项目，让学生掌握网页制作的基本知识和技能。
学生将学习HTML、CSS、JavaScript等前端技术，并能运用这些技术制作出功能丰富、界面美观的网页。
二、教学目标1. 了解网页制作的基本概念和流程。
2. 掌握HTML、CSS、JavaScript三种前端技术的基本用法。
3. 能够独立完成一个简单的网页制作项目。
三、教学内容1. 网页制作基本概念：网页、网页元素、网页结构等。
2. HTML基本语法：标签、属性、注释等。
3. CSS样式表：选择器、属性、优先级、盒模型等。
4. JavaScript基本语法：变量、数据类型、运算符、函数等。
5. 网页布局与设计：浮动、定位、响应式设计等。
四、教学方法1. 项目式教学：以实际项目为载体，让学生在实践中学习。
2. 案例分析：分析经典案例，让学生了解实际应用。
3. 课堂讲解与练习：讲解理论知识，配合课后练习巩固所学。
4. 小组讨论与合作：培养学生团队协作能力，共同解决问题。
五、教学环境1. 硬件环境：计算机、投影仪、白板等。
2. 软件环境：文本编辑器（如Notepad++）、浏览器（如Chrome、Firefox）、网页设计软件（如Dreamweaver、Sublime Text等）。
六、教学评估1. 课堂参与度：观察学生在课堂上的积极参与程度，提问和回答问题的积极性。
2. 课后作业：评估学生完成的课后作业的质量，包括对HTML、CSS和JavaScript 的掌握程度。
3. 项目完成情况：评估学生在项目制作过程中的表现，包括网页设计、布局和功能实现。
4. 小组合作：评估学生在小组合作中的表现，包括团队协作能力和解决问题能力。
七、教学计划1. 第1周：网页制作基本概念和HTML基本语法。
2. 第2周：CSS样式表和网页布局与设计。
3. 第3周：JavaScript基本语法和案例分析。
网页制作教学设计优秀8篇
网页制作教学设计优秀8篇制作交互网页教学设计篇一网页的制作一、教学题目：网页的制作二、教学目标：1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点；2、认识frontpage的界面；3、掌握在主页中插入文字、图片、水平线；4、掌握页面文件与图片的保存。
三、教学重点：1、能在指定位置建立只有一个网页的站点（难点）2、能在页面中插入文字、图片、水平线3、掌握页面文件与图片的保存（难点）四、教学难点：在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。
五、教学过程：教师活动：1、引入课题：（激发兴趣，活跃气氛）同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）浏览新浪网站，浏览的第一个页面称为什么？（主页）我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。
问题1：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超链接把不同的页面链接起来）问题2：网页是不是就是主页？(第一个页面称为主页，网站设计者可以确定哪一个是主页，主页的文件名一般为：,主页也是网页)设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet上，让所有的人访问浏览。
今天我们学习用frontpage建立站点，制作一个主页。
先来研究一下没有发布的网站，打开教师做的网站问：同学们看到了什么？（文件夹）总结：可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。
打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。
请学生浏览教师课件，了解学习任务。
2、新建站点frontpage的启动问：与word比较，有什么不同？（增加了视图区，编辑区有三个窗口）总结：视图区：多种视图模式是为了方便网站的管理。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
课程设计报告课程名称《网页设计》课题名称南岳衡山旅游网页制作专业信息管理与信息系统班级信管1301学号************姓名肖宏亮指导教师余新宇、赵锦元、谢雅2015年6 月10 日湖南工程学院课程设计任务书课程名称《网页设计》课题南岳衡山旅游网页制作专业班级信管1301学生姓名肖宏亮学号************指导老师余新宇赵锦元谢雅审批任务书下达日期2015 年 6 月10 日任务完成日期2015 年6 月27 日目录1设计的思路 02网站总体风格 03网站的分析与设计 (1)4总体设计图 (1)5详细设计 (2)5.1各页面的内容 (2)5.2首页的布局 (2)5.3制作二级页面 (4)5.4制作三级页面 (6)5.6特效 (10)6错误调试 (11)7总结 (12)8心得体会 (13)9评分表 (14)第一部分:课设目的21世纪是一个信息时代，Internet已经进入人们生活与工作的各方面，而网页作为Internet信息传递的重要载体，其重要也日趋突出。
所以实训的目的就是要我们更好的掌握好这一学期的网页知识和提高自己的动手能力，并且上传到网上去，让更多人认识我，更好的宣传自己。
个人网站的总体规划和步骤1设计的思路我的个人网站主要是以蓝色基调为主，使人一看就了然，很容易一看就形成系统的逻辑，而且与我们南岳衡山的旅游风景相衬显得十分融洽。
2网站总体风格我设计的这个网站使用蓝色基调主要是给人舒服，能够一目了然，而且能够吸引人的眼球，更重要的是这期主题是南岳衡山，大体基调使用蓝色与大山的图片颜色相当协调。
网站的总体风格主要是以蓝色为主，以淡色为辅，充满活力，生机。
具有个性色彩。
网站的布局其实并不复杂，主要是先规划还一个大致布局，可以参考很多旅游网站他的大体布局，但不能照搬全抄，要结合自身网站的特点做一些较之其他网页相对有特色的东西，这样才能更吸引人，在网页顶部，我们必须做一个能代表我们网站的LOGO，所以做好一个模版，模版做好框架了，那网站就初步先采用ps技术设计好自己网站的LOGO，然后创建导航栏，再根据导航栏制作其他的页面。
在整个网站的制作过程中我们必须得切记整体风格必须一致，这样才会给人形成一个整体舒服的感觉，否则会显得很唐突。
绿色网站的内容结构也很简单，分类清楚。
页面链接的层次也很明确，访问者可以很明确的感受到制作网站的人的心情和性格。
网站的主要色调是以蓝色为主。
明亮的蓝色是一种非常美丽、优雅的颜色，它非常醒目，给人眼前一亮的感觉，使人感觉非常具有活力。
3网站的分析与设计设计一个个人网站,主要需要考虑两个方面的因素:速度:反应出用户访问网站页面的速度。
主页是经常被访问的页面，最好把每页的风格统一起来，例如：导航部分最好放在每页相同的位置，便于在每个页面中的跳转。
布局：是个人网站具有吸引力的根本所在，它主要说的是信息显示的视觉效果。
4总体设计图网页的总体设计图，一个首页，四个二级子页，三个三级子页，其结构关系图如下。
图4-1 总体设计图5详细设计5.1各页面的内容（1）首页：总述。
（2）景点介绍：南岳十二个著名景点的简介与美图。
（3）旅游路线：里面详细显示出了南岳的各景点以及周边特色的地理路线（4）酒店宾馆：里面有很多南岳衡山周边宾馆。
标明了详细价格及优惠，可供您挑选。
（5）宗教文化：主要是介绍南岳的宗教信仰及具体介绍。
（6）旅游社区：登录界面，点击进入注册后可进入注册页面。
5.2首页的布局选择“布局模式”，将页面布局为如图4-3所示:图5-1 首页先使用ps自制一个LOGO，然后布局在首页顶端。
然后再使用div+css的方法布局，大致如图4-2所示.主要代码：<html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type"content="text/html;charset=UTF-8"><title>南岳衡山</title><link rel="stylesheet" type="text/css" href="index.css"><link rel="stylesheet" type="text/css" href="head_footer.css"> <script src="one.js"></script></head><body><div class="big"><div class="head"><ul><li><a href="index.html" >首 页</a></li><li><a href="ziye\jingdian.html">景点介绍</a></li><li><a href="luxian.html">旅游路线</a></li><li><a href="jiudian.html">酒店宾馆</a></li><li><a href="">宗教文化</a></li><li><a href="shequ.html">旅游社区</a></li></ul></div><div class="main"><div class="left"><div class="title"><h1>南岳衡山旅游资源网</h1></div><div class="jiaodian"><img src="img\index\jiaodian2.jpg"></div><div class="left1"><div class="p1"><p>南岳风光</p></div><div class="l_1"><div class="l_11"><a href="#"><img class="1" src="img\index\1.jpg" /></a></div><div class="l_12"><a href="#"><img class="1" src="img\index\2.jpg" /></a></div></div>5.3制作二级页面（1）景点介绍页面主要使用div+css布局和制作的，以第一个二级菜单为例，进入景点介绍页面，里面详细的介绍了南岳各大风景名胜区，首先我们把LOGO和导航栏放置顶部，然后再使用ap div,在里面插入文字，然后再使用表单将文字输入里面，再调整好布局，在祝融峰处加入链接，如图4-3所示。
图5-2景点介绍页面主要代码：</style><script src="SpryAssets/SpryEffects.js"type="text/javascript"></script><script type="text/javascript">function MM_effectGrowShrink(targetElement, duration, from, to, toggle, referHeight, growFromCenter){Spry.Effect.DoGrow(targetElement, {duration: duration, from: from, to: to, toggle: toggle, referHeight: referHeight, growCenter: growFromCenter});}function MM_effectShake(targetElement){Spry.Effect.DoShake(targetElement);}function MM_effectHighlight(targetElement, duration, startColor,endColor, restoreColor, toggle){Spry.Effect.DoHighlight(targetElement, {duration: duration, from: startColor, to: endColor, restoreColor: restoreColor, toggle: toggle});}</script>（2）旅游路线页面主要运用div+css布局，页面布局的左边有景区里面的最新动态，景点的地图以及景点的联系电话，页面的右边主要是景点的路线介绍，路线分为四个栏目，精品路线、宗教路线、自驾路线和驴友推荐路线，每个栏目下面都例举一条路线。
图5-3 旅游路线图5.4制作三级页面（1）景点介绍的子菜单祝融峰详细介绍页面:图5-4 祝融峰景点的详细介绍的页面进入景点介绍的二级菜单后，点击祝融峰进入祝融峰景点详细介绍的第三级子页，首先插入logo及导航栏后，我们在代码里插入一段实现焦点图转换的函数，接下来加入div标签，在里面输入祝融峰的详细介绍的文字，在后面同样适用div标签加入旅行画册的栏目，再用ap div以及表单制作四个画册，他们分别链接了驴友们旅行时拍的美图及美文，如图4.4.2所示主要代码<script src="SpryAssets/SpryEffects.js"type="text/javascript"></script><script type="text/javascript">window.onload=function(){vartext=["image/1.jpg","image/2.jpg","image/3.jpg","image/4.jpg"];var img=document.getElementById("image1");var im=0,len=text.length,t=3000;setInterval(function(){im>=len?(im=0):0;img.src=text[im++];},t)}function MM_effectShake(targetElement){Spry.Effect.DoShake(targetElement);}（2）旅游社区注册页面：图5-5 登录注册页在进入旅游社区后点击注册的链接就进入了注册页面，首先使用ps技术制作一个注册页面的logo，然后再创造一个9行3列的表格，然后再输入要注册的项目后在页面属性内选择向右对齐，再分别在第三列里面使用表单插入相应功能，在后面创建两个按钮实现注册和清除功能，按钮后有一个返回首页的链接，点击返回首页。