网页设计与制作期末作业成品（网页设计与制作大作业成品）

qiaoqingyi 2023-03-27 851

默认

今天给各位分享网页设计与制作期末作业成品的知识，其中也会对网页设计与制作大作业成品进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

1、网页设计课程
2、谁帮我制作一个网页，要求如下：
3、如何做一个小型网页?
4、求一个Dreamweaver网页设计成品，作品,这个是网页设计与制作的期末作业
5、求一份网页设计与制作的期末作业，
6、网页设计与制作期末作业

网页设计课程

1、课程定位和课程设计

《网页设计与制作》课程是高职电子商务专业的一门专业必修课程。本课程以图形图像处理为前导课程，本课程将从职业技术教育的特点出发，以培养学生实际动手能力为目标，使学生具备网页制作、网站规划与网站维护的专业能力和方法能力，以及培养学生的团队协作、沟通表达、工作责任心、职业规范和职业道德等综合素质和能力。作为专业的核心主干课程，使学生掌握商业网站的开发和流程，并能独立进行操作，在就业时能够成为一个合格的人才。学生毕业后可胜任网站管理员、网页设计师、网页美工师等工作岗位。

2、课程目标

本课程以学生能够网页网站开发与维护的实际工作能力为学习目标，使学生具备计算机及其它相关专业课学习和应用中所必需的网页制作与网站设计的基本知识和基本技能，形成解决实际应用问题的方法能力，为以后的学习动态网页设计课程打下基础。

3、素质目标

(1) 培养具有较强的网页设计创意思维、艺术设计素质;

(2) 培养学生在学习过程中解决困难的能力;

(3) 培养学生在学习过程中培养兴趣的能力，提高工作、学习的主动性;

(4) 培养学生理论联系实际的工作和学生方法;

(5) 培养具有高度责任心和良好的团队合作精神;

(6) 具有社会责任感。

4、知识目标

(1) 了解WEB站点的工作原理;

(2) 理解Internet、WWW、HTTP、HTML的定义，计算机网络概念和作用;

(3) 了解服务器、客户端、浏览器的概念和作用;

(4) 掌握常规网站的规划及流程;

(5) 熟练掌握HTML语言中各种标记符的运用能力;

(6) 熟练掌握Dreamweaver应用软件的使用;

(7) 理解网页中脚本语言的使用方法;

(8) 熟练开发常规静态网站。

5、能力目标

(1) 熟练掌握Dreamweaver应用软件制作网站及网页;

(2) 熟练掌握使用绝对和相对URL，创建超链接，图像链接;

(3) 掌握在网页中添加CSS的方法;

(4) 培养学生设计、制作和维护动态网站。

(5) 培养学生搜集资料、阅读资料和利用资料的能力;

(6) 能独立制定、实施工作计划。

(7) 具备检查、判断能力;

(8) 具备简单的需求市场分析能力。

6、课程内容与教学要求

第一章：个人网站的制作

【教学内容】

网络相关概念、网站需求分析、风格定位与网站欣赏、草图设计、图像相关概念、Photoshop制作网页平面效果图、 HTML语言简介、HTML语言的基本结构、HTML常用标记、Css样式表的应用。

【教学重点】

项目基础与流程设计，个人网站效果图设计与切片，HTML编辑静态页面，个人网站CSS样式表设计，网站测试。

【教学要求】

了解网站项目建设流程。

掌握个人网站效果图设计。

熟练掌握HTML编写静态页面的方法。

第二章：网页设计与制作精品课程网站建设

【教学内容】

Photoshop的综合运用， Dreamweaver的认识与基本使用方法、Dreamweaver中站点的建立与管理，插入文本、图像、表格、模板等资源，网络空间的申请与与域名的申、网站文件的上传。

【教学重点】

精品课程网站的策划方案，主页面的设计与制作，模板页的制作，效果图的切片与导出，网站后期编辑，网站的发布与测试。

【教学要求】

了解网站建设的流程、需求分析。

理解网站色彩搭配的原则。

掌握网站的建设流程及网页效果图的制作。

能够利用Dreamweaver软件设计精品课程网站。

第三章：企业类网站建设

【教学内容】

Photoshop效果图的制作， Flash动画的制作，Dreamweaver中框架、表单、图层、行为、时间轴、简单脚本语言的制作、模板的使用，Dreamweaver的综合使用。

【教学重点】

商务类网站的前期策划，效果图的设计、切片与动画的设计，网站编辑与动画设计，网页的布局及后期制作。

【教学要求】

了解企业类网站的策划过程。

进一步理解Dreamweaver建立网站及网页的流程。

掌握网站动画的设计与制作。

掌握网站的后期制作与编辑，并能够调试。

第四章：自主选题进行网站建设

【教学内容】

Photoshop效果图的制作， Flash动画的制作，HTML语言的综合运用，Dreamweaver的综合运用。

【教学重点】

网站的.前期规划(文字、图片等素材的收集与整理及使用)，网站效果图的制作，网站的建立与网页的制作与编辑，网站的发布五测试。

【教学要求】

了解整个网站的建设流程。

理解制作工具(dreamweaver)的使用方法

掌握网站的制作过程及综合运用方法。

能够独立并完美地完成一个完整网站的建设工作。

7.教学模式、教学方法与手段

1、注意教学方法的灵活性，可组织学生案例教学，进行讨论、问题教学、阅读指导等。全部在实训室授课，提高学生的实践操作能力。

2、充分发挥学生的学习主观能动性。在本课程的教学过程中，注意训练学生的操作动手能力，引导学生理论联系实际，应用课本中的理论知识来解决实际操作问题。本课程的学习过程全部是基于生产过程中的教学过程。

8.课程实施课时安排

(一)课时安排与教学建议

一般情况下，每周四课时，约18周，合72课时。具体课时安排如下：

一、考核方式

本课程为考试科目，期末考试总分100分，包括以下三部分成绩：

建立过程考核与结果考核相结合的方法，强调过程考核的重要性。过程考核占60分，结果考核占40分。

1、过程考核

(1)自评、小组评价和教师评价相结合;采用绩效考核，首先学生进行自评，然后再进行小组评价和教师评价。

(2)考核点占分权重：个人作业完成情况(10%);实践操作技能(30%);学习态度(10%);团队合作精神(10%)。

2、结果考核

(1)自评、小组评价和教师评价相结合：对项目完成进行结果性考核，首先学生进行自评，然后再进行小组评价和教师评价。

(2)作品考核：项目结束要求每个小组提交全部作品及资料，根据完成情况进行考核。

(3)小组答辩：小组答辩实际上是各个项目小组对本小组学习情况及成果的总结、汇总和展示。小组答辩的内容包括小组组织过程、工作程序和步骤、学习成果与收获、取得的经验与教训、回答教师提问等。该项由老师给分。

(4)项目报告：报告包括项目描述、主要任务、设计流程、岗位技能及职责，每天的过程记录，以及项目完成后的个人总结等，每人提交一份，字数约2000字左右。该项由教师给分。

;

谁帮我制作一个网页，要求如下：

很容易的，实在不行开个空间，复制源代码，鼠标右击就可以看源文件，省事，但有些东西可能不能显示

如何做一个小型网页?

怎样制作网页

现在市面上的有许多制作网页的工具，office中也有一个专门作网页的工具FrontPage ，其操作与word相似，比较容易上手。下面以FrontPage 2000 为例，介绍网页制作的基本知识。

如何打开FrontPage了解主界面

单击任务栏“开始”按钮，选择“程序”选项，单击FrontPage就可以进入。

进入后你会发现PRONTPAGE界面和WORD很相似[图一]，这是因为编辑WEB页面和编辑WORD文档有很多同样的设置，这些设置所用的图标和WORD中的是一样的。

[图一]ProntPage2000 界面

视图中的组框是用来切换视图的，单击里面的小图标就可以切换到不同的视图。FRONTPAGE共有6种视图[如左]，使用不同的视图可以从不同的侧面查看设计的WEB站点。对一个WEB站点而言，不断更新是很重要的。随着站点的成长，维护站点的工作量会越来越大。建立站点可能很快，但是如果没有这6种视图的帮助，维护起来就很困难了。

这些视图的使用不用一下就全部掌握，只要知道有这些视图就可以了。

下面看一看同一个WEB站点在不同视图中是怎样显示的。

单击“网页”按钮，切换到网页视图，再单击工具栏上的“文件夹列表”按钮，窗口中增加了一个文件夹列表框[图一]。网页视图是用来显示选中的网页的，双击文件夹列表中的某一个HTM文件，在最右方的工作区中就会显示该网页的内容。

[图一]网页视图

注意，此时工作区的左下角有三个切换显示模式的选项卡[图二]。单击“普通”选项卡，就切换到了普通模式。在普通模式可以编辑网页的内容以及设置各种格式。单击“预览”选项卡就到了预览模式。如果要看一看当前编辑的文件在浏览器中的显示情况，就使用预览模式，在预览模式下，是不能编辑网页的。单击“HTML”，有的时候，也可以切换到HTML模式直接对网页对应的HTML文本文件进行编辑，从而为网页作一些特殊的设置。

[图二]工作区的三个切换模式

文件夹视图以列表的形式给出了当前WEB站点的文件夹和文件夹里包含的文件[图三]。由于一个WEB站点要涉及到许多文件，因此将这些文件分类并分别放到不同的文件夹就很有必要。比如，可以把所有的图形文件放入IMAGE文件夹。FRONTPAGE还提供了一个_PRIVATE文件夹，用来存放一些对网络浏览者不可见的信息。下面为当前站点再添加一个SOUND文件夹，用来存放WEB站点用到的声音文件：选中站点的根目录，然后单击“文件”菜单的“新建”项，在弹出的子菜单中选择“文件夹”命令。在输入SOUND，新文件夹就建立好了[图四]。

[图三]文件列表 [图四]文件列表

其实一个站点实际上就是一个目录，在这个目录下可以建立许多子目录，并将站点的各种文件放在这些目录里。

任务视图里放着关于站点维护的任务列表，如果站点大到由许多人共同维护，他们就可以通过任务列表知道工作的进展情况了。

报表视图给出了当前站点的一些统计信息。这里可以知道在站点的目录中哪些文件被链接进站点了，哪些没有。

导航视图可以方便地组织站点中各网页的层次关系，在本视图中，每一个页框代表一个网页。如果站点设置了导航功能，就可以先在这里设置好各网页的层次关系，然后用导航栏把这种层次关系表现出来。

超链接视图是用来察看选中网页中设置的超链接的。通过它可以方便地知道在网页中设置了多少超级链接，以及是什么类型的链接。

任务视图里放着关于站点维护的任务列表，如果站点大到由许多人共同维护，他们就可以通过任务列表知道工作的进展情况了。

创建网页

这一节我们讨论怎样创建页面。

创建页面最简单的方法就是单击FRONTPAGE“常用”工具栏的“新建”按钮。它的右方有一个向下的小箭头，它是用来选择要新建什么，可以用“新建”按钮新建网页、站点、文件夹和任务。默认状态下是新建网页。

如果要新建网页，可以不用向下箭头键选择，而直接单击“新建”按钮。不过使用文件菜单的“新建”命令来新建网页能够有更大的选择。

单击文件菜单的“新建”命令，选择“新建网页”，在“新建”对话框里，可以看到FRONTPAGE提供的许多网页模板[图一]，我们可以用这些模板来建立相应的网页。在右下角的预览框里可以看到选中模板的外观。选择“两栏正文”网页，这样就创建了一个新的分为两栏的网页了。然后点确定。

[图一]新建网页对话框

使用模板可以不用总是从空白网页开始编辑，这样就省力很多。

加入文字

FrontPage中对于文字与图像的处理与word很相似，用过word的人对于FrontPage中这部分的操作很容易上手的。不过，毕竟是网页制作软件，在Web的基础上，又增加了很实用的功能，也能做出复杂而且高级的网页文字与图像。

FrontPage中对于文字以及图像的处理基本集中在这三个菜单栏里：编辑、插入、格式。编辑：包括用于处理文字的复制、粘贴等操作，调整网页内容（包括文字、图像、控件等等）的多少以及安排。是最基础的工具，经常使用其对应的快捷键。插入：用于网页各种部件及其组成部分的创建，很多选项都能创建既复杂又实用的部件，这方面较Dreamwaver更容易被初学者接受。（图2.1）

图2.1

格式：对于文字的处理大多集中在这里，这里的选项是用来协调整个网页以及整个网站的内容编制，也是个较常用到的菜单栏。（图2.2）

图2.2

（一）创建文字：在FrontPage中创建文字的方法大致分两种：输入和导入。1、新建一个网页，之后输入的文字就会在光标所在位置出现，根本得不能再根本的方法，说白了就是打字。只要光标能到的地方都可以正常输入文字。2、通过【粘贴】能将之前在任何程序中复制或者剪切的文字创建到当前编辑网页中，【编辑】菜单栏中的选项与之有关。还可以通过【插入】中【文件】的形式导入文字，包括txt、doc、htm等纯文本或者包含文字的文件。（二）处理文字字体：选择【格式】菜单栏中的【字体】选项，出现字体对话框（如图2.3）。

图2.3

字体：框中选择想应用的字体。字体文件都保存在windows目录中的fonts子目录中，可以自行删改添加。字形：有常规、倾斜、加粗和加粗倾斜四个选项。一般来说正文选用保持常规，加粗用于标题，倾斜则用于突出正文中的内容以及使文字美观。字号：可以直接在输入框中输入想使用的字号，也可以在选项中选取。一般来说在浏览器中9磅和10.5磅看起来最美观最舒服。字符间距：这个分页中的选项是用来进行行距设置以及文字定位的。预览：无论在【字体】中进行什么操作，都可以在预览框中看到样品，方便选取合适的搭配。