《网页设计与制作》实训要求
最新2023年开放大学国网页设计综合实训(Dreamweaver版式设计要求)
Dreamweaver版式设计
1 .内容要求：根据选择的网站主题，通过网上搜索下载相关图片及文字素材。
2 .首页要求：栏目数量至少5个，网页为全屏显示：宽度固定，长度不限。
版面格局、排布位置、字体设置均不受图表的限制，可任意发挥创作。
界面风格要求明快简练，色彩不少于两种颜色。
3 .整个网站设计页面不少于6页，至少包括一个FlaSh动画。
4 .技术要求：将图片及图片说明文字做超文本链接，并且进入二级页面，显示相关信息。
二级页面界面设计要求清晰明了、独特，色彩可根据首页及图片信息的特质来设定，链接流畅无误。
5 .网站保存：首页命名为index,htm(或index,html),完整的站点设置与内容，相应的页面及素材文件夹。
《网页设计与制作》综合实训
《网页设计与制作》综合实训第一篇：《网页设计与制作》综合实训《网页制作》期末大作业一、概述：要求设计并制作一个表达某个主题的网站，通过网站的制作，综合运用本课程各单元所学的知识。
网站的内容不能是一些素材如图片、音乐等的堆积，必须有鲜明的主题。
可以从网上下载部分资料，但不能超过整个内容的30%，更不要指望从网上下一个完整的网站应付老师。
总的页数应超过10页（一个包含主题内容的htm文件算一页）。
请同学们注意不要下载相同的资料，如果出现网页内容雷同，双方都要扣分，严重的必须重做。
二、网站内容：自行选择如下内容：科普、科幻知识；公益形象宣传；大、中、小学教学用动画形象；奥林匹克体育；环境保护；战争与和平；求职；校园生活；诚信、传统美德；交通安全；卫生与健康；爱心；教育；新青年；管理；实用工具等。
自己确定一个主题，整个网站要突出主题，信息分类合理，导航清晰。
要求必须有自己创作的内容，这些原创内容可以是文字、图片、动画等。
三、版面及格式：l、要求图文并茂，颜色搭配合理，但是图片及声音文件不要太大。
如果能加入自己创作的动态元素(如Flash，Gif动画等)将获得加分。
希望充分发挥自己的创作能力。
2、要求每个网页都使用表格布局。
3、要求网页中插入有Web组件，包括悬停按钮、滚动字幕、横幅广告管理器等。
4、导航设计简洁明了，不能有“死链接”，要保证能够在网络上浏览。
5、自创内容越多越好，得分越高。
四、递交方式：1、每个同学以自己的学号姓名建一个文件夹，上交时间为18周2、所做网页的首页文件名必须为index.htm3、所有文件名和目录名全部使用英文字母和数字，不得使用汉字或全角符号，否则，网络将出现死链接。
4、递交时必须把网页中所有用到的图片、声音、动画等都一起上传到服务器。
网页的总容量一般不要大于3MB5、建议将网页中的素材分类，建立不同的子目录存放。
五、网页评分标准:整个网页的评分强调“自己的创意”，不管主题是什么，也不论是哪一个栏目的内容，如果创意独特，有自己鲜明的个性、观点，得分较高。
网页设计与制作实践教学大纲讲解
《网页设计及制作》实践教学大纲本实践教学大纲是电子商务专业“网页设计及制作”等相关基础课程的实践教学大纲，是完成“网页设计及制作”课程和培养网页设计及制作的基本操作技能的重要实习实践环节。
总学时为48学时，共包括14个实践项目。
实践地点为校内计算机基础实验室。
实践结果将使学生全面掌握网页设计及制作的技术及网页制作软件的使用。
一、适用专业范围本实践教学大纲适用于高职广告设计及制作专业、电子商务等计算机应用类专业。
二、实践前期准备知识1．计算机基础及网络基础理论知识；2．电脑图形制作软件的使用技巧。
三、学时分配本实践教学为48学时。
四、实践条件及要求1．硬件要求：使用计算机，512M 内存、40G 硬盘2．软件要求：（1）Windows98以上版本（2）Dream weaver8 中文版；（3）Flash8 中文版五、实践内容实验一 HTML基础实验 7学时（一）实验目的1．掌握HTML 语法基本的基本结构。
2．熟悉HTML 编写网页的方法。
（二）实验要求完成实验报告，在实验报告中要求记录如下内容：⑴．HTML 语法基本结构⑵．HTML 各标记的使用（三）学时分配本实践项目为7学时（四）实验内容1．写出HTML 语法的基本结构2．编写包括文本和图像的两至三个简单网页3．在网页之间建立文本、图像和书签超链接4．编写一个带有表格的网页5．编写一个带框架结构的网页实验二 Dreamweaver基础 2学时（一）实验目的(1熟悉DreamWeaver 的界面及其操作(2熟悉使用DreamWeaver 建立站点，理解本地站点和远程站点的概念（二）实验要求实验前认真预习，熟练掌握有关概念和知识。
实验过程中记录发生的现象并分析原因。
实验完毕将所有文件打包交给老师，并保存设计结果供下一个实验使用。
（三）学时分配本实践项目为2学时。
（四）实验内容本实验的内容主要是制作一个“长春悠游网”的站点，分类建立文件夹和2-3个网页。
《网页设计与制作》课程实践考核要求
《网页设计与制作》课程实践考核要求《网页设计与制作》课程是电子商务专业课程体系中的基础课程之一，是一门创意性和实践性很强的课程。
考生通过实践考试应该掌握电子商务网站设计的基本原则和基本方法。
能熟练地使用超文本标记语言HTML和FrontPage2000在网站中制作商务网站类的网页。
能用DHTML，JavaScript，VBScript等工具制作动态网页。
能熟练地使用通用的图像处理工具Photoshop处理网页制作中的图像素材。
能熟练地使用FTP和电子邮件下载和上传网页制作所需要的素材和制作好的网页。
能熟练地使用数据压缩工具WinZip来处理网页作所需要的素材和制作好的网页。
具体要求如下：一、网站的结构设计、站点风格的选择以及站点的建立网站的创作灵魂在于站点的建设者对网站的规划，网站的风格及网站的概念理解，因此考生在网页设计与制作时，必须站在网站设计的高度来进行。
1、了解网站设计的国际专业流程。
2、能合理地布局整个网站的结构。
有效地使用网站的主题图形、色调、文字、标志、图案等要素。
3、能利用网站设计原则和方法进行网站层次设计，能用Word文字处理软件将所设计站点的层次以及链接的结构勾勒出来。
4、能熟练地使用FrontPage2000建立一个简单的网站：（1）类型B2C，B2B，页面数：3页，其中一页为主页。
5、能熟练地使用ftp将远程服务器中制作网页的素材下载到本地机，并存放到网站指定的文件夹中。
6、能正确地安装数据压缩工具WinZip，并将已压缩的网页制作素材解压，放到网站指定的文件夹中。
7、能熟练地使用ftp将设计好的网站及其网页正确地上载到远程服务器指定的文件夹中。
二、网页的构图与色彩的使用重心平衡是网页设计时必须考虑的因素，有针对性的用色也相当重要。
因此，在网页设计与制作时，考生能够遵循相关的原则来进行。
1、掌握平面设计的基本技能。
理解页面平衡的概念，掌握处理页面失衡的方法，掌握页面布局的基本方法，能选择合适的页面尺寸，用Word文字处理软件将设计页面中所需要的各种元素（页眉、文本、页脚、图片、声音、动画、视频等）正确地勾勒出来。
《网页设计与制作》课程标准
营销型网站建设实训课程标准课程编号：适用专业：电子商务课程类别：专业基础课程修课方式：必修教学时数：64学时总学分数：4学分一、课程定位1.课程性质《网页设计与制作》是以计算机专业为主体，辐射计算机网络技术专业、计算机应用技术专业、电子商务专业、多媒体设计与制作专业等计算机类专业的理论实践一体化课程，是计算机专业的专业基础课程，也是电子商务的一门核心技能课程。
围绕电子商务专业的培养目标，该课程的定位为：.懂专业：掌握Web国际标准基础知识；基于W3C网页设计标准，熟悉和掌握静态网页设计与制作及小型网站建设与维护的基本知识。
.精技能：掌握综合运用网页编辑软件、图像处理软件(fireworks)设计和制作网页的技能，熟练掌握DIV+CSS网页布局设计方法，能熟练运用XHTML、CSS(及后续课程JavaScript)进行网站客户端开发，熟悉Web国际标准，掌握小型网站策划、分析、设计、布局、测试的职业能力；坚持手写代码，形成良好的代码规范编写习惯。
.高素质：在课程学习中培养学习和工作的方法能力，培养与人协作和做人的社会能力。
2.课程作用《网页设计与制作》是面向“网站美工、网站维护”职业岗位的领域课程，也是满足职业岗位任职要求的基本能力课程。
通过该课程的学习，实现以下专业知识、职业能力、职业素质目标，为今后职业生涯发展打好基础。
知识目标：•熟悉和掌握静态网页设计与制作的基本知识；•掌握Web国际标准基础知识；•了解和熟悉HTML语言；•掌握静态网页设计与制作的知识；•掌握网页中DIV+CSS网页布局方法；•掌握网页中图片设计和处理、动画导入的知识；•掌握网站检查与发布的知识；•坚持手写代码，形成良好的代码规范编写习惯。
能力目标：•具备信息收集、处理、准备、加工的能力；•具备网页设计及网页中图形设计、动画导入的基本能力，能独立设计并制作一个内容完整、图文并茂、技术运用得当的小型静态网站；•具备初步的网站开发、维护和管理能力；具备独立撰写网站制作说明等技术文档的基本能力。
网页设计与制作大作业要求 (1)
子项目
分值
站点结构
•合理设计网站结构，合理安排栏目（5分）
•合理利用表格、布局表格、图层、框架等定位方法（5分）
•合理利用模板、库技术（5分）
共15分
页面风格
•网页设计独到，主题突出，题材新颖、构思独特，形象生动，具有较强的表现力和感染力，网页设计和谐统一（5分）
共15分
•网页整体设计思路清晰，色彩搭配合理，布局紧凑美观，版块结构清晰（5分）
•层次分明，链接合理清晰，便于浏览（5分）
技术规范
•网页作品目录结构合理，文件名称使用规范（首页一律使用index.html/index.asp）（5分）
共50分
•网页格式为HTML、HTM、ASP（5分）
•图片和动画格式：SWF、PNG、BMP、JPG、TIF、GIF（5分）
•网页上使用的的图标、图片、动画或FLASH能正常显示（5分）
《网页设计与制作》考核量化标准
《网页设计与制作》课程考核方式采用考勤、实验成绩与大作业成绩相结合的方式进行，其中考勤成绩占10%，实验成绩占20％，大作业成绩占70％，具体量化标准如下：
1.考勤成绩（10％）
•考勤满分100分，一次考勤不到扣除20分，全勤100分；
2.实验成绩（20%）
•实验报告满分100分，一次报告满分20分；
•网页中至少包含三张自己制作或处理的图片（5分分）
•网页使用的字体在所有计算机内均能正常显示，无乱码（5分）
•网页上所有链接上传到服务器后能够被激活，链接内容符合要求并与主题相关（5分）
•网页数据定位准确，无偏移、错位，在Microsoft Internet Explorer 800×600和1024×768分辨率下能正常显示，浏览速度快捷，在不安装新插件的情况下可正常浏览（5分）
网页设计与制作课程设计要求(1)
《网页设计与制作》课程设计要求使用所学知识独立制作一个网站，网站的主题可以是文学、音乐、影视、自我介绍（求职）、家乡介绍等。
1．作业基本要求（1）要将站点目录明确分层，不能将内容都放在根目录下；不要使用中文目录；为每种类型文件都建立一个独立的目录。
（例如images文件夹，用于存放图象目录的层次不能没有，但必须尽量少，以便于管理。
）如图1图1 图2（2）网页数为6页以上（网页数量不足扣分，缺少2张以上视为无效作业）（3）传站点压缩文件，文件大小不得超过10MB（4）压缩文件命名方式：班级+学号（两位班内学号，如01、23）+姓名。
其中，数字均用阿拉伯数字表示（5）主页必须包含内容要求：a)主页上必须有flash按钮、鼠标经过图像和跳转菜单，跳转菜单中必须有如下链接：i.命名锚记ii.层技术网页iii.表单网页iv.实验报告（使用表格制作，如图2）b)主页上最少有5个指向其它页面的超级链接，首页必须用表格进行页面布局（其它页面必须使用表格或层及框架）c)主页下方写明自己详细信息（年级、系别、班级、姓名、联系方式）和网页更新日期（储存时自动更新）2. 作业创意加分：在完成标准作业要求的前提下，对作业有独创性及设计美观的作业跟据情况给予加分。
方法如下：（1）思想性、科学性主题明确，内容积极、健康向上，文字内容通顺，无错别字（2）创造性素材获取及其加工属原创、主题表达形式新颖，构思独特、巧妙，具有想象力和个性表现力，内容、结构设计合理（3）技术性选用制作工具和制作技巧恰当，导航和链接准确、页面浏览速度快（4）艺术性反映出作者有一定的审美能力，完美运用各种形式表现主题，有感染力、界面美观、布局设计独到，富有新意注：如有抄袭的情况,根据雷同程度扣分,情节严重者扣20分！。
网页设计与制作综合作业要求
网页设计与制作综合作业要求
1.作业任务：
设计并制作一个关于**主题的网站，要求页面数量不少于 5 个，其中一个页面是个人简介。
2.总体要求：
●网站主题鲜明突出，网页内容详实、科学、准确、积极、健康向
上，有创意；
●网页整体设计思路清晰，网页布局合理，风格明快；
●栏目结构清晰、界面简洁美观；
●网页文字及相关链接无错误，主页和其它各子页配合协调；
●栏目及版面设计，层次结构及链接结构明确，必须具有统一导航
条。
3.具体要求：
●以自己的学号建立站点，不同素材文件存放于不同的文件夹内，
如：图片文件夹命名为images。
●首页文件命名为： index.htm，作品中的其他文件和文件夹均使
用英文名或者是汉语拼音命名。
●网站logo以及所用图片及动画素材用Photoshop和Flash 软件
设计制作。
●使用表格做页面布局。
●个人简介页面内容要求：个人基本信息、照片、学习经历、学习
期望、未来设想等内容。
●能适当运用层、框架、行为、CSS 样式、声音、表单等设计技术。
●网站最终压缩文件大小要小于5Mb，因此需对大的素材文件做处
理后使用。
4.提交形式：
●将网站文件夹压缩成一个自解压的文件，命名为本人学号。
●将压缩文件提交给老师。
网页设计与制作实训实施方案
网页设计与制作实训实施方案一、实训目标本次网页设计与制作实训的主要目标是让学生掌握网页设计与制作的基本技能和流程，培养学生的创新思维和实践能力，提高学生的团队协作和沟通能力，为学生今后从事相关工作打下坚实的基础。
具体目标包括：1、让学生熟悉网页设计与制作的常用工具和技术，如 HTML、CSS、JavaScript 等。
2、培养学生的网页布局和色彩搭配能力，使学生能够设计出美观、实用的网页界面。
3、提高学生的网页交互设计能力，让学生能够实现网页的动态效果和用户交互功能。
4、培养学生的团队协作精神，让学生在团队中学会分工合作、相互沟通和协调。
5、增强学生的问题解决能力和自主学习能力，让学生能够独立解决在网页设计与制作过程中遇到的各种问题。
二、实训内容1、网页设计基础知识网页的基本概念和构成要素，如网页的结构、布局、色彩、字体等。
网页设计的原则和规范，如用户体验、可用性、可访问性等。
2、 HTML 与 CSS 基础HTML 标签的使用，如标题标签、段落标签、链接标签、图像标签等。
CSS 样式的应用，如字体样式、背景样式、边框样式、布局样式等。
3、网页布局设计常见的网页布局方式，如流式布局、固定布局、响应式布局等。
使用CSS 实现网页的布局，如浮动布局、定位布局、弹性布局等。
4、网页色彩搭配色彩的基本原理和搭配原则，如色相、饱和度、明度等。
运用色彩心理学知识，为网页选择合适的色彩方案。
5、网页图像处理图像的格式和优化，如 JPEG、PNG、GIF 等。
使用图像编辑工具，如 Photoshop，对网页图像进行处理和制作。
6、网页交互设计JavaScript 基础语法和常用函数，如变量、数据类型、控制结构等。
使用 JavaScript 实现网页的动态效果，如轮播图、下拉菜单、表单验证等。
7、网页项目实践学生分组完成一个完整的网页设计与制作项目，包括需求分析、设计规划、页面制作、测试发布等环节。
三、实训方法1、课堂讲授由教师讲解网页设计与制作的相关知识和技能，通过案例分析和演示，让学生直观地了解网页设计与制作的过程和方法。
《网页设计与制作》课程实验实训指导书
《网页设计与制作》课程实验实训指导书课程编码：060303 课程名称：网页设计与制作课程学分：4 计划课时：68，理论：26 实践： 42课程类别：理论课理论实践一体√实践适用专业：计算机网络技术、计算机应用技术、信息管理、动漫设计与制作先修课程：网页动画设计与制作、图形图像处理后继课程：程序设计制订人：审核人：批准人：负责人：7《网页设计与制作》课程实验实训指导书一、课程基本信息课程编码：060303 课程名称：网页设计与制作课程学分：4 计划课时：68，理论：26 实践： 42课程类别：理论课理论实践一体√实践适用专业：计算机网络技术、计算机应用技术、信息管理、动漫设计与制作先修课程：网页动画设计与制作、图形图像处理后继课程：程序设计制订人：审核人：批准人：负责人：二、课程任务和目的该课程是计算机网络技术、计算机应用技术专业的核心课程，也是动漫设计、信息管理专业的必修课程，它的目标是从职业技术教育的特点出发，培养学生实际动手制作网页与管理网站的能力，使学生具备网页设计与制作、网站规划与维护的实践技能，以便形成良好的计算机网页制作与网站管理职业素养。
学生毕业后可胜任网站管理员、网页设计师、网页美工师等工作岗位，并可不断提升岗位工作能力。
它要以计算机基础、网页动画设计与制作、图形图像处理课程的学习为基础，也是进一步学习程序设计课程的基础。
三、实验实训项目内容与学时分配（表格可根据内容调整宽度和增加行数）序号项目名称实验（实训）名称实验（实训）内容学时实验类型实验要求1 项目一个人网站的设计与制作实训一认识与策划个人网站1. 确定网站主题2．确定网站风格3．规划网站内容2设计型必修实训二创建站点并制作网页1．建立文件夹2．建设站点3. 制作子页4. 制作首页5. 制作网页图片素材4综合型必修实训三创建网站相册、创建超链接1. 创建网站相册2. 创建首页中的文字链接3. 创建电子邮件链接2综合型必修2 项目二电子商实训一认识与策划电子商务类策划电子商务类网站 1设计型必修务网站设计与制作网站实训二首页的布局设计1. 创建站点2. 绘制布局单元格3. 使用表格进行布局的细化1综合型必修实训三制作网站Logo与页面图片1. 制作网站Logo2. 制作顶部导航图片3. 制作菜单导航图片4. 制作顶部广告图片5. 制作左边小图标6. 制作书籍图片4综合型必修实训四制作首页制作首页 2综合型必修实训五添加CSS样式表添加CSS样式表 2综合型必修3 项目三学校类网站设计与制作实训一认识与策划学校类网站1. 确定网站风格特色2. 划分网站所要包含的项目3. 绘制网站的结构图4. 绘制首页布局草图2设计型必修实训二建立站点与布局首页1. 创建站点2. 首页整体布局3. 设置网页的页眉和导航栏4. 设置网页的连接区5. 设置网页的主内容区6. 设置网页的页脚7. 设置网页的CSS样式4综合型必修实训三使用库元素创建网页1. 库元素的创建2. 库元素的使用3. 库元素的编辑2综合型必修实训四制作导航栏所连接的网页1. 创建“本系介绍”网页2. 创建其他导航栏所要链接的网页3. 编辑库元素在导航栏部分的超链接2综合型必修实训五使用模板创建网页1. 模板的创建2. 设置可编辑区域3. 应用模板4. 更新模板内容2综合型必修4 项目四企业类网站设计与制作实训一认识与策划企业网站策划企业网站 1 实训二切割页面效果图1. 创建站点2. 页面布局3. 添加首页的部分元素1 实训三制作网页Banner1. 利用Flash制作网页Banner2. 在页面中插入Banner2 实训四制作留 1. 调整留言板页面 2言板 2. 利用表单制作留言板3. 利用表单制作首页部分内容实训五使用内嵌框架1. 制作新闻文本页面2. 制作新闻页面2实训六使用网页特效1. 将新闻制作成滚动字幕2. 以跟随滚动条滚动的对联广告形式显示联系方式3. 状态栏显示滚动欢迎词2实训七网站的测试与发布1. 申请域名2. 上传网站3. 维护网站4. 添加网页搜索关键字和说明信息5. 推广网站2合计学时42注：1.实验设置要注意内容更新，体系设计科学合理，实验项目名称要准确规范。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
实训相关事宜
【目录效果图】
【栏目结构效果图】
【目录结构效果图】
• 打印报告需要有基本的排版格式，如“页边距” 、图片在当前页中的大小设置、不要在页面中有 较大面积的空白； • 每写一个项目内容要另起一页、项目内容大标题 用二号黑体样式左对齐、小标题用四号宋体样式 左对齐、正文用小四宋体样式、CSS代码部分用 五号样式； • 页眉输入“《网页设计与制作》实训报告”，居 中对齐、页码用阿拉伯数字表示放在页面的右下 角位置。
时间及机房安排：（13网络）
6月9号 8：00——11：30 6月11号 8：00——11：30 C310 C307 C310
6月13号
8：00——11：30
C307 C309
实训作业提交截止时间：6月13号 上午11：00。 注意：WORD文档保存的版本为WORD 2003。