网页设计要求
网页设计与html 设计要求与选材
一、设计内容
本课程设计要求学生完成一个小型专业网站的建设与发布。具体内容如下：
1．学生根据自己的兴趣爱好或专长，确定一个网站主题；
2．根据确定的网站主题，通过各种途径收集、整理、加工网站所需要的信息；
3．自行确定网站的LOGO、自行设计各级网页的风格、网站的整体结构；
4．利用网页制作软件设计制作各个页面；
5．测试完成的网站；
二、设计要求
学生在一周时间内完成规定的全部设计内容，并撰写课设报告
1．整个课程设计的各个环节都要求同学们自己动手；
2．确定的网站主题应大小适中、内容健康、具有时代气息；
3．网站提供的信息应与网站主题相符合；
4．网站结构应层次分明，内容重点突出；
5．网页采用css+div布局，所有页面样式设置都必须使用一个外部样式文件，样式名为sit站点名称。
6．页面设计不少于五页，页面特效不少于十种；
7．网站应易于维护，要求学生掌握使用1-2种网站维护工具；
8．网站名称为自己的学号后两位，主页title标题为自己的网站的名称，meta中name值为自己姓名，所有网页以及使用各种素材一律使用英文名称。
9．对课程设计进行总结，撰写课程设计报告；
三、选材：
1、个人博客:主页，个人简介，留言板，交友论坛，个人风采，个人日志，等。
某小企业商务网站：企业首页，公司简介，产品介绍，公司论坛，客户留言板，
例：https://www.360docs.net/doc/0d10985134.html,/news/index.htm
2、服装销售网站：登陆界面，店面介绍，产品窗口，客户留言板，招聘信息
3、Bbs论坛（仿天涯论坛）：文学，饮食，运动健身，汽车，房产，股票，服装，交友
4、***幼儿园网站：学校介绍，相册，教师介绍，新闻，招生情况
5、**班级网站：班级简介，校园新闻，班级相册，学习园地，留言板，
6、花卉网店：店面介绍产品介绍，花卉学习论坛，留言板，联系我们等
例：https://www.360docs.net/doc/0d10985134.html,/templet/flower/?NODE_ID=flower
7、宠物用品网店：首页，店面介绍，商店公告，产品介绍，宠物论坛，联系我们
https://www.360docs.net/doc/0d10985134.html,/
8、其他个人喜欢的题材都可以。
四、课程设计报告（文档）
课程设计报告是课程设计工作的总结和提高，课程设计报告应该反映出作者在课程设计过程中所做的主要工作及取得的主要成果，以及作者在课程设计过程中的心得体会。
（一）课程设计报告主要内容
课程设计报告的写作方法是多种多样的，并没有一个固定的格式，对于本课程设计，应该包括以下几个主要部分：
1．网站的主题说明；
2．网站的总体规划与网站的结构框图；
3．网页风格说明；
4．典型网页的设计过程与样例；
5．网站发布过程说明；
6．网站维护操作步骤；
（二）课程设计报告编写基本要求
1．每个学生必须独立完成课程设计报告；
2．课程设计报告书写规范、文字通顺、图表清晰、数据完整、结论明确；
3．课程设计报告后应附参考文献
五、评分标准及要求
评分标准主要根据以下几方面具体评分依据如下：
1．网页是否能够正确显示？(10分)
2．网页布局、配色、内容是否与主体风格一致？（10分）
3．网站名称，文件夹与文件命名是否规范？（10分）
4、div+css样式编写与应用是否合理(20)
5、网页特效使用是否恰当合理(10)
6．网站布局及网站结构是否清楚合理？（10分）
7．设计方案是否切合实际，有应用价值？（10分）
8．课程设计报告是否逻辑清楚，语言简炼，论据充分，结论正确（20分）六、课设提交材料：
1．课设报告
2．课设作品
周六上午交课设报告以及课设作品。
注：1、雷同卷一律按不及格处理
502043《网页设计与制作》课程标准
《网页设计与制作》课程标准 课程代码： 502043 参考学时： 90 学分： 4 课程类型：专业课
2015年 1 月编 一、适用专业 计算机应用技术（3年制中职，5年制高职） 二、开课时间 第4学期 三、课程定位 1、课程性质 本课程是计算机应用技术（3年制中职，5年制高职）的专业课程。 2、教学任务 本课程主要以Dreamweaver软件为操作平台，针对职业教育网络技术专业中理论结合实践的特点，以培养高技能应用型人才为目标，重点加强学生的理论基础和训练学生的实际操作能力。在教学知识模块上首先介绍网页的相关知识，学习HTML标记语言，在此基础上深入学习Dreamweaver软件的操作方法以及网页元素在网页中的使用技巧，锻炼学生网页的排版设计能力，最后通过样式表、客户端脚本、服务器行为的学习让学生熟悉并掌握开发简单动态网站的能力。在本课程的实践教学内容中，选取紧密联系实际的项目并进行详细分解，重点培养学生的静态、动态网页制作能力、具备网站的建立和维护能力、独立思考、解决问题以及自主创新的能力。 四、课程培养目标 1、方法能力目标 1)培养学生谦虚、好学的品质； 2)培养学生勤于思考、做事严谨的良好作风； 3)培养学生良好的职业道德； 4)培养学生事物美的观念； 2、社会能力目标 1)培养学生的团队协作精神； 2)培养学生分析问题、解决问题的能力； 3)培养学生勇于创新、敬业乐业的工作作风； 4)培养学生诚实、守信、坚忍不拔的性格。 3、专业能力目标 1)掌握网页设计相关知识、网页元素组成、网页结构、网站开发流程、网页设计 与制作工具；
2)掌握HTML标记语言并能够熟练使用标记元素来书写网页框架； 3)掌握Dreamweaver软件的使用方法；学习文本、图像等多媒体元素在网页中的 使用技巧； 4)熟练掌握表格的弹性控制及表格元素标记的使用方法并能应用单元格的合并拆 分、表格嵌套来完成网页的排版； 5)掌握模板的使用方法；熟练应用模板来制作、修改、批量更新网页； 6)掌握两栏框架的制作方法和使用浮动框架嵌套网页的技巧； 7)熟悉AP元素的浮动和定位并能结合时间轴来实现多个AP元素的动画效果； 8)熟练掌握表单的制作方法、表单元素标记、了解网页通过表单来提交数据的原 理； 9)掌握网页中客户端行为的概念；能够使用常见的客户端行为来制作前台页面的 动态效果； 10)掌握样式表对网页的外观和格式的控制、样式表的冲突与继承并能够熟练 书写样式； 11)熟练掌握服务器行为的概念、连接数据库、插入、修改、更新、删除操作 记录；能够使用服务器行为开发简单的动态网站。 五、课程衔接 在课程设置上，前导课程有《Photoshop高级应用》，后续课程有《网站建设》六、教学内容与学时分配 教学学时数分配见下表所示 表教学内容与学时分配
网页设计期末作业要求
网页设计报告书 项目名称：制作“Best设计”网页 班级：视觉08—1班 学号: 200806002619 姓名：张金凤 指导教师：饶简元 日期：2011-12-24 现代设计艺术学院
目录 前言—————————————————————————————（） 一、项目概述————————————————————————（） 1.项目背景——————————————————————————（） 2.项目内容介绍————————————————————————（） 3.项目设计重点————————————————————————（） 二、项目设计————————————————————————（） 1.项目主题的选择———————————————————————（） 2.网页的版面设计———————————————————————（） 3.背景音乐的选择———————————————————————（） 三、项目实施————————————————————————（） 1.素材的收集与整理——————————————————————（） 2.项目制作(创作过程)—————————————————————（） 四、结束语—————————————————————————（） 五、致谢——————————————————————————（） 六、参考材料————————————————————————（）
前言 经过学习DW，让我了解到一些关于网页设计的相关内容和设计网页的基础知识，同时通过一学期的网页设计相关软件和相关知识的学习，制作网页和如何设计出自己喜欢的网页。为了更好的运用和熟悉网页设计，同时也为了更好的表达自己对网页设计的一种理解和给自己一个期末的交代，所以制作了“Best设计网”的网页。 在制作网页时，通过PS、AI和DW的结合运用，最后在DW中进行编辑和整合设计，最后完成网页的所有页面设计。在设计中有很多的疑问，也对自己的作品充满了信心。在设计中很纠结的一个问题就是写代码和运用网格，很多时候设计出来的作品和自己看到的网页页面总是不一致，最后通过不断的调整和修改，完成了这次是网页设计。 这次的网页设计，是我第一次完整的自己独立完成的第一个网页，也许会有很多的不足之处，和一些不那么令人满意的地方，希望老师能谅解，我自认我已经尽力做到最好。
网页设计技术大作业考核要求
静态网页技术大作业要求 一、大作业参考题目： 1、“我的家乡”网站 2、个人博客 3、班级网站 4、＊＊教研室网站 5、学院财务科网站 6、世博会 7、上海风采 8、“爱心行动”公益网站 9、娱乐在线网站 10、美食频道网站 二、选题要求： 可从上面参考题目中选择一个题目作为本次考核项目的主题。也可自拟题目，要求题目健康、高雅。 三、内容要求 1. 网站主题鲜明、内容丰富、健康、高雅且栏目设置合理。网站中至少包含10个以上的页面（15% ） 2. 网站中页面色彩搭配合理，界面规划合理, 设计新颖、简洁、美观、大方（10%）4. 合理使用表格进行页面排版，导航按钮及网页特效使用合理，包含FLASH和JAVASCRIPT（20%） 3. 站内页面整体风格统一并使用CSS进行网页中文字及链接样式（10%） 5. 设计有合理的表单（10%） 6. 网页中链接及图片等路径正确、网页中文件命名规范（10%） 7．网站架构中合理使用到框架（10%） 8．设计报告（15%）。 1）其中网站功能简介（指明主题，及包含的主要内容）:5分 2）网站结构设计:5分
3）设计小结（体会）:5分 9. 作品有抄袭嫌疑得0分。 10．作品自己创作，但是不能够完整作出来，网页设计的基本元素运用有误，整体比较混乱，扣10分。 四、其他要求 1、请同学们以“学号-姓名”为你的“作品文件夹”命名，例如：“9984229- 王华”。图像文件夹一律为image。否则从大作业的总分中扣除10分。 2、首页文件名用：Index.html 3、请在规定的时间内上交作业，不能按规定时间交纳的，为不及格。 4、不要用下载的网页作为大作业上交，如发现上交的大作业中有下载的网 页的痕迹（可从源代码中看出），一律作为不及格处理。 5、没有完成设计报告的视为不及格。 6、教师有权抽查部分同学进行询问，了解其作品制作过程。如发现同学不 能独立完成自己作品的，可评为不及格。 7、作品上交后，应自备一份备份，以备教师手中的作品因故无法正常读取 时补交。 五、评分总则 最终成绩以大作业和平时上课出勤、实验情况综合评定，具体算法为：最终成绩=大作业*70%+（实验+出勤）*30%
网页设计制作规范要求
网页设计制作规范要求 由于互连网的日异普及，客户对网站设计、制作的要求有了很大的提高，因此，我们要把握好每一个细节，使网页设计制作的水平更上一层楼。以下是网页制作的一些注意事项，希望大家能引起重视。 一、网页制作中
中必写信息： 1、网站设计期末考试要求及评分标准
网站设计要求及评分标准 网站主题：个人网站或学习类网站 一、内容(40分)： 1、网站主题要突出； 2、内容详细而充实； 3、能够清晰表达设计意图，总页面数不少于10个。 4、网页文档中无大块空白，无错别字。 二、结构(10分)： 1、结构清楚合理，有统一的导航条； 2、整体结构有一定的连贯性； 3、每一页都有返回首页的标志； 4、没有空链接； 5、没有错误链接； 6、便与浏览查找。 三、版面与视觉感受(10分)： 1、网站整体风格一致； 2、文字清晰，没有乱码和错位； 3、没有错误的表格； 4、按钮图片的制作美观实用； 5、色彩协调； 6、页面美观，布局合理。 四、技术要求（30分）： 1、静态页面制作 （主页(index.html)、其它页面用英文或拼音缩写命名；index.html放置于站点根文件夹下，其它页面置于各子文件夹中。（5分） 2、技术应用： ①Html：Logo 导航条超级链接图片多媒体表格AP Div 行为模板框架（15分） ②Css：文本图片表格边框定位（5分） ③网站要建立不同的文件夹，将不同格式不同功能的文件分门别类的存放：如images、css 、templates、library及各子栏目文件夹等。（5分） 五、其他要求（10分）： 1、建立word格式说明文件（5分） ●清楚表述网站的整体设计意图及其功能 ●列举网站设计中使用的技术 ●列举每个网页文件的名称及其功能 ●不少于300字 2、所有文件打包成RAR压缩包文件名称格式为：学号.rar，如0601100301.rar。打包后的文件大小不超过10MB。（5分） 六、上交作业邮箱 将压缩好的RAR文件（名称必须为：学号.rar））发送至jk2011qmks@https://www.360docs.net/doc/0d10985134.html, 作业提交开始时间：2012年5月7日（星期一） 作业提交截止时间: 2012年5月13日（星期日），在规定时间段内交作业加10分，逾期接收不加分，最晚在5月20日前交作业。注：2份作品如雷分部分超过30%，均为0分。 2012年4月16日 1
浅谈网页设计的原则及要求
浅谈网页设计的原则及要求 一、基本原则 网页的设计，是技术与艺术的结合，内容与形式的统一。它要求设计者必须掌握以下三个主要原则： 1.主题鲜明 视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者。优秀的网页设计必然服务于网站的主题，就是说，什么样的网站，应该有什么样的设计。质不同，目的也不同，所以评论的标准也不同。。有些情况下，“功能”即是“主题”，还有些情况下，“美”即是主题。例如，百度作为一个搜索引擎，首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而一个个人网站，可以只体现作者的设计思想，或者仅仅以设计出“美”的网页为目的。它的主题只有一个，就是美。 2.形式与内容统一 任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和，形式是构成内容诸要素的内部结构或内容的外部表现方式。一个优秀的设计必定是形式对内容的完美表现。正如设计风格”而脱离内容，或者只求内容而缺乏艺术的表现，网页设计都会变的空洞而无力。设计者只有将二者有机地统一起来，才能体现出网页设计独具的分量和特有的价值。另一方面，要确保网页上的每一个元素都有存在的必要性，不要为了炫耀而使用冗余的技术。那样得到的效果可能会适得其反。只有通过认真设计和充分的考虑来实现全面的功能并体现美感才能实现形式与内容的统一。假设某个网页为了丰富其艺术性而追赶时髦地大量使用图像或其它多媒体元素等，虽然达到了其静态形式美的效果，却造成多达几十K甚至更大的网页数据，使浏览者必须等待很长时间才能看到“庐山真面目”，这样的网页就不是一个优秀的网页，因为它不符合网页传播信息的突出特性之快捷性，使网页内容不能很快地到达访问者，影响了访问效果和质量，损害了访问者的情趣和积极性，这种技术要素影响了传达信息的效果，因而不是形式与内容的完美统一。 3.强调整体 网页的整体性包括内容和形式上的整体性，这里主要讨论设计形式上的整体性。网页是传播信息的载体，它要表达的是一定的内容、主题和意念，在适当的时间和空间环境里为人们所理解和接受，它以满足人们的实用和需求为目标。设计时强调其整体性，可以使浏览者更快捷、更准确、更全面地认识它、掌握它，并给人一种内部有机联系、外部和谐完整的美感。整体性也是体现一个站点独特风格的重要手段之一。网页的结构形式是由各种视听要素组成的。在设计网页时，强调页面各组成部分的共性因素或者使诸部分共同含有某种形式特征，是求得整体的常用方法。这主要从版式、色彩、风格等方面入手。例如：在版式上，将页面中各视觉要素作通盘考虑，周密的组织和精确的定位来获得页面的秩序感，即使运用“散”的结构，也是经过深思熟虑之后的决定；同样，整个网页内部的页面，都应统一规划，统一风格，让浏览者体会到设计者完整的设计思想。“整体”是“多变”基础上的整体。 二、网页设计的要求 一个有特色的主页,应该包含有四个要素：文字，图片，排列方式和主色调，这四者相辅相成，缺一不可。
UI设计网页要求规范
1、页面命名 每个页面都要有与之模块对应的名称。 2、页面兼容性 （1）页面大小兼容 o自适应1366*768px及以上的分辨率 o默认窗口设置下，不应出现水平滚动条，避免出现垂直滚动条（当容过多时允许滚动条） （2）弹窗、弹页要保证768高度的分辨率显示正常，同时能移动查看弹出框容。弹出框高度为不超过450px，且显示在容页面相对水平、垂直相对居中位置。 （3）浏览器兼容 兼容Chrome、Firefox、Safari、IE8及以上主流浏览器。 o文字 文字用系统自带的常规字体，且分一级标题、二级标题、主容文字、次容文字、辅助文字（说明或引导性文字，提醒性文字），分别用不同的字号、颜色。具体字号大小和颜色参考UI设计效果图。 o容图片 容图片均带1px描边；容图片未加载出来时显示系统默认图片。
1、数据操作 显示数据（表格） （1）表头：字体加粗、且比单无格容字体大一号，且体字体大小参照UI效果图。 （2）单无格：文字图片容左对齐，数字、金额容右对齐。 （3）操作容原则上均用文字表达，如“编辑-删除” （4）鼠标划过表格单行时，颜色高亮。 （5）原则上每页显示15-20条数据，实际显示条数据可按设计排列效果而定。 （6）表格中不定长的字段，固定显示宽度，超出容用“…”显示光标停留后，在浮动层显示详细容。 选中数据 （1）勾选全选则选中当页所有记录 （2）去掉当页某个记录的勾选，则全选也去掉勾选。 （3）翻页后，自动去掉已勾选的记录及全选的勾选。 （4）翻页后是否进行选择记录的保留应试具体业务而定。 （5）刷新页面后，自动去掉已勾选的记录及全选的勾选。
新增数据 （1）新增的记录必须排在新增页的首行； （2）所有列表页面默认按数据新增时间倒序排列。 （3）提交失败后留在当前提交页，且保存用户已经输入的容以便再次提交。 （4）提交成功后自动回到数据列表页。 （5）提交时需对主要标识字段进行重复值、空值（空格）判断。 修改数据 （1）修改完成后必须回到原记录所在位置，且刷新显示修改后的值。 （2）提交失败后留在当前提交页，且保存用户已经输入的容以便再次提交。 （3）在查询条件下修改返回后，保留原有查询条件，且修改后的数据如果不满足查询条件则不显示。 （4）提交时需对主标识字段进行重复值、空值（空格）判断。 查询数据 （1）把所有查询条件全部显示出来，并放在查询列表上方位置。 （2）每个查询条件必须有预置文案。 （3）每次查询后保留当前输入的查询条件。
最新网页制作基础课程标准资料
《网页基础制作》课程标准 1.前言 1.1.课程的性质 本课程是中等职业学校计算机应用专业网页设计与制作门化放 向的一门专业基础核心课程。其功能在于培养学生具备从事网页设 计与制作的基本职业能力，使学生达到相应的网页设计制作人员能 力的基本要求。 1.2.设计思路 本课程标准的设计以计算机应用专业学生的就业为导向，邀请 行业专家对计算机应用专业所涵盖的职业群进行任务和职业能力分析，以此为依据确定本课程的工作模块和课程内容，本课程以任务 引领型为框架，把课程按递进方式设计成项目，并以项目为单元足 迹教学，使学生由浅入深，以点到面全面掌握网页设计与制作的职 业技能。 2.课程目标 通过任务引领型和项目活动形式，使学生熟练制作简单网页， 能熟练创建本地站点并能对网页进行各种找链接，能制作网页动画，掌握网页设计与制作技巧，具备网页设计与制作的基本职业能力， 能基本胜任网页制作工作，为学生发展专门化方向的职业能力奠定 基础。 职业能力目标：（1）能熟练制作简单网页 （2）能创建本地站点并能对网页进行各种超链接 (3) 能对网页进行创意的美化
(4) 能制作有创意的网页动画 (5) 能掌握网页设计与制作相关技巧 (6) 能跟踪和学习网页制作的新知识和新技术3.课程内容与要求
4.实施建议 4.1.教材编写 （1）教材要以岗位职业能力分析和职业技能考证为指导，以 《网页制作基础》课程标准为依据进行编写； （2）教材要以岗位任务引领，以工作项目为主线，强调理论与 实践相结合，按活动项目组织编写内容；教材内容从“任务”着手，设计完成“任务”的方法与步骤的空间；教材要体现以解决实际问 题来带动理论的学习和应用软件的操作，让学生在完成“任务”的 过程中掌握知识和技能，培养学生提出问题、分析问题、解决问题 的综合能力。任务的设置应该体现针对性、综合性和实践性。 （3）项目教学任务的设计，应该体现中等职业教育的特征和与 社会实际的联系。所设计的“任务”是学生毕业后就业上岗就能遇 到并解决的问题，而不是围绕着知识和技能的展开而设置的。
《网页设计与制作》期末考试题与答案
〈网页设计与制作》期末考试试题、单项选择题（本大题共30小题，每小题2分，共60分） 1、目前在In ternet上应用最为广泛的服务是（b）。 A、FTP 服务 B、WWW 服务 C、Tel net 服务 D、Gopher 服务 2、域名系统DNS的含义是（b ）。 A、Direct Network System B 、Domain Name Service C 、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn 由四个子域组成，其中（d）子域代表国别代码。 A、center B、nbu C、edu D、cn 5、当标记的TYPE属性值为（d ）时，代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个 HTML文件开始应该使用的HTML标记是（c）。 A、
| B、 C、 12、在网页中最为常用的两种图像格式是（a）。 A、JPEG 和 GIF B、JPEG 和 PSD C、GIF 和 BMP D、BMP 和 PSD 13、如果站点服务器支持安全套接层（SSL），那么连接到安全站点上的所有URL开头是 (b)。 A、HTTP B、HTTPS C、SHTTP D、SSL 14、在HTML中，要定义一个空链接使用的标记是（a ）. A、＜a href= "#"＞ B、＜a href= ”？"＞ C、＜a href= "@"＞ D、＜a href= ”"〉 15、对远程服务器上的文件进行维护时，通常采用的手段是（b） A、POP3 B、FTP C、SMTP D、Gopher 16、下列Web服务器上的目录权限级别中，最安全的权限级别是（a ） A、读取 B、执行 C、脚本 D、写入 17、用Fireworks切割图形时，需要的工具是（c） A、裁剪 B、选取框 C、切片 D、自由变形 18、 In ternet上使用的最重要的两个协议是（b ） A、TCP 和 Tel net B、TCP 和 IP C、TCP 和 SMTP D、IP 和 Tel net 19、 body元素用于背景颜色的属性是（c） A、alink B、vlink C、bgcolor D、background 20、下面说法错误的是（d） A、规划目录结构时，应该在每个主目录下都建立独立的images目录 B、在制作站点时应突出主题色 C、人们通常所说的颜色，其实指的就是色相 D、为了使站点目录明确，应该采用中文目录 网页设计要求网页设计与html 设计要求与选材 一、设计内容 本课程设计要求学生完成一个小型专业网站的建设与发布。具体内容如下： 1．学生根据自己的兴趣爱好或专长，确定一个网站主题； 2．根据确定的网站主题，通过各种途径收集、整理、加工网站所需要的信息； 3．自行确定网站的LOGO、自行设计各级网页的风格、网站的整体结构； 4．利用网页制作软件设计制作各个页面； 5．测试完成的网站； 二、设计要求 学生在一周时间内完成规定的全部设计内容，并撰写课设报告 1．整个课程设计的各个环节都要求同学们自己动手； 2．确定的网站主题应大小适中、内容健康、具有时代气息； 3．网站提供的信息应与网站主题相符合； 4．网站结构应层次分明，内容重点突出； 5．网页采用css+div布局，所有页面样式设置都必须使用一个外部样式文件，样式名为sit站点名称。 6．页面设计不少于五页，页面特效不少于十种； 7．网站应易于维护，要求学生掌握使用1-2种网站维护工具； 8．网站名称为自己的学号后两位，主页title标题为自己的网站的名称，meta中name值为自己姓名，所有网页以及使用各种素材一律使用英文名称。 9．对课程设计进行总结，撰写课程设计报告； 三、选材： 1、个人博客:主页，个人简介，留言板，交友论坛，个人风采，个人日志，等。 某小企业商务网站：企业首页，公司简介，产品介绍，公司论坛，客户留言板， 例：https://www.360docs.net/doc/0d10985134.html,/news/index.htm 2、服装销售网站：登陆界面，店面介绍，产品窗口，客户留言板，招聘信息 3、Bbs论坛（仿天涯论坛）：文学，饮食，运动健身，汽车，房产，股票，服装，交友 4、***幼儿园网站：学校介绍，相册，教师介绍，新闻，招生情况 5、**班级网站：班级简介，校园新闻，班级相册，学习园地，留言板， 6、花卉网店：店面介绍产品介绍，花卉学习论坛，留言板，联系我们等 例：https://www.360docs.net/doc/0d10985134.html,/templet/flower/?NODE_ID=flower 7、宠物用品网店：首页，店面介绍，商店公告，产品介绍，宠物论坛，联系我们 https://www.360docs.net/doc/0d10985134.html,/ 8、其他个人喜欢的题材都可以。 四、课程设计报告（文档） 课程设计报告是课程设计工作的总结和提高，课程设计报告应该反映出作者在课程设计过程中所做的主要工作及取得的主要成果，以及作者在课程设计过程中的心得体会。 （一）课程设计报告主要内容 课程设计报告的写作方法是多种多样的，并没有一个固定的格式，对于本课程设计，应该包括以下几个主要部分： 1．网站的主题说明； 2．网站的总体规划与网站的结构框图； 3．网页风格说明； 4．典型网页的设计过程与样例； 5．网站发布过程说明； 6．网站维护操作步骤； （二）课程设计报告编写基本要求 网页设计规范网页设计规范 网页设计标准尺寸: 1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。 2、1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。(在dw里面有设定好的标准值,1024*768页面的标准大小是955*600,照着它的尺寸做就行了) 3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右 4、在PS里做的图到了网上就不一样了，颜色等等方面，因为ＷＥＢ上面只用到 ２５６ＷＥＢ安全色，而ＰＳ中的ＲＧＢ或者ＣＭＹＫ以及ＬＡＢ或者ＨＳＢ的色域很宽颜色范围很广，所以自然会有失色的现象. 页面标准按800*600分辨率制作，实际尺寸为778*434px 页面长度原则上不超过3屏，宽度不超过1屏 每个标准页面为A4幅面大小，即8.5X11英寸 全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px 另外120*90，120*60也是小图标的标准尺寸 每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K 标准网页广告尺寸规格 1、120*120，这种广告规格适用于产品或新闻照片展示。 2、120*60，这种广告规格主要用于做LOGO使用。 3、120*90，主要应用于产品演示或大型LOGO。 4、125*125，这种规格适于表现照片效果的图像广告。 5、234*60，这种规格适用于框架或左右形式主页的广告链接。 6、392*72，主要用于有较多图片展示的广告条，用于页眉或页脚。 7、468*60，应用最为广泛的广告条尺寸，用于页眉或页脚。 8、88*31，主要用于网页链接，或网站小型LOGO。 网页中的广告尺寸 1、首页右上，尺寸120*60 2、首页顶部通栏，尺寸468*60 3、首页顶部通栏，尺寸760*60 4、首页中部通栏，尺寸580*60 5、内页顶部通栏，尺寸468*60 6、内页顶部通栏，尺寸760*60 网页设计与制作课程标准网页设计与制作课程标 准 公司内部编号：（GOOD-TMMT-MMUT-UUPTY-UUYY-DTTI- 《网页设计与制作》课程标准前言： 《网页设计与制作》是理实一体化课程，是计算机专业（软件与信息服务、数字媒体、计算机应用专业）的一门重要的专业必修课。本课程定位于WEB技术开发工作岗位。它是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用， 一、课程的说明： 通过本课程的学习，使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言，掌握运用Dreamweaver（以下简称DW）网页制作软件制作网页的方法，通过运用Photoshop图像处理软件和Flash动画制作软件，三个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力，培养自主学习能力和探索创新能力。 二、课程内容与基本要求： 该课程涉及的知识是网页设计人员必备的基本技能，职业活动与课程内容的对应关系如下： 三、教学目标 1、职业关键能力目标 (1) 掌握使用Photoshop进行图像处理的基本方法及操作技能 (2) 掌握DreamweaverCS5的基本知识及操作技能 (3) 掌握建立与管理站点的方法 (4) 掌握制作主要内容为文本的网页的方法 (5) 掌握在网页中插入与编辑图像的方法 (6) 掌握在网页中插入多媒体元素的方法 (7) 掌握表格处理与网页布局的方法 (8) 掌握创建超级链接的方法 (9) 掌握使用框架制作旅游网站的方法 (10) 掌握创建和使用模板的方法 (11) 掌握创建和使用库的方法 (12) 掌握在网页中添加AP Div的方法 (13) 掌握在网页中使用行为的方法 (14) 掌握HTML基础知识及通过代码修饰网页的方法 (15) 掌握使用CSS样式表修饰网页的方法 (16) 掌握动态网页的概念及简单动态网页的制作方法 信息发布与网页设计课程 2015 2016 1 期末综合作业对外经济贸易大学信息发布与网页制作期末考试试卷 对外经济贸易大学 2015-2016学年第一学期 《信息发布与网页制作》课程 本科生期末考试要求（A卷） 课程课序号：CMP322 学号姓名成绩。 综合考试要求 1、按题中要求，独立完成。如有拷贝或与他人雷同者，以0分论处。 2、作业公布日期：2015年12月15日；提交的截止日期为：2016年1月4日。 一、（共10分）按如下要求提交文件得分______ 以自己“学号+姓名”命名文件夹，并以此根文件夹创建站点；根文件夹下，至少包含下列子文件夹，严格按类存放站点中的所有文件（主页除外）： 1、Html：存放HTML文件 2、Image：存放图片文件 3、Sound：存放声音文件 4、Css：存放css文件 5、Flash：存放flash文件 6、Movie：存放电影视频文件 压缩整个文件夹，通过TAS平台提交。 二、（共10分）设计小型网站，内容主题为“我的路，我的爱”。得分______ 设计有3个窗口的框架集，框架集网页文件命名为“姓名+index.html”。框架集网页中，左下侧窗口命名为“姓名+left.html”，放置导航栏目网页；右下侧窗口命名为“姓名+main.html”，作为导航栏被链接网页的“目标”窗口，用于显示被链接的网页；上侧窗口命名为“姓名+top.html”，显示个人信息。要求框架集网页边框可调（导航和目标显示页），窗口中内容超出窗口时，要出现滚动条，以便于浏览。 三、（共10分）个人信息网页、导航栏网页。得分______ 1、个人信息网页（5分） 显示网站主题、网站制作者：“学号+姓名”、所在院系、自己照片、手机号码等。拍摄自己照片的时候，请拿着一个牌子拍摄，牌子上有自己的姓名、学号等信息。网页命名为“姓名+top.html”，网页标题为“学号＋姓名＋手机号码+个人信息网页”，放在框架集的上侧窗口中。 2、导航栏网页（5分） 网页功能是网站导航。围绕站点主题“我的路，我的爱”，设置如下6个网页的链接。 网页设计规范制网页设计规范制 网页设计规范 一、展现布局 （一）展现。 1.政府网站应简洁明了，清新大气，保持统一风格，符合万维网联盟（W3C）的相关标准规范要求。 2.政府网站应确定1种主色调，合理搭配辅色调，总色调不宜超过3种。使用符合用户习惯的标准字体和字号，同一类别的栏目和信息使用同一模板，统一字体、字号、行间距和布局等。 3.按照适配常见分辨率的规格设计页面，首页不宜过长。在主流计算机配置和当地平均网速条件下，页面加载时长不宜超过3秒。 4.对主流类别及常见版本浏览器具有较好的兼容性，页面保持整齐不变形,不出现文字错行、表格错位、功能和控件不可用等情况。 5.网站内容要清晰显示发布时间，时间格式为YYYY—MM—DD HH∶MM。文章页需标明信息来源，具备转载分享功能。 6.页面中的图片和视频应匹配信息内容，确保加载速度，避免出现图片不显示、视频无法播放等情况。避免使用可能存在潜在版权纠纷或争议的图片和视频。 （二）布局。 1.政府网站页面布局要科学合理、层次分明、重点突出，一般分为头部标识区、中部内容区和底部功能区。 2.头部标识区要醒目展示网站名称，可根据实际情况展示中英文域名、徽标（Logo）以及多语言版、搜索等入口，有多个域名的显示主域名。 3.中部内容区要遵循“从左到右、从上到下”的阅读习惯，科学合理设置布局架构。 4.底部功能区至少要列明党政机关网站标识、“我为政府网站找错”监督举报平台入口、网站标识码、网站主办单位及联系方式、ICP备案编号、公安机关备案标识和站点地图等内容。 5.政府网站各页面的头部标识区和底部功能区原则上要与首页保持一致。 （三）栏目。 1.栏目是相对独立的内容单元，一般为一组信息或功能的组合，按照信息类别、特定主题等维度进行编排并集中展现。 2.栏目设置要科学合理，充分体现政府工作职能，避免开设与履职行为、公众需求相关度不高的栏目。政府门户网站和部门网站应设置机构职能、负责人信息、政策文件、解读回应、工作动态、互动交流类栏目。 3.栏目名称应准确直观、不宜过长，能够清晰体现栏目内容或功能。 4.栏目内容较多时，可设置子栏目。栏目页要优先展现最新更新的信息内容。 《网页设计与制作》课程标准广西玉林高级技工学校 《网页制作与设计》课程标准 一、课程基本信息 二、课程性质 本课程是中职计算机术专业的一门主干专业课程。通过本课程的学习，要求学生掌握网页设计的基本概念，学会使用常用的网页设计工具和常用脚本语言，能够设计制作常见的静态和动态网页，具备网站的建立和维护能力。同时通过本课程的学习，培养学生的综合职业能力、创新精神和良好的职业道德。 三、设计思路 本课程标准的总体设计思路：以计算机专业学生的就业为导向，根据行业专家对计算机网络技术专业所涵盖的岗位群进行的任务和职业能力分析，紧紧围绕完成工作任务的需要来选择课程内容，设定职业能力培养目标；以“工作项目”为主线，创设工作情景；以书本知识的传授变为动手能力的培养为重点，强化学生实践动手能力的培养，以实现职业能力的培养目标。 四、课程目标 1.职业知识目标 1．熟悉HTML 语言的作用和开发环境，能够编写HTML 代码； 2．掌握常用的HTML 标签，能够实现基本的图文信息显示； 3．理解HTML 页面框架的作用，能够针对需求进行框架的设计； 4．掌握各类HTML 表单元素标签，能够进行表单设计； 5．掌握各类HTML 多媒体元素标签，能够进行多媒体页面设计； 6．掌握CSS 样式的基本使用方法，能够应用CSS 样式表美化页面；7．掌握CSS 网页布局的方法，能够结合DIV 标签进行页面布局； 8．掌握JavaScript 的语法基础，能够编写简单的JavaScript 应用程序；9．掌握JavaScript 的函数、内置对象、事件等，能够实现表单的验证；10．掌握DOM 树形结构及其操作方法，能够控制DOM 对象。 2.职业技能目标 1．能独立进行资料收集与整理、具备用户需求的理解能力； 2．能根据项目需求，具备项目页面的设计与实现能力； 3．能根据静态页面设计原则与CSS 技术规范，实现页面美化与布局；4．具有使用JavaScript 技术进行页面事件处理与表单验证的能力； 5．能根据DOM 树形结构，进行页面DOM 的控制； 6．具有综合应用HTML 语言、CSS 样式、JavaScript 脚本进行页面的设计、编码、调试、维护能力。 3.职业素质目标 1．养成善于思考、深入研究的良好自主学习的习惯； 2．通过项目与案例教学，培养学习者的分析问题、解决问题的能力； 3．具有吃苦耐劳、团队协作精神，沟通交流和书面表达能力； 4．通过课外拓展训练，培养学习者的创新意识； 5．具有爱岗敬业、遵守职业道德规范、诚实、守信的高尚品质。 五、课程主要内容与要求 网页设计与制作试题及答案《网页设计和制作》期末测试试题 一、单项选择题(本大题共15小题，每小题2分，共30分) 1、目前在Internet上使用最为广泛的服务是( )。 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 2、域名系统DNS的含义是( )。 A、Direct Network System B、Domain Name Service C、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn由四个子域组成，其中( )子域代表国别代码。 A、center B、nbu C、edu D、cn 4、当阅读来自港澳台地区站点的页面文档时，应使用的正确文本编码格式是( )。 A、GB码 B、Unicode码 C、BIG5码 D、HZ码 5、当标记的TYPE属性值为( )时，代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个HTML文件开始应该使用的HTML标记是( )。 A、 |