《网站美工设计》课程考试大作业
（6）创意：将图片进行变形，这样让图片看起来比较的有立体感，能够很好的吸引需求者的眼球，以及合理的运用了方格，更添加了网页的效果
2.设计步骤（关键步骤+截图）
（3）点击新建文件。创建一个宽为1024px，高为
移动到背景图层中，在文件夹下选择一张图片，
辑”—“变换”中的“变形”和“斜切”进行图片的调整，在图片中添加本主题网页的相关产品（有三幅图片）
（4）.然后再主题“雅诗兰黛”的下方添加与主题相关的图片和文字，并调整图片的相应的
）图片的最终的效果图片如下所示：
（9）给选中的切片进行命名，并将URL设置为“
网页设计大作业word模板
伊犁师范学院《网页设计》期末课程设计 设计题目：我的个人网页 学号：018 姓名：马建武 院系：电子与信息工程学院 专业班级：计科08-2 指导老师：王雪峰 日期：2011-6-20
一、设计思想 随着网络技术的飞速发展，网络已经遍及每个人的身边，通过个人网页把自己展示在网络上，不仅可以获得更多的朋友，有用的信息，也是跟随时代发展，做走在时代前沿的一个有效方式，本网站旨在设计一个个性化的个人网站，展现自己的生活，学习，爱好等等信息，通过本网站把自己展示出来。 二、开发环境及软件 Windows XP，Macromedia Dreamweaver 8，photoshop等 三、系统结构功能图、页面结构草图及部分页面截图 四、部分代码（主要添加CSS代码） 1.添加首页背景音乐
2.运用框架 <![CDATA[ 3.图片滚动 <td colspan="5" valign="top"> <marquee direction="left" loop="-1"><img src="../photos/图像" width="134" height="133"><img src="../photos/图像" width="134" height="133"><img src="../photos/图像" width="134" height="133"> </marquee> </td> 4.文本css样式 .s1 { font-family: "宋体"; font-size: 18px; font-weight: bold; color: #3333CC; text-decoration: blink; text-align: center;</p><h2>网页设计大作业</h2><p>网页设计与制作报告书 课程名称:网页设计与制作 报告题目：几米的空间 专业班级：旅管1002班 学号：100104110221 姓名：杨玉颖 指导教师：胡一波</p><p>目录 一、................................. 开发背景 二、................................. 网页设计技巧 三、................................. 网站结构 四、................................. 应用工具方案 五、................................. 频道栏目划分 六、................................. 测试 七、................................. 周期与成本估算 八、................................. 结论</p><p>摘要： 在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。 关键字：网页制作；制作方法；设计要素；网页测试</p><p>一、网页制作开发背景 Dreamweaver以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。现在流行的网页制作软件有很多，如Macromedia 公司的Dreamweaver、微软公司的Dreamweaver、还有Adobe Pagemill 3.0--制作多框架，表单和Image map 图像的网页工具、Netscape等等。其中Dreamweaver更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。工具准备好了，可根据你的个人喜好来选择一些素材，如图片、喜欢的文章等。 二、网页制作设计技巧 首先，我们来看一下创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项，单击“站点”命令，这时新建站点对话框就弹出来了，在“指定新站点位置”文本框中输入新站点的位置，单击“只有一个网页的站点”图标，单击“确定”按钮。这就建立好站点了，我们现在来看一下新的站点里有什么，单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件，名字叫做“index.htm”。我们知道，每</p><h2>《网页设计》大作业设计说明书</h2><p>《网页设计与制作工程实训》 大作业 选题名称：__伊人网的制作与体会________________ 设计人：___李薇_______________ 班级：__软件工程081班______________ 学号：__8000108025________________ 南昌大学软件学院 2010.元</p><p>设计说明书: 一．选题的分析 1.我是怎么想到做女性网站的？ 作业刚布置下来的时候，我心里千回百转过很多念头，做什么网站能将我们学过的知识全部都用上呢？貌似除了作为模板教学的购物网站就没有其他更好的选择了，可是继续做教学时学的淘宝或拍拍太无新意，不和我意。想来想去，还是没有中意的方案。可能是白天想这个想太多了，我晚上竟然梦到了我要做的，就是易物网站。不知老师是否记得一个曲别针换一个大房子的事，这就是我要做的易物网。终于得到了一个让我满意的方案，很开心。可睡醒了仔细一想觉得还是不行，可行性不大，于是我放弃了这个方案。当时已经是实训最后一天了，在结束实训的时候，我突然灵光一闪，决定做一个女性网站。 首先，一个女性网站针对了我的特点，是我想做的，也是我感兴趣做的。 其次，一个女性网站可以包括购物频道和bbs频道，可以充分将我学到的知识运用上去而又不免于流俗。 2.我要表达什么内容，如何展开设计？ 打定主意便开始设计。这个女性网站是针对都市女性的网站，旨在在她们休闲的时候有个能让她们放松自我，同时得到很多对自己有用的信息。为了达到放松的目的，网站的主色调采用暖色系，主打粉色系，看上去温暖活泼时尚舒适，让人有一探究竟的欲望。而为了同时达到对女性自身有益的目的，我在选择网站内容版块上下了很大的功夫。女性最关注的是什么呢？是她们的感情与魅力。Bbs能让她们能有个诉说感情发泄心情的地方，同时能在那浏览别人的故事，互相鼓励和帮助，还能交流日常生活（美容服饰等）的小信息。购物频道能让满足女性爱买东西的天性。我的购物频道定位在价廉物美，为女性们提供质量好能让他们放心的好宝贝。 二．如何运用网络的优点进行更好的表达 网站的版面风格温暖舒适，颜色主打暖色调，又以粉色系为主，简洁明了，大方舒适，以达到让平时忙碌工作和家庭的女性放松的功能，让她们对网站产生归属感，一个累了能让她们放松的地方。放松有时候也需要朋友，网站的论坛就提供个这样一个让女性们互相了解认识的场所。她们在bbs里了解互相的故事，</p><h2>13-14JAVASCRIPT程序设计大作业</h2><p>西安欧亚学院2013－2014学年第一学期期末大作业 专业：软件技术 课程：JavaScript 程序设计 年级：12 一、作业题目： 题目：利用JavaScript 中特效编码，实现网页的动态效果。 从以下课程设计项目中选择一个作为自己的设计开发主题，如果自己有新的选题构想，要取得授课教师的批准方可进行设计，否则不计成绩。 网页主题参考（自己任选） 1、鼠标特效设计，如：跟随鼠标的小尾巴、鼠标跟踪动画、跟随鼠标的弹性文字等; 2、菜单特效设计，如：动画菜单、树形菜单、下拉菜单、右键菜单等; 3、图片特效设计，如：横向的相册效果，纵向的相册效果，滤镜图片轮播等; 4、背景特效设计，如：渐变背景、定时切换等; 5、时间特效设计，如：日期时间星期农历，动态时钟，时间倒计时等; 6、其它：如文字特效、密码验证特效等。 二、作业要求及评分标准： 1、作业要求 （1）涵盖知识点：贯彻事件驱动的程序设计思想，熟练使用JavaScript 中的对象，实现网页特效。 （2）网页要求 ? 主题突出，内容充实、健康向上，布局合理、结构清晰、规范； ? 色彩搭配合理、美观，设计新颖，有创意；页面布局尽可能平衡，色彩应用注意谐调，文本注意格式化 ? 技术运用全面，技术含量高；链接测试正确，跳转流畅； ? 代码应适当缩进，并给出必要的注释，以增强程序的可读性； ? 网页中涉及的所有“路径”必须使用“相对路径”； ? 设计过程中充分考虑浏览器兼容等问题，并做适当处理。 学号_____________ 班级___________ 姓名________ 座位号____ - - - - - - - - - - - - - - - - - - - - - - - - - -- - - -密 ○ - - - - - - - - - - - - - - - - - - - - - - - - 封 ○ - - - - - - - - - - - - - - - - - - - - - - - - 线 ○ - - - - - - - - - - -- - - - -- - - - -- - - -- - - --</p><h2>#大工13春《网页制作》大作业和要求95933</h2><p>网络教育学院《网页制作》课程设计 题目： 学习中心： 层次： 专业： 年级：年春/秋季 学号： 学生： 辅导教师： 完成日期：年月日</p><p>大工13春《网页制作》课程设计 注意：从以下5个题目中任选其一作答。 题目一：制作一个网上课件浏览系统 总则：利用Dreamweaver CS3结合ASP或JSP以及相关的脚本语言制作一个课件视频点播网站，数据库可以采用SQL Server、Mysql等任一数据库系统软件。 要求：（1）建立一个完整的站点，所有网站内容都要包含在建立的这个站点文件夹内，网站各类元素文件在站点总文件夹 中以子文件夹形式分类清楚。（如图片都放在子文件夹 image里，html页都放在pages子文件夹内，视频放在video 文件夹内，数据库文件放在DB文件夹内） （2）网站主页采用上方固定，左侧嵌套的框架集形式网页。 （3）建立简单的数据库，包含几个必要的数据库表（例如 视频课件分类表、课件详细信息表等），课件详细信息表 可以包括课件ID、课件名称、所属专业、课件日期、课 件大小等。 （4）将前台网页和后台数据库进行连接。 （5）制作若干个主页链接出去的跳转网页。 （6）运用网页设计的视频播放插件和元素，使视频可以流 畅播放。 （7）实现简单的留言板功能。 （8）附带一份网站设计及功能说明书，也放在站点总文件</p><p>夹中。 （9）将所制作的网页及相关文件压缩成一个文件，文件名 为[姓名奥鹏卡号学习中心]（如戴卫东101410013979 浙江台州奥鹏学习中心[1]VIP ） 作业提交： 大作业上交时文件名写法为：[姓名奥鹏卡号学习中心]（如：戴卫东101410013979浙江台州奥鹏学习中心[1]VIP） 以附件形式上交离线作业（附件的大小限制在10M以内），选择已完成的作业（注意命名），点提交即可。如下图所示。 截止时间：2013年9月3日前。 注意事项： 独立完成作业，不准抄袭其他人或者请人代做，如有雷同作业，成绩以零分计！</p><h2>网页设计_期末报告</h2><p>2014-2015学年上学期 《网页设计》课程期末大作业说明 1.题目：*****网站设计与实现（根据学期初自已的选题确定） 其中应包含以下内容： (1)网站设计概述 ?需要掌握的基本技术及它们的作用 ?平台的搭建和开发工具的选择 ?你的设计目标：解释你设计的主题和目标 (2)典型网站设计分析及学习 ?以期中作业为基础，分析经典网站的设计 ?强调两点：文档标记的标准化与格式化，布局方式 ?从中你学到了什么？文件的组织结构、图片的大小、命名等，请自己 思考展开 (3)设计与实现 ?完成你自己的设计 ?整体布局思路：流式布局或固定布局？布局采用什么技术？ ?包含适当的代码及截图 ?代码请保持良好的格式 ?页面中的支撑文本可以任取样本文字 (4)总结 ?从这门课你学到了什么？ ?还有什么需要在今后的学习中加以拓展？ ?WEB上的一些新的发展趋势，如HTML5你如何看？ 2.请提交： (1)设计报告（A4纸打印） ?word文档 ?格式和基本内容要求（见附件1） (2)电子文件（以下文件压缩打包，以“学号_姓名”方式命名） ?HTML文档：index.html ?CSS文件：final.css ?图片文件夹img： ?设计报告的电子版：学号_姓名.doc 3.提交时间和方式： (1)完成时间表： ?2015年1月8日：提交最后完成的版本 (2)地点： ?上课地点 4.附件：报告格式</p><p>《网页设计》期末课程设计报告 题目：灵异世界网站 姓名：许蕾 学号：12990255 日期：2014年12月30日 摘要 请解释在这门课程的学习过程中，你学到了哪些知识？以及如何运用这些知识，来进行设计与实现的。 随着大三上学期正式的开始，抱着懵懂的心态，选择了网页设计与制作这门课程，曾记得第一节的课的时候，老师让每一位同学提一个问题，上完第一节课似乎我应该大概明白我们这学期学习网站关于哪方面的知识，接下来，在听完老师讲课的基础上，自己学习w3Cschool在线学习网站上关于html标记语言和css样式方面的教程。对此感觉这学期更加明白了网站标记与设计方面的理解，也增添了我对于网站学习的热情。 本学期学习到的知识有： 1.简单的html标记；例如 ; <h1></h1>; <pre></pre>; <frameset></frameset>;等等方面的标签，利用这些标签基本上可以实现了一些网页上的 基本功能，对于他们分别的属性也有所了了解，在设计你网页的时候，应用的更加得心应手。 2.布局方式上从原有的知识结构中只能用表格来规划整个网页的思想中解脱出来，了解了关于 div标签的浮动布局，“层”的应用，使整个网页布局显得不那么呆板，而是更加的灵活。因 此受益匪浅啊。 3.css样式 基于对于css样式的初步了解，使我在网页设计上减少了很多不必要时间的浪费，而且很多 功能实现起来比以前的方式更加的方便与灵活。但是关于css样式只是处于基本的了解层面， 更多的知识，我想我以后会在仔细的钻研。 你最初的目标是设计一个***类型的网站，以此为目标，你做了哪些工作？最终是否完成了既定目标？ 我最初的目标是设计一个关于灵异世界方面的网站，以此为目标，我首先展开了对于灵异世界方面知识的收集，刚开始的时候是想按照自己的想法来设计的，后来觉得应该先有模仿，再有创新。因此接下来开始收集各种关于灵异世界网站，研究他们采用的布局和样式，在此期间，遇到了很多的问题，由于对网页代码，以及动态网站的了解是一片空白，因此在研究的时候真是白爪挠心，非常的痛苦，后来恍然大悟，学术这个东西是需要时间来慢慢研究的，不能急于求成，因此对此暂且放弃。开始着重关注css样式和页面设计这方面的东西，根据老师的推荐——禅意花园，在这个很好的学习css样式的网站中遨游，最终做出了自己还是比较满意的网站了吧。</p><h2>web期末设计大作业经典作品</h2><p>网站开发技术课程设计报告 题目：兄弟依旧 专业： 班级： 学号： 姓名： 老师： 成绩：_____________________</p><p>一、网站设计要求 ?站点题目：自定 ?具体内容自行设计； ?具体要求： 按照Fireworks作效果图—〉切图—〉页面布局的过程进行； 须提交完整的Fireworks页面效果图； 必须用CSS+DIV页面布局； 页面中必须包含JavaScript编程； 页面中必须包含Flash动画（须提交Flash源文件.fla）； 二、信息等相关素材收集 基于设计网站的的要求，其内所包含的图片与文字信息皆来自互联网。并且其选材比较贴合电影说体现的主题，再加上其内的色彩调用，很会让人为之动容并有一种身临其境的感觉。 三、个人网站的总体规划和步骤 1、设计的目的 又一年毕业季，又是一个让彼此动容的季节，在向这段充满欢笑、充满浪漫、充满豪情壮志、也充满酸涩与淡淡忧郁的学生时代告别之际。为此做了个网站以怀念曾经的你和我、曾经一起奋斗的日子、以及那个他或者她。还有此刻的美丽,以及无限的未来向往。 2、设计布局 在网站的右上角有一个音乐播放器，重复播放着BEYONGD的代表作（光辉岁月），在其下面有一个利用JavaScript制作的一个图片轮显效果的界面。写满了对大学四年的怀念图片。网站的左上角用flash制作的一个标题，并在其下方有一个用户登录栏，主要是为了方便用户对网页进行操作。最后一个网站的右下角是主题介绍的大学毕业的微电影链接。 3、网站具体设计过程 首先选定本网页制作工具是网页三剑客：Adobe Dreamweaver CS3+Adobe Fireworks CS3+Adobe Flash CS3</p><h2>电子科大16年12月考试《网页设计与制作》期末大作业</h2><p>电子科大16年12月考试《网页设计与制作》期末大作业</p><p>————————————————————————————————作者：————————————————————————————————日期：</p><p>请同学及时保存作业,如您在20分钟内不作操作,系统将自动退出。 16年12月考试《网页设计与制作》期末大作业 试卷总分：100 测试时间：-- 单选题 多选题 一、单选题（共20 道试题，共80 分。） V 1. 在下列的HTML 中，哪个可以产生复选框？ A. <input type="check"> B. <checkbox> C. <input type="checkbox"> D. <check> 满分：4 分 2. 如何产生带有正方形项目的列表？ A. list-type: square B. type: 2 C. type: square D. list-style-type: square 满分：4 分 3. 如何改变元素的左边距？ A. text-indent: B. indent: C. margin: D. margin-left: 满分：4 分 4. 在javaScript 中，可以使用Date 对象的（）方法返回该对象的日期。 A. getDate B. getYear C. getMonth D. getTime 满分：4 分 5. 分析下面的JavaScript 语句：Str = "This apple costs "+50.5; 执行后str 的结果是（）。 A. This apple costs 50.5 B. This apple costs 5.5 C. This apple costs 50.5 D. This apple costs 5.5 满分：4 分</p><h2>网页设计与制作大作业试卷A卷</h2><p>宁波大红鹰学院 2012-2013学年第一学期 2010级本科市场营销专业《网页设计与制作》（A卷） 期末考试试卷 考核方式：大作业 题目：制作完成一个中小型的电子商务网站 要求： 此次期末考试大作业上交期限为第18周星期三（2013年6月26日），必须按时上交否则无期末考试成绩。同学们一定要自己独立完成，发现他人制作或抄袭者，无期末考试成绩。（允许项目组同学合作完成，完成页面为：人数*5，由组长进行分工，上交一份详细页面制作分工说明，同时组内人员所有页面必须在一个站点下并管理好） 1、书写学生制作的电子商务网站规划书和设计书。内容包括：市场分析、建设网站目的及功能定位、网站的内容规划、网站设计过程中知识点运用情况说明，字数为800字以上。（20分） 2、学生上交的文件夹以班级、姓名进行命名，如10营销X班XXX。文件夹内不能有无用的图片、文章等，站点目录清晰，首页必须以index.html命名。（5分） 3、工作量考核：学生的电子商务网站制作中网页数至少为5页，1页为网站首页，1页是用户注册页，1页是个人介绍页。除个人介绍页外，其余页面需使用框架或模版，整体风格统一，效果美观，信息量适中，主题鲜明，主页至少包含5个以上栏目进行具体设计，5个页面中有2个独立网页介绍栏目。（25分） 4、网页中所有的文字及链接均要使用CSS样式表精确控制，能够实现许多网页的同时更新，提高网页下载速度，页面中制作至少使用2个CSS特效。（10分） 5、页面格式：（15分） （1）使用表格、布局表格和图层对网页元素进行排版。 （2）页面布局合理，体现主题，色彩均衡，整体协调。 （3）在主页中选择合适的文字或图像设置超级链接，其他页面中必须设置“返回主页”的超级链接，相关内容必须有返回相关主题内容的链接，浏览线路顺畅。</p><h2>网页设计方案大作业设计方案说明书</h2><p>网页设计方案大作业设计方案说明书</p><p>《网页设计与制作工程实训》 大作业 选题名称：__伊人网的制作与体会________________设计人：___李薇_______________ 班级：__软件工程081班______________ 学号：__________________ 南昌大学软件学院 .元 设计说明书: 一．选题的分析 1.我是怎么想到做女性网站的？ 作业刚布置下来的时候，我心里千回百转过很多念头，做什么网站能将我们学过的知识全部都用上呢？貌似除了作为模板教</p><p>案的购物网站就没有其它更好的选择了，可是继续做教案时学的淘宝或拍拍太无新意，不和我意。想来想去，还是没有中意的方案。可能是白天想这个想太多了，我晚上竟然梦到了我要做的，就是易物网站。不知老师是否记得一个曲别针换一个大房子的事，这就是我要做的易物网。终于得到了一个让我满意的方案，很开心。可睡醒了仔细一想觉得还是不行，可行性不大，于是我放弃了这个方案。当时已经是实训最后一天了，在结束实训的时候，我突然灵光一闪，决定做一个女性网站。 首先，一个女性网站针对了我的特点，是我想做的，也是我感兴趣做的。 其次，一个女性网站能够包括购物频道和bbs频道，能够充分将我学到的知识运用上去而又不免于流俗。 2.我要表示什么内容，如何展开设计？ 打定主意便开始设计。这个女性网站是针对都市女性的网站，旨在在她们休闲的时候有个能让她们放松自我，同时得到很多对自己有用的信息。为了达到放松的目的，网站的主色调采用暖色系，主打粉色系，看上去温暖活泼时尚舒适，让人有一探究竟的欲望。而为了同时达到对女性自身有益的目的，我在选择网站内容版块上下了很大的功夫。女性最关注的是什么呢？是她们的感情与魅力。Bbs能让她们能有个诉说感情发泄心情的地方，同时能在那浏览别人的故事，互相鼓励和帮助，还能交流日常生活<美容服饰等）的小信息。购物频道能让满足女性爱买东西的天</p><h2>网站设计大作业撰写模板</h2><p>大作业 课程名称：网站规划建设与管理 题目：企业网站 院（系）：信息与控制工程学院 专业班级： 姓名： 学号： 指导教师： 年月日 西安建筑科技大学大作业设计（论文）任务书</p><p>专业班级：学生姓名：指导教师（签名）： 一、大作业题目 企业网站 二、本次大作业应达到的目的 设计并实现一个简单的企业类相关的网站 三、本次大作业任务的主要内容和要求（包括原始数据、技术参数、设计要求等） 要求： 1、 Flash首页1个； 2、静态页面制作5幅； 3、网站计数器1个； 4、产品价格的录入与查询； 5、用户的信息反馈； 6、管理页面； 7、数据库设计 四、应收集的资料及主要参考文献： [1] 吉根林.《Web程序设计》.电子工业出版社 [2] 清源计算机工作室.《ASP动态网站设计与制作》.机械工业出版社 [3] 灯文渊.《ASP与网页数据库设计》.清华大学出版社 [4] 杨内.《精品动态网页制作》.清华大学出版社 [5] 黄明.《ASP课程设计》. 电子工业出版社 [6] 石志国.《ASP动态网站编程》. 清华大学出版社 [7] 五、审核批准意见 教研室主任（签字）</p><p>目录（小二号，黑体，居中，段前、段后各空行，两字符间插一空格符） 1 需求分析（小四号，宋体，两端对齐，行距为倍行距）………（） 2 概要设计………………………………………………………（）系统功能的实现…………………………………………（） 系统整体框架图…………………………………………（） 3 详细设计………………………………………………………（） XX模块……………………………………………………（） XX模块……………………………………………………（）…… 4 调试分析………………………………………………………（） 5 总结……………………………………………………………（）参考文献………………………………………………………（）</p><h2>网页设计大作业</h2><p>湖南涉外经济学院 《网页设计》期末大作业 设计题目：致我们终将逝去的青春 学号： 37 姓名：全新华 院系：文法学院 专业班级：汉语言文学1301班 指导老师：蒋桂莲 日期：2016年7月1日 1、页面设计分析 我设计的这个网页主要介绍的是我个人在大学生活的一个状态，作为一名大三学生，我想我们每个人都希望做这么一份个人网页，所以借着我们学习的这个机会，给老师同时也是给自己交一份满意的答卷，我相信这一份个人网页会成为我很珍贵的一份纪念。作为一个网站的首页，其页面应需要简单，明了，给人清晰的感觉。顶头部分主要放置网页主题、导航菜单和网站的LOGO信息等，其logo可以是一张图片或者文本信息等；页面主体分为两个部分，页面主体左侧是个人网站介绍并配有自己的照片以及自我对个人青春的总结；其中相册、美食、明星、故事、个人、联系等7个页面都设置了二级页面，都是自己青春的积累。页面主体右侧是个人信息以及闺蜜朋友的简单介绍，这些可通过页面顶部导航进入相应页面介绍，底部设有“友情链接”，链接了“百度”、“湖南涉外经济学院”、“360”等。。。。。。。。。。。。。 2、开发环境及软件 Windows10，Macromedia Dreamweaver 6，美图秀秀等 3、系统结构功能图、页面结构草图 3.1系统结构功能图 那些年我们一起疯狂的照片（二级页面）</p><p>那些年我们一起过的明星（二级页面）致我们终将逝去的青春那些年我们一起吃过的美食（二级页面）（一级页面） 那些年我们一起见证的青涩女孩（二级页面） 那些年我们一起拥有的青春故事（二级页面） 那些年我们一起追的狗血剧（二级页面） 联系——表单（二级页面） 3.2 页面结构草图 整个设计过程中都用的了css+div布局，整体为1400宽，600高，用头部、左侧，内容，底部的制作；如下图所示： 图1 css+div设计截图 4、页面制作过程； 4.1 主要界面 （1）主页 图2 主页截图 给出页面(body)的部分CSS 代码如下： body { margin: 0; padding: 0; background: #1B3266; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #181B20;} h1, h2, h3 { margin: 0; padding: 0; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: normal; color: #2483A6;} h1 {font-size: 2em;} h2 {font-size: 2.4em;} h3 {font-size: 1.6em;} p, ul, ol { margin-top: 0; line-height: 180%;} ul, ol {}</p><h2>大工20春《Web前端网页制作》大作业及要求</h2><p>网络教育学院《Web前端网页制作》课程设计 题目： 学习中心： 层次： 专业： 年级：年春/秋季 学号： 学生： 辅导教师： 完成日期：年月日</p><p>大工20春《Web前端网页制作》课程设计 注意：从以下5个题目中任选其一作答。 题目一：学习资源共享平台 总则：利用先关的平台和数据库设计一个资源共享平台。（具体工具平台及语言可以自己根据自己的习惯选用） 要求：（1）建立一个完整的平台文件夹，所有平台内容都要包含在建立的这个文件夹内，平台各类元素文件在总文件夹中 以子文件夹形式分类清楚。（如图片都放在子文件夹image 里，html页都放在pages子文件夹内，数据库文件放在 DB文件夹内） （2）平台系统用户分为：学生用户、教师用户和管理员用 户。不同的用户拥有不同的权限，各自完成各自的管理功 能，不同的用户看到不同的系统功能。 （3）用SQL Server/MySql创建后台数据库，并完善数据 库结构和功能。 （4）学生用户的主要功能模块：学生的登录与注册、学生 留言、资料上传、下载。 （5）教师的主要功能模块：教师的注册和登录、教师留言、 资料上传、下载。 （6）管理员的主要功能模块：管理员管理学生教师的信息、 管理员审核资料。 （7）附带一份课程设计功能说明书，也放在总文件夹中。</p><p>功能书包含：介绍各模块功能、数据库设计说明、各模块 核心程序、总结及体会。 （8）将所制作的相关文件压缩成一个文件，文件名为[姓 名奥鹏卡号学习中心]（如戴卫东101410013979浙江台 州奥鹏学习中心[1]VIP ） 作业提交： 大作业上交时文件名写法为：[姓名奥鹏卡号学习中心]（如：戴卫东101410013979浙江台州奥鹏学习中心[1]VIP） 以附件形式上交离线作业（附件的大小限制在10M以内），选择已完成的作业（注意命名），点提交即可。如下图所示。 注意事项： 独立完成作业，不准抄袭其他人或者请人代做，如有雷同作业，成绩以零分计！</p><h2>网页设计期末作业</h2><p>网页设计课程期末大作业 一、题目 结合课堂所学内容，综合运用数据库、静态和动态网页技术，制作一个通讯录网站。 二、具体内容 1、利用DreamWeaver软件制作一个简单的通讯录网站，自行设计网页格式，要求站点组织结构清晰，文件链接正常。 2、使用Access 建立数据库文件，数据库中至少包含两张表格，分别用于记录网站注册用户信息和通讯录信息，通讯录信息至少包含姓名、电话、地址等3列内容。 3、网站主要页面包括用户注册页面、登录页面、通讯录查询页面、通讯录添加页面。可实现用户自行注册，登录，用户登录后可按照姓名查询通讯录信息。在用户注册时，用户名和密码不能为空，且密码必须为数字，提交表单时应能自动检查。统一设置管理员账号admin，密码admin，管理员登陆后可插入新的通讯记录。 4、主页统一命名为index.html，如为动态网页，则命名为index.asp。主页应包含logo、导航栏等元素，导航栏可使用flash 按钮、鼠标经过图像或者CSS 样式表等技术美化。 5、可自由选择使用表格、框架或者层等技术进行页面的布局，要求布局美观合理，主题鲜明。 6、使用外部样式表，统一网站内页面风格，要求色彩搭配和谐，页面美观。 三、其他说明 1、网站文件夹用你的学号命名，整个网站文件夹压缩打包后，在6月16日前发送至平时作业邮箱aliweb2015zy@https://www.docsj.com/doc/435248402.html,，邮件名为期末作业+学号+姓名，例如”期末作业20121111张三“，必须严格按照此格式，否则可能被视为未交作业。 2、必须制作一份作业说明文档（学号+班级+姓名.doc），写清楚你网站的使用说明（配上截图），你的网站结构（根目录，子目录，网页之间的联系等），数据库结构（包含哪几张表，每张表包括哪些属性列）等内容。 3、做好自己作品的著作权保护，在主页底部footer 位置请注明你的班级、学号和姓名，如有抄袭雷同作业，双方成绩均不及格。</p><h2>网页设计大作业</h2><p>湖南涉外经济学院《网页设计》期末大作业 设计题目：致我们终将逝去的青春 学号： 37 姓名：全新华 院系：文法学院 专业班级：汉语言文学1301班 指导老师：蒋桂莲 日期：2016年7月1日</p><p>1、页面设计分析 我设计的这个网页主要介绍的是我个人在大学生活的一个状态，作为一名大三学生，我想我们每个人都希望做这么一份个人网页，所以借着我们学习的这个机会，给老师同时也是给自己交一份满意的答卷，我相信这一份个人网页会成为我很珍贵的一份纪念。作为一个网站的首页，其页面应需要简单，明了，给人清晰的感觉。顶头部分主要放置网页主题、导航菜单和网站的LOGO信息等，其logo可以是一张图片或者文本信息等；页面主体分为两个部分，页面主体左侧是个人网站介绍并配有自己的照片以及自我对个人青春的总结；其中相册、美食、明星、故事、个人、联系等7个页面都设置了二级页面，都是自己青春的积累。页面主体右侧是个人信息以及闺蜜朋友的简单介绍，这些可通过页面顶部导航进入相应页面介绍，底部设有“友情链接”，链接了“百度”、“湖南涉外经济学院”、“360”等。。。。。。。。。。。。。 2、开发环境及软件 Windows10，Macromedia Dreamweaver 6，美图秀秀等 3、系统结构功能图、页面结构草图 3.1系统结构功能图 那些年我们一起疯狂的照片（二级页面） 那些年我们一起过的明星（二级页面） 致我们终将逝去的青春那些年我们一起吃过的美食（二级页面）（一级页面） 那些年我们一起见证的青涩女孩（二级页面） 那些年我们一起拥有的青春故事（二级页面） 那些年我们一起追的狗血剧（二级页面） 联系——表单（二级页面）</p><h2>2-网页设计大作业word模板</h2><p>嘉应学院 《网页设计》期末课程设计 模板 设计题目：我的个人网页 学号：08080605018 姓名：马建武 院系：电子与信息工程学院 专业班级：计科08-2 日期：2013-6-20</p><p>一、设计思想 随着网络技术的飞速发展，网络已经遍及每个人的身边，通过个人网页把自己展示在网络上，不仅可以获得更多的朋友，有用的信息，也是跟随时代发展，做走在时代前沿的一个有效方式，本网站旨在设计一个个性化的个人网站，展现自己的生活，学习，爱好等等信息，通过本网站把自己展示出来。 二、开发环境及软件 Windows XP，Macromedia Dreamweaver 8，photoshop等 三、系统结构功能图、页面结构草图及部分页面截图 四、部分代码（主要添加CSS代码） 1.添加首页背景音乐 <body > <bgsound src="../梦见我/gequ/周杰伦-彩虹.mp3"> 2.运用框架 <frameset rows="154,*,87" cols="*" framespacing="0" frameborder="no" border="0"> <frame src="untitled/top.html" name="topFrame" scrolling="No" noresize="noresize"</p><p>id="topFrame" title="topFrame" /> <frameset rows="*" cols="213,561*" framespacing="0" frameborder="no" border="0"> <frame src="untitled/left.html" name="leftFrame" frameborder="no" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" application="" /> <frame src="untitled/zhuye.html" name="mainFrame" id="mainFrame" title="mainFrame" /> </frameset> <frame src="untitled/di.html" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" title="bottomFrame" /> </frameset> <noframes> 3.图片滚动 <td colspan="5" valign="top"> <marquee direction="left" loop="-1"><img src="../photos/图像220.jpg" width="134" height="133"><img src="../photos/图像224.jpg" width="134" height="133"><img src="../photos/图像231.jpg" width="134" height="133"> </marquee> </td> 4.文本css样式 .s1 { font-family: "宋体"; font-size: 18px; font-weight: bold; color: #3333CC; text-decoration: blink; text-align: center; vertical-align: middle; }</p><h2>18年6月考试《网页设计与制作》期末大作业</h2><p>------------------------------------------------------------------------------------------------------------------------------ (单选题) 1: 以下HTML代码，判断正确的是（）。<form> <td><input type = “button”value = “按钮”></td> <td>12345678</td> </form> A: <form>错了 B: “button”双引号错了（应为单引号） C: 第2、3行应加入<tr>…….</tr> D: 没有错误 正确答案: (单选题) 2: 数据库的基本操作是（）。 A: 增，删，改，查 B: 增，删，加，查 C: 编，删，改，查 D: 增，删，写，查 正确答案: (单选题) 3: <strong></strong>表示（） A: 斜体 B: 粗体 C: 下划线 D: 上标 正确答案: (单选题) 4: 插入 Javacript 的正确位置是？ A: <body> 部分 B: <head> 部分 C: 文档的顶部 D: <body> 部分和 <head> 部分均可 正确答案: (单选题) 5: 引用名为 "xxx.js" 的外部脚本的正确语法是？ A: <script src="xxx.js"> B: <script href="xxx.js"> C: <script name="xxx.js"> D: <js name="xxx.js"> 正确答案: (单选题) 6: 我们可以在下列哪个 HTML 元素中放置 Javascript 代码？ A: <script> B: <javascript> C: <js> D: <scripting> 正确答案: (单选题) 7: HTML?代码:?one ?<div>two </div>?three ?jQuery?代码:???$("div?>?p");??结果:（??A?） A: two B: one C: three D: <div>two </div></p><h2>网页制作大作业</h2><p>网页制作大作业 一、大作业要求 根据个人意愿，2-3人组成一个小组，围绕一个主题，如企业网站、动漫世界、个人网站、学校网站、家乡网站、娱乐网站等，建立一个网站。要求内容充实，页面设计合理，图文并茂，界面美观，使用各种网页制作技术来完成网站。 二、评分标准及要求 1、主题与站点（共15分） 1)主题明确、风格统一、布局合理、结构清晰。（10分） 2)建立站点，图片存放在images文件夹中, 音乐存放在music文件夹，动画、视频存 放在movie文件夹。（5分） 2、网页内容及技术(共75分) 1)网站首页（index.html）要求包含网站logo，banner,导航栏。（10分） 2)要求至少6个网页内容；（10分） 3)其中一个网页为小组各个成员简介,网页中需要插入小组成员照片。（10分） 4)页面布局要求应用表格、DIV+CSS，页面布局合理。（5分） 5)各页面通过超级链接相联系，子页面及父页面方便返回访问，没有空链接和错误链 接. （5分） 6)使用样式表(css)对各网页元素进行修饰,使各页面风格统一。（10分） 7)在页面中，使用能体现主题内容和风格的文字、图片、表格、音频、视频、动画等 各种对象。（5分） 8)应用表单，至少使用文本框、单选框、复选框和按钮，各项应用正常。（10分） 9)网页中部分页面可应用行为，增强网页特效。（10分） 3、网页创意(共10分) 页面具有较强的个人设计创意,色彩搭配鲜明,内容布局合理。 三、作业提交要求 1. 将站点文件夹压缩，命名为：班级+学号+姓名。 2. 提交压缩包到老师邮箱: 464894318@https://www.docsj.com/doc/435248402.html,。提交后应做好备份，以备教师手中的作品因故无法正常读取时补交。 3.做好作品的著作权保护，如果发现抄袭或者雷同现象，一律评为不及格。</p><h2>网页设计大作业</h2><p>上海建桥学院 本科实验报告 课程名称：网页设计 1121396 学号： 黄德凯 姓名： 计算机科学与技术 专业： 班级：B11-2班 指导教师：石潇 课内实验目录及成绩 信息技术学院 2011年9 月 1 日</p><p>上海建桥学院实验报告 课程名称：网页设计实验类型：综合型 实验项目名称：综合主题网站的制作 实验地点：实验日期：年月日 一、实验目的和要求 1．学会综合网站建设的完整制作流程 2．学会用相关平面设计软件，完成主页的构思，完成页面布局原型线框图的绘制，能根据提供的页面设计稿，合理地完成切图 3．掌握根据设计稿，用div+css方法完成网页布局、各类媒体元素的插入4．掌握用css方法制作二级菜单 5．掌握JavaScript基本应用 二、实验内容和原理 综合网站建设的完整制作流程，布局原型线框图的绘制，div+css布局方法 的综合应用，网站的发布，兼容性测试。 三、主要仪器设备和环境 PC机1台、Photoshop cs3以上、dreamweaver cs3以上、flash cs3以上。四、操作方法与实验步骤 1．网站主题（网站名称、主要内容、主要浏览群体、主体色） 网站名称：krios 主要内容:各方面模板 主要浏览群体：各种开发人员及图片处理人员 主题色：蓝色灰色白色 2．绘制网站结构(栏目)图（一级栏目、二级栏目、各栏目主要内容） 3．网站文件管理结构目录（站点根目录名、站点内文件夹名、文件夹放置的主要内容、主页面）</p><p>html：各个子页 about.html contact.html features.html feedback.html images:图片素材 script:js代码 style：css样式 index.html 主页 4．绘制主页页面结构图（各功能区的位置、名称），并提供原形设计图电子稿 5．主要布局方法 div+css布局 6．主要操作步骤 绘制网络结构图</p></div>
</div>
<div>
<div>相关文档</div>
<div class="relatedtopic">
<div id="tabs-section" class="tabs">
<ul class="tab-head">
<li id="4107360"><a href="/topic/4107360/" target="_blank">网页设计大作业</a></li>
<li id="10908908"><a href="/topic/10908908/" target="_blank">网页设计大作业模板</a></li>
<li id="2726143"><a href="/topic/2726143/" target="_blank">网页设计期末大作业</a></li>
<li id="18891980"><a href="/topic/18891980/" target="_blank">网页设计技术大作业</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="category">
<span class="navname">相关文档</span>
<ul class="lista">
<li><a href="/doc/2b928952.html" target="_blank">13-14JAVASCRIPT程序设计大作业</a></li>
<li><a href="/doc/6317041512.html" target="_blank">网页设计大作业</a></li>
<li><a href="/doc/8919042063.html" target="_blank">网页设计大作业</a></li>
<li><a href="/doc/b615205453.html" target="_blank">网页设计与制作大作业要求</a></li>
<li><a href="/doc/002208309.html" target="_blank">《网页设计》大作业</a></li>
<li><a href="/doc/e011472066.html" target="_blank">网页设计期末大作业制作心得</a></li>
<li><a href="/doc/3218535277.html" target="_blank">电子科大16年12月考试《网页设计与制作》期末大作业</a></li>
<li><a href="/doc/7f3539257.html" target="_blank">网页设计与制作大作业</a></li>
<li><a href="/doc/9f3921231.html" target="_blank">网页设计大作业模板</a></li>
<li><a href="/doc/d16184491.html" target="_blank">《Web前端网页制作》大作业及要求</a></li>
<li><a href="/doc/1d6893983.html" target="_blank">网页设计期末考试大作业要求</a></li>
<li><a href="/doc/fb19007216.html" target="_blank">网页设计与制作大作业</a></li>
<li><a href="/doc/659105729.html" target="_blank">网页设计方案大作业设计方案说明书</a></li>
<li><a href="/doc/7712241050.html" target="_blank">网页设计与制作(大作业)</a></li>
<li><a href="/doc/b67244660.html" target="_blank">网站规划与设计大作业</a></li>
<li><a href="/doc/e910872055.html" target="_blank">《网页设计》大作业设计说明书</a></li>
<li><a href="/doc/362414263.html" target="_blank">《网页设计》大作业设计说明书</a></li>
<li><a href="/doc/7f2017400.html" target="_blank">网页设计大作业</a></li>
<li><a href="/doc/953520717.html" target="_blank">网页设计大作业模板</a></li>
<li><a href="/doc/c117675425.html" target="_blank">网页设计基础大作业</a></li>
</ul>
<span class="navname">最新文档</span>
<ul class="lista">
<li><a href="/doc/0719509601.html" target="_blank">幼儿园小班科学《小动物过冬》PPT课件教案</a></li>
<li><a href="/doc/0e19509602.html" target="_blank">2021年春新青岛版(五四制)科学四年级下册 20.《露和霜》教学课件</a></li>
<li><a href="/doc/9319184372.html" target="_blank">自然教育课件</a></li>
<li><a href="/doc/3019258759.html" target="_blank">小学语文优质课火烧云教材分析及课件</a></li>
<li><a href="/doc/db19211938.html" target="_blank">(超详)高中语文知识点归纳汇总</a></li>
<li><a href="/doc/af19240639.html" target="_blank">高中语文基础知识点总结(5篇)</a></li>
<li><a href="/doc/9919184371.html" target="_blank">高中语文基础知识点总结(最新)</a></li>
<li><a href="/doc/8b19195909.html" target="_blank">高中语文知识点整理总结</a></li>
<li><a href="/doc/8019195910.html" target="_blank">高中语文知识点归纳</a></li>
<li><a href="/doc/7f19336998.html" target="_blank">高中语文基础知识点总结大全</a></li>
<li><a href="/doc/7a19336999.html" target="_blank">超详细的高中语文知识点归纳</a></li>
<li><a href="/doc/6719035160.html" target="_blank">高考语文知识点总结高中</a></li>
<li><a href="/doc/6a19035161.html" target="_blank">高中语文知识点总结归纳</a></li>
<li><a href="/doc/4d19232289.html" target="_blank">高中语文知识点整理总结</a></li>
<li><a href="/doc/3a19258758.html" target="_blank">高中语文知识点归纳</a></li>
<li><a href="/doc/2519396978.html" target="_blank">高中语文知识点归纳(大全)</a></li>
<li><a href="/doc/2419396979.html" target="_blank">高中语文知识点总结归纳(汇总8篇)</a></li>
<li><a href="/doc/1f19338136.html" target="_blank">高中语文基础知识点整理</a></li>
<li><a href="/doc/ef19066069.html" target="_blank">化工厂应急预案</a></li>
<li><a href="/doc/bc19159069.html" target="_blank">化工消防应急预案(精选8篇)</a></li>
</ul>
</div>
</div>
<script>
var sdocid = "445246a5360cba1aa811da91";
</script>
<div class="footer">
<p><a href="/tousu.html" target="_blank">侵权投诉</a> © 2013-2023 www.docsj.com <a href="/sitemap.html">站点地图</a> | <a href="https://m.docsj.com">手机版</a></p>
<p><a href="https://beian.miit.gov.cn" target="_blank">闽ICP备11023808号-7</a> 本站文档均来自互联网及网友上传分享，本站只负责收集和整理，有任何问题可通过上访投诉通道进行反馈</p>
</div>
<script type="text/javascript">foot();</script>
</div>
</body>
</html>]]>
