网页设计与制作期末作业
网页设计与制作期末试题
网页设计与制作试卷一、单项选择题1．在HTML文档中，使文本内容强制换行的标签是。
A．<hr> B．<br> C．< pre > D．<hn>2．创建一个自动发送电子邮件的链接的代码是。
A．<a href=" #name" ></a>B．<a name=" name" ></a>C．<a href=" mailto:email" ></a>D．<a href=" URL" ></a>3．以下哪个标签语言符合HTML的语法规范。
A．<IMG SRC=list.gif />B．<p><b>文字加粗的段落</p></b>C．<p align=center>D．<hr width=" 400" color=" #000000" />4．网页版式的规格尺寸和没有很大关系。
A．网页承载内容的多少B．显示器分辨率C．浏览器的类型D．操作系统的版本5．决定了颜色特质的是。
A．饱和度B．色相C．色调D．明度6．在Dreamweaver CS3中创建新的网页文档，可以使用组合键。
A．〈Ctrl+M〉B．〈Ctrl+N〉C．〈Alt+ M〉D．〈Alt+ N〉7．刷新“设计”视图可以采用功能键。
A．〈F5〉B．〈F6〉C．〈F11〉D．〈F12〉8．网页中“换行符”对应的标签为。
A．hr B．br C．b D．i9．以下不是项目列表的前导符号的是。
A．正方形B．实心圆形C．空心圆形D．菱形10．Dreamweaver中默认图像和文本的对齐方式为。
A．顶端B．居中对齐C．基线D．左对齐11．默认已访问过的超链接的颜色为。
《网页设计与制作》期末考试试题及答案
《网页设计与制作》期末考试试题一、单项选择题(本大题共30小题，每小题2分，共60分)1、目前在Internet上应用最为广泛的服务是()。
A、FTP服务B、WWW服务C、Telnet服务D、Gopher服务2、域名系统DNS的含义是()。
A、DirectNetworkSystemB、DomainNameServiceC、DynamicNetworkSystemD、DistributedNetworkService3、主机域名由四个子域组成，其中()子域代表国别代码。
A、centerB、4A、GB码B、Unicode5、当标记的TYPE属性值为()A、TEXTB、6、为了标识一个HTMLA、<table>B、7A、javascriptB、8、在HTML中，标记的A、5B、6插入形式的是()。
C、嵌入式D、外部式()。
、GIF和BMPD、BMP和PSD 13URL开头是()。
C、SHTTPD、SSL().、<ahref=”@”>D、<ahref=”!”>()SMTPD、Gopher16、下列Web服务器上的目录权限级别中，最安全的权限级别是()A、读取B、执行C、脚本D、写入17、用Fireworks切割图形时，需要的工具是（）A、裁剪B、选取框C、切片D、自由变形18、Internet上使用的最重要的两个协议是()A、TCP和TelnetB、TCP和IPC、TCP和SMTPD、IP和Telnet19、body元素用于背景颜色的属性是（）A、alinkB、vlinkC、bgcolorD、background20、下面说法错误的是()A、规划目录结构时，应该在每个主目录下都建立独立的images目录B、在制作站点时应突出主题色C、人们通常所说的颜色，其实指的就是色相D、为了使站点目录明确，应该采用中文目录21、在Dreamweaver中，最常用的表单处理脚本语言是().A、CB、JavaC、ASPD、JavaScript22、在DreamweaverMX中，想要使用户在点击超链接时，弹出一个新的网页窗口，需要在超链接中定义目标的属性为()A、parentB、_bankC、_topD、_self23、网页制作技术不可以实现由一个文件控制一大批网页()A、CSS文件B、库C、模板D、层24、查看优秀网页的源代码无法学习().A、代码简练性B、版面特色C25、在网页制作过程中，A、468*60B、26、客户机可向服务器按MINEA、SMTPB、27、在色彩的RGB系统中，32A、黑色B、红色28、FlashACB、保护数据安全D、硬件结构的稳定一、多项选择题(本大题共10小题，每小题2分，共20分。
《网页设计与制作》期末考试卷
龙游县职校2023学年第二学期期末考试23级电子商务专业《网页设计与制作》试题卷●说明1：新建一个以自己班级姓名命名的文件夹，如17电商4班XXX，考试结果文件均存放在本文件夹内。
●说明2：题目中所用到的所有素材均在素材文件夹中。
一、表单网页（20分）（一）表单网页制作新建一个名称为my web的站点文件夹，制作如下图所示表单网页，表情素材均在素材文件夹中。
二、综合网页制作（40分）新建一个名称为my web2的站点文件夹，制作如下图所示网页，题中所用到的素材均在素材文件夹下。
具体要求如下：（以打表格形式做出如下网页，表格宽度为1000像素）1.设置网页背景图片为bg,jpeg,重复显示，左右上下边距为0；2.网页中超链接颜色为#000000，鼠标移上去颜色为#FF0000,已访问颜色为#000000，始终无下划线；3.网页标题为首页，最上方插入一个logo.jpg图片,设置导航栏中背景图片是daohangtiao.jpg；4.在导航条上输入相应的文字，设置返回首页，西藏概况，西藏旅游，珍惜动物，请你留言均为空链接；5.在网页左边插入一个pt.swf的flash动画，要求大小400*300像素，能自动循环播放；6.在网页中显示9条新闻，每条新闻的链接都为空链接（文字信息已给，在文本记事本中）；7.西藏概况和西藏旅游两个栏目名称处背景图像为lanmubj.gif；8.输入相应的文字信息，（文字信息已给，在文本记事本中）；9.版权说明区域背景颜色为#487ED8，输入文字龙游县职业教育中心版权所有；10.网页整体协调，具备一定的艺术欣赏效果。
三、框架网页制作（20分）新建一个名称为my web3的站点文件夹，制作如下图所示框架网页。
具体要求如下：1.创建如上图所示框架网页，对于网页保存名称，上半部分网页名称为top,左边部分为left,右边部分为right，整体网页名称为index；2.实现功能：通过点击苏幕遮·雨荷，右边文字跳转到苏幕遮·雨荷这首古诗，通过点击左边浣溪沙文字，右边古诗跳转到浣溪沙，通过点击左边菩萨蛮文字，右边古诗跳转到菩萨蛮。
网页设计与制作期末作业
《网页设计》课程期末考试作业网站名称：孤独的探戈设计人：谢岭班级：电子商务151学号：37评阅人：王选勇学期：2016~2017学年第1学期成绩：丽水学院工学院2016.12诚信承诺我谨在此承诺：本人所完成的《网页设计基础》期末考试作品均系本人独立完成，没有抄袭行为，凡涉及其他作者的观点和材料，均作了注释，若有不实，后果由本人承担。
承诺人（签名）：谢岭2016 年 12 月 25日《网页设计》课程期末考试作业成绩评定表《孤独的探戈》设计说明书一、选题的分析（选题的意义，针对选定的课题，打算如何展开设计，想表达什么内容？）本次我选的网站主题是音乐，我平时就十分喜欢听音乐，我觉得音乐是一种年轻人表达自我的一种方式，通过音乐我们能表现自己的喜怒哀乐，表现出自己的生活态度。
音乐能够给我们力量，给我们安慰，给我们无限的希望。
我们心里总有那么一首歌，想唱给心爱的姑娘；总有那么一首歌，慰藉我们孤独的灵魂。
因此，我也想制作一个音乐网站，通过音乐的力量来给更多的人温暖和安慰。
针对这次选定的主体，我打算制作六个网页，分别为首页，歌手，专辑，排行榜，MV和自我简介六部分。
首先制作之前，我借鉴参考了主流音乐网站QQ音乐和网易云音乐的网页排版布局，取其精华，为我所用。
我初步确定了本次网页布局为简单的上下型，简洁明了方便用户浏览。
网页内容为图文并茂，以较少的文字加上多彩的图片吸引用户兴趣。
总而言之，这次网站设计的理念是极简主义，去除多余的文字，排版内容简单明了，贯穿一种单纯真诚的生活态度。
二、如何运用网络的优点进行更好的表达（网站的版面风格、版式、颜色、互动性、多媒体等。
为什么这样做？）首先，本次网站页面的版面布局借鉴了一些优秀的音乐网站的排版，版面以上下型为主，风格偏简洁舒适自然，因为过多的东西以及一些花俏的动画，会给人视觉疲劳，看来起来繁重累赘，不利于用户的浏览体验。
网页的颜色以白色，灰色为主，看起来低调却富有内涵，同时加入多彩的图片以至于整体不会太沉闷。
网页设计与制作期末试题及答案
网页设计与制作模拟试题（一）一、单项选择题(每空1分，共10分)1.目前在Internet上应用最为广泛的服务是( B )。
A.FTP服务B.WWW服务C.Telnet服务 D.Gopher服务2.在域名系统中，域名采用( C )。
A.树型命名机制B.星型命名机制C.层次型命名机制D.网状型命名机制3.HTTP协议是一种(D )协议。
A．文件传输协议 B．远程登录协议C．邮件协议 D．超文本传输协议4.HTML语言中的转行标记是(B )。
A.<html>B.<br>C.<title>D.<p>5.在HTML中，标题字体标记<hx>中x的最大取值是( C )。
A.4B.5C.6D.76.以下不能用来定义表格内容的标记为( A )。
A.<br>B.<tr>C.<th>D.<td>7.下面不是组成一个HTML文件基本结构标记的是( C )。
A.<HTML></HTML>B.<HEAD></HEAD>C.<FORM></FORM>D.<BODY></BODY>8. 加入一条水平线的HTML代码是( A )。
A. <hr>B. <img src="name" border=?>C. <img src="name" align=?>D. <img src="name">9.在HTML中，标记<pre>的作用是( B )。
A.标题标记B.预排版标记C.转行标记D.文字效果标记10.要创建一个Email地址的链接，下面正确的句法是( A )。
A. <a href=“mailto:mirror@”>与我联系</a>B. <a href=“files:mirror@”>与我联系</a>C. <a href=“http:mirror@”>与我联系</a>D. <a href=“usenet:mirror@”>与我联系</a>11. 客户/服务器系统的最大特点是客户机和服务器( D )A. 必须运行在同一台机器上B. 必须运行在同一个网络上C. 必须运行在不同的计算机上D. 不必运行在同一计算机上12. 若需要软件把LAN上的客户机从Internet上隐藏起来，并为客户机执行Web 请求，则下面( D )软件能实现此项功能。
《网页设计与制作》期末测验试题及答案
《网页设计与制作》期末测验试题及答案一、选择题（每题2分，共20分）1. 以下哪个不是网页设计的基本构成元素？A. 文本B. 图像C. 表单D. 动画答案：D2. HTML文档的头部标签是？A. <head>B. <body>C. <html>D. <title>答案：A3. 以下哪个标签用于定义标题？A. <h1> - <h6>B. <p>D. <span>答案：A4. 在CSS中，以下哪个属性用于设置元素的宽度？A. widthB. heightC. marginD. padding答案：A5. 以下哪个CSS属性用于设置元素的背景颜色？A. background-colorB. colorC. font-sizeD. border答案：A6. 以下哪个HTML标签用于定义列表项？A. <li>B. <ul>C. <ol>答案：A7. 在CSS中，以下哪个属性用于设置元素的左边距？A. margin-leftB. margin-rightC. margin-topD. margin-bottom答案：A8. 以下哪个HTML标签用于定义表格？A. <table>B. <tr>C. <td>D. <th>答案：A9. 在CSS中，以下哪个属性用于设置元素的字体大小？A. font-sizeB. font-familyC. font-weightD. text-align10. 以下哪个HTML标签用于定义超链接？A. <a>B. <link>C. <nav>D. <ul>答案：A二、填空题（每题2分，共20分）1. HTML文档的根元素是______。
答案：html2. 在CSS中，用于选择所有元素的通用选择器是______。
《网页设计与制作》期末考试试题及答案
《网页设计与制作》期末考试试题一、单项选择题(本大题共30小题，每小题2分，共60分)1、目前在Internet上应用最为广泛的服务是()。
A、FTP服务B、WWW服务C、Telnet服务D、Gopher服务2、域名系统DNS的含义是()。
A、DirectNetworkSystemB、DomainNameServiceC、DynamicNetworkSystemD、DistributedNetworkService3、主机域名由四个子域组成，其中()子域代表国别代码。
A、centerB、4A、GB码B、Unicode5、当标记的TYPE属性值为()A、TEXTB、6、为了标识一个HTMLA、<table>B、7A、javascriptB、8、在HTML中，标记的A、5B、6插入形式的是()。
C、嵌入式D、外部式()。
、GIF和BMPD、BMP和PSD 13URL开头是()。
C、SHTTPD、SSL().、<ahref=”@”>D、<ahref=”!”>()SMTPD、Gopher16、下列Web服务器上的目录权限级别中，最安全的权限级别是()A、读取B、执行C、脚本D、写入17、用Fireworks切割图形时，需要的工具是（）A、裁剪B、选取框C、切片D、自由变形18、Internet上使用的最重要的两个协议是()A、TCP和TelnetB、TCP和IPC、TCP和SMTPD、IP和Telnet19、body元素用于背景颜色的属性是（）A、alinkB、vlinkC、bgcolorD、background20、下面说法错误的是()A、规划目录结构时，应该在每个主目录下都建立独立的images目录B、在制作站点时应突出主题色C、人们通常所说的颜色，其实指的就是色相D、为了使站点目录明确，应该采用中文目录21、在Dreamweaver中，最常用的表单处理脚本语言是().A、CB、JavaC、ASPD、JavaScript22、在DreamweaverMX中，想要使用户在点击超链接时，弹出一个新的网页窗口，需要在超链接中定义目标的属性为()A、parentB、_bankC、_topD、_self23、网页制作技术不可以实现由一个文件控制一大批网页()A、CSS文件B、库C、模板D、层24、查看优秀网页的源代码无法学习().A、代码简练性B、版面特色C25、在网页制作过程中，A、468*60B、26、客户机可向服务器按MINEA、SMTPB、27、在色彩的RGB系统中，32A、黑色B、红色28、FlashACB、保护数据安全D、硬件结构的稳定一、多项选择题(本大题共10小题，每小题2分，共20分。
网页设计与制作期末综合练习(答案)
网页设计与制作期末综合练习一．选择题1.Web浏览器的作用是（）。
A．负责下载并显示网页，能将Web文档的HTML编码解释，并显示为在浏览器上所见的Web页面B．运行在服务器仅供服务器维护员使用的专用浏览器C．浏览Web页面部分内容比整个页面内容要快D．下载网页时不是根据页面中的HTML编码分别下载信息，而是一种随机性的下载方式2.HTTP协议是（）。
A．远程登录协议B．邮件协议C．超文本传输协议D．文件传输协议3.下列标记可以不成对出现的是（）。
A．〈html〉〈/html〉B．〈p〉〈/p〉C．〈title〉〈/title〉D．〈body〉〈/body〉4.下图为Dreamweaver的新建文档页面，一般情况下，创建完全空白的静态页面应选择（）。
A. 基本页类别中的“HTML模板”选项B. 基本页类别中的“HTML”选项C. 动态页类别中的选项D. 入门页面中的选项5.下列（）不能在网页的“页面属性”中进行设置。
A．文档编码B．背景颜色、文本颜色、链接颜色C．网页背景图及其透明度D．跟踪图像及其透明度6.在表格标记中，cellpadding属性的作用是（）。
A．表格与页面边距B．表格扩展边距C．数据与表框距离D．表格边的宽度7.下列选项中（）按钮表示插入Fireworks HTML。
A．B．C．D．8.对于标记〈input type=*〉，其中*位置放上一个值，表示输入时显示*号，该值是（）。
A．hidden B．textC．password D．submit9.CSS的含义是（）。
A．文档对象模型B．客户端脚本程序语言C．级联样式表D．可扩展标记语言10.在Flash MX2004中，定义在动画中的变化的帧是（）。
A．关键帧B．空白帧C．普通帧D．以上都可以11.在Dreamweaver编辑环境下，下图中共有（）超链接（文字、锚点和图像热点）。
A. 2个B. 3个C. 4个D. 5个12.如下所示的这段CSS样式代码，定义的样式效果是（）。
《网页设计与制作》期末考试练习题及答案
《网页设计与制作》期末考试练习题及答案一、单项选择题(每小题1分，共24小题24分)1.可以设计制作网页的软件是()o1. Dreamweaver (正确答案)8. Fireworks9. Photoshop10Flash11()可以把浏览者从一个网页带到另一个网页，或者从网页的某一个部分引导到另一个部分。
A.主页B.超文本C.超级链接(正确答案)D.网页12URL 是指()A.域名B.资源管理器C.文件传输协议D.统一资源定位符(正确答案)13网页中最重要的布局元素是()oA.广告区B.标题C.主体内容(正确答案)D.页脚答案解析：主体内容是网页中最重要的布局元素。
14网页文件的扩展名是()oA. stcB.html （正确答案）C.flaD.rar6.不属于Dreamweaver CS6软件管理站点功能的有（）。
A.导出站点B.剪切站点（正确答案）C.编辑站点D.复制站点7.（）可以使客户在电子商务网站中轻松而快捷地找到需要的信息。
A.商品订购8.信息检索（正确答案）C.信息管理D.信息反馈9.（）是电子商务网站留住访问者的关键因素。
A.页面快速下载（正确答案）10页面风格保持一致C.页面易读D.方便查找11（）是网站所有者对外宣传自身形象的工具。
A.标题B. Logo （正确答案）C.页眉D.页脚10.淘宝网属于（）OA.B2B商务网站B.B2C商务网站C.C2c商务网站（正确答案）D.020商务网站11.不属于网页设计与制作流程中设计阶段需要做的内容是（）。
A.选择主题B.规划结构C.收集素材D.制作网页（正确答案）12.新建站点命令包含在（）菜单中。
A.文件B.站点（正确答案）C.窗口D.编辑13.在Dreamweaver CS6中（）视图用于浏览，不能编辑。
A.代码视图B.拆分视图C.设计视图D.实时视图（正确答案）14.在新建网页时，目前最流行的文档类型是（），它给我们程序员带来很多便捷，无须再去记一堆约束信息。
《网页设计与制作》期末考试试题
《网页设计与制作》期末考试试题一、单项选择题(本大题共30小题，每小题2分，共60分)1、目前在Internet上应用最为广泛的服务是(B )。
A、FTP服务B、WWW服务C、Telnet服务D、Gopher服务2、域名系统DNS的含义是(B )。
A、Direct Network SystemB、Domain Name ServiceC、Dynamic Network SystemD、Distributed Network Service3、主机域名center. nbu. edu. cn由四个子域组成，其中(D )子域代表国别代码。
A、centerB、nbuC、eduD、cn4、当阅读来自港澳台地区站点的页面文档时，应使用的正确文本编码格式是(C )。
A、GB码B、Unicode码C、BIG5码D、HZ码5、当标记的TYPE属性值为( )时，代表一个可选多项的复选框。
DA、TEXTB、PASSWORDC、RADIOD、CHECKBOX6、为了标识一个HTML文件开始应该使用的HTML标记是(C )。
A、<table>B、<body>C、<html>D、<a>7、在客户端网页脚本语言中最为通用的是(A )。
A、javascriptB、VBC、PerlD、ASP8 、在HTML中，标记的Size属性最大取值可以是(C )。
A、5B、6C、7D、89、在HTML中，单元格的标记是(A )。
A、<td>B、<span>C、<tr>D、<body>10、在DHTML中把整个文档的各个元素作为对象处理的技术是(C )。
A、HTMLB、CSSC、DOMD、Script(脚本语言)11、下面不属于CSS插入形式的是( A)。
A、索引式B、内联式C、嵌入式D、外部式12、在网页中最为常用的两种图像格式是( A)。
A、JPEG和GIFB、JPEG和PSDC、GIF和BMPD、BMP和PSD13、如果站点服务器支持安全套接层(SSL)，那么连接到安全站点上的所有URL开头是(B )。
《网页设计与制作》期末课程大作业
《网页设计与制作》期末课程大作业
一、内容要求：
利用Dreamweaver、Fireworks两软件完成一个简单网站设计，具体要求如下：
1、网站必须具有统一主题，所有网页具有统一风格，所有素材都围绕主题；（10分）
2、网站由至少5个网页组成，主页统一使用index.htm为文件名，作为网站访问的入口；（15分）
3、网站的主页面中（index.htm）中必须包含logo设计，导航菜单；（10分）
4、网页中必须使用到表格布局；（10分）
5、网页中必须使用到框架结构；（10分）
6、页中必须使用文字、图片，并注意排版和css的设定；（10分）
7、网页中必须使用多种链接形式，链接必须便于操作，主页可以访问所有子页，并且所有子页都能利用链接返回主页；（10分）
8、设计必须利用本地站点，合理管理本地站点文件夹，将素材归类放置在相应文件夹中，所有文件和文件夹的命名必须有意义；（15分）
9、网页中必须使用到自己利用Firework做的图片素材，源文件保存在相应文件夹中。
（10分）
二、上交的资料：
1、fw中的页面设计文件；
2、你按照上面要求制作好的站点整个目录（站点名字为你的名字的全拼）；
3、word文档进行综述；（作品构思，作品结构，作品设计制作的流程简述，作品的独创性所在）
将上述文件放在一个以你名字和学号命名的文件夹中，并打包成为压缩文件：
三、上交时间
4月30日之前将压缩文件拷贝交给班长，班长清点人数，统一上交。
网页设计与制作期末综合练习(答案)
欢迎共阅网页设计与制作期末综合练习一．选择题1. Web 浏览器的作用是（ ）。
A ．负责下载并显示网页，能将Web 文档的HTML 编码解释，并显示为在浏览器上所见的Web 页面6. 在表格标记中，cellpadding 属性的作用是（ ）。
A ．表格与页面边距B ．表格扩展边距C ．数据与表框距离D ．表格边的宽度7. 下列选项中（ ）按钮表示插入Fireworks HTML 。
A ． B． C ． D ．8.对于标记〈input type=*〉，其中*位置放上一个值，表示输入时显示*号，该值是（）。
A．hidden B．textC．password D．submit9.CSS的含义是（）。
A．文档对象模型B．客户端脚本程序语言C．级联样式表D．可扩展标记语言10.在Flash MX2004中，定义在动画中的变化的帧是（）。
是黑色13.Fireworks图像文件的扩展名为（）A．．jpg B．．gifC．．bmp D．．pnp14.HTML语言是一种（）。
A．标注语言B．机器语言C．汇编语言D．算法语言15.超级链接应该使用的标记是（）A．〈title〉B．〈body〉C．〈a〉D．〈head〉16.使用Dreamweaver将任一个单元格拆分为3行的操作正确的是（）。
A．表格属性栏“拆分”对话框，列数3B．表格属性栏“拆分”对话框，行数3C．右键菜单→表格→插入行D．直接单击“Tab”键两次17.下列关于CSS的说法错误的是（）。
A．CSS的全称是Cascading Style Sheets，中文的意思是“层叠样式表”．．态的是（）。
A．活动的链接a:activeB．当前链接a:hoverC．链接a:linkD．没有访问过的链接a:unvisited22.以下几个事件中代表“鼠标滑到”的事件是（）。
A．OnMouse DownB．OnMouse OutC．OnMouse OverD．OnouseUp23.关于表格背景，说法正确的是（）。
网页设计与制作期末试题及答案
网页设计与制作模拟试题一、单项选择题(每空1分，共10分)1.目前在Internet上应用最为广泛的服务是( )。
A.FTP服务B.WWW服务C.Telnet服务D.Gopher服务2.在域名系统中，域名采用( )。
A.树型命名机制B.星型命名机制C.层次型命名机制D.网状型命名机制3.HTTP协议是一种()协议。
A．文件传输协议B．远程登录协议C．协议D．超文本传输协议4.HTML语言中的转行标记是( )。
A.<html>B.<br>C.<title>D.<p>5.在HTML中，标题字体标记<hx>中x的最大取值是( )。
A.4B.5C.6D.76.以下不能用来定义表格容的标记为( )。
A.<br>B.<tr>C.<th>D.<td>7.下面不是组成一个HTML文件基本结构标记的是( )。
A.<HTML></HTML>B.<HEAD></HEAD>C.<FORM></FORM>D.<BODY></BODY>8. 加入一条水平线的HTML代码是( )。
A. <hr>B. <img src="name" border=?>C. <img src="name" align=?>D. <img src="name">9.在HTML中，标记<pre>的作用是( )。
A.标题标记B.预排版标记C.转行标记D.文字效果标记10. 要创建一个Email地址的，下面正确的句法是( )。
A. <a href=“mailto:”>与我联系</a>B. <a href=“files:”>与我联系</a>C. <a href=“http:”>与我联系</a>D. <a href=“usenet:”>与我联系</a>二、简答题(每题6分，共60分)1、简述Web浏览器打开一个Web文件的工作过程。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页设计》课程期末考试作业网站名称：孤独的探戈设计人：谢岭班级：电子商务151学号：37评阅人：王选勇学期：2016~2017学年第1学期成绩：丽水学院工学院2016.12诚信承诺我谨在此承诺：本人所完成的《网页设计基础》期末考试作品均系本人独立完成，没有抄袭行为，凡涉及其他作者的观点和材料，均作了注释，若有不实，后果由本人承担。
承诺人（签名）：谢岭2016 年 12 月 25日《网页设计》课程期末考试作业成绩评定表《孤独的探戈》设计说明书一、选题的分析（选题的意义，针对选定的课题，打算如何展开设计，想表达什么内容？）本次我选的网站主题是音乐，我平时就十分喜欢听音乐，我觉得音乐是一种年轻人表达自我的一种方式，通过音乐我们能表现自己的喜怒哀乐，表现出自己的生活态度。
音乐能够给我们力量，给我们安慰，给我们无限的希望。
我们心里总有那么一首歌，想唱给心爱的姑娘；总有那么一首歌，慰藉我们孤独的灵魂。
因此，我也想制作一个音乐网站，通过音乐的力量来给更多的人温暖和安慰。
针对这次选定的主体，我打算制作六个网页，分别为首页，歌手，专辑，排行榜，MV和自我简介六部分。
首先制作之前，我借鉴参考了主流音乐网站QQ音乐和网易云音乐的网页排版布局，取其精华，为我所用。
我初步确定了本次网页布局为简单的上下型，简洁明了方便用户浏览。
网页内容为图文并茂，以较少的文字加上多彩的图片吸引用户兴趣。
总而言之，这次网站设计的理念是极简主义，去除多余的文字，排版内容简单明了，贯穿一种单纯真诚的生活态度。
二、如何运用网络的优点进行更好的表达（网站的版面风格、版式、颜色、互动性、多媒体等。
为什么这样做？）首先，本次网站页面的版面布局借鉴了一些优秀的音乐网站的排版，版面以上下型为主，风格偏简洁舒适自然，因为过多的东西以及一些花俏的动画，会给人视觉疲劳，看来起来繁重累赘，不利于用户的浏览体验。
网页的颜色以白色，灰色为主，看起来低调却富有内涵，同时加入多彩的图片以至于整体不会太沉闷。
色彩协调，给人以自然舒适的感觉。
关于网站的交互性，我设置了六个页面的相互链接和用户登录链接，能够满足网站必要的互动。
网页的互动性通过链接点实现，大部分的网页都需要有很醒目的导航，实现各个页面的跳转。
所以在网站的顶部加了各个网页的链接便于用户寻找，方便用户使用。
整个网页制作过程中，采用了多媒体中的文本、图像、链接、表格等内容。
通过多媒体的综合运用，使网站变得生动有趣。
三、网页的结构与分解(绘制网站页面结构、网站地图、链接点)栏目构成主要功能首页首页是网站的精华核心部分，好的首页能过给用户留下良好的第一印象。
本首页链接各个页面，综合推荐歌曲资讯，底部显示有网站信息。
歌手通过登陆后可以快速精准查找你想要的歌手专辑包含所有的音乐专辑，通过搜索可以快速查找相关专辑。
排行榜分为总榜，月榜，日榜，反映歌曲的热度，为用户收听提供参考MV 包含所有的音乐专辑MV，通过搜索可以快速查找相关MV。
个人简介包含个人信息介绍四、网页所采用的技术所采用的技术：CSS，div布局，HTML使用的软件：Dreamweaver，Photoshop通过Dreamweaver进行网页的布局和制作，通过Photoshop对图片进行美化CSS文件：.big {height: auto;width: 960px;margin-right: auto;margin-left: auto;}.top {height: auto;width: 960px;margin-right: auto;margin-left: auto;}.left1 {background-color: #F36;float: left;height: 200px;width: 250px;list-style-type: none;text-align: center;}.left1 ul li {font-size: 16px;list-style-type: none;margin-top: 0px;精选文库margin-bottom: 0px;background-color: #F36;height: 35px;width: 80px;margin-right: 0px;margin-left: 0px;text-align: center;color: #FFF;font-weight: bold;}.content1 {background-image: url(../images/20.jpg);background-repeat: repeat-y;}.right1 {float: right;height: 200px;width: 710px;background-image: url(../images/1.jpg);background-color: #FFF;background-repeat: repeat-x;}.content {height: auto;width: 960px;clear: both;background-image: none;background-repeat: repeat-y;}.zhong {精选文库background-color: #9F6;height: auto;width: 360px;margin-left: 300px;}.content ul li {font-family: "微软雅黑";font-size: 16px;float: left;height: 20px;width: 80px;list-style-type: none;margin-left: 85px;margin-top: 10px;}.foot {height: 100px;width: 960px;margin-top: 15px;text-align: center;}.foot ul li {text-align: center;height: 25px;width: 80px;list-style-type: none;float: left;margin-top: 5px;margin-bottom: 5px;margin-right: 40px;精选文库margin-left: 50px;}首页代码：五、网站设计日志设计制作过程中出现的疑难问题，以及如何解决方法？本次网站设计，还是出现了很多让我头疼的问题。
最先面临的，网页结构的布局版式的构造。
因为想做的与众不同和具有自己的风格，所以我在脑海里构造了很久也没有满意的，最后参考了QQ音乐和网易云音乐的优秀布局版式，在结合自己的想法，做出了现在的布局。
无奈想象和显示还是有很大差距的，做出来的效果远远没达到我的预期。
再说说制作过程中的遇到的问题吧。
由于经过之前几次的制作，基本的Div 插入还是掌握了，但是在制作过程中还是出现了很多小问题，让我差点脑袋炸裂。
举例来说，在插入一个Menu之后再插入其他Div就很难对齐了，我试过了很多方法都没用，最后关了重做；又比如说CSS的应用，我新建一个html制作，可做好了之后保存发现前面几个网页格式也变了。
这样的小问题还有很多，虽然小，但真的很让人头疼，很难发现错误。
最后就是网站细节的优化，毫不夸张的说这比制作网页还难。
细节的优化需要好费废你大量的精力，且难度不小，总而言之，想要做一个精美的网站真的是难上加难，一个小小的问题也许就会耗费你几个小时。
六、作品自我评价写出对自已做出的网站后，个人感想或看法？关于本次网页的制作，我的第一感受是做网页太辛苦了，做一个精美让自己满意的网页需要耗费大量的时间和脑力。
但当你完成最后一个布局，敲完最后一个代码，保存查看自己的网站时，内心是无比自豪和兴奋的，一个文科生和计算机基础薄弱的人竟然有天能独立制作出一个网站，太不可思议了！总的来说，我对自己这次的作品还算满意，尽管还有很多待完善的地方，但能做到这个水平我还是很满足了。
尽管说我并不是计算机专业，对网页制作的要求不那么高，以后也许也用不着，但我觉得学习制作网站还是很重要的。
我觉得在以后工作生活当中一定会给我们带来很多帮助。
这门课很快就结束了，也代表着自己一个学期的结束。
总的回顾下来，自己真正觉得有用的知识，也就是网页制作了。
因此，我很感谢老师的辛勤教学，也希望自己以后勤加练习，能制作出更加精美的网页。
七、网站页面打印稿所有不同风格网页页面均截图出来，并做简要说明（如：该页面所采用的技术、页面特色等）。
（用到了CSS、PS,Html,页面特色：色调以浅色为主，给人轻快、自然舒适的感觉，整个页面图文并茂，提高了用户体验，贯穿着极简主义，去除多余花哨的部分）(用到了css，html，页面特色：颜色以灰色为主，显得低调却有内涵）（用到了CSS，HTML，页面特色：白色为主，白色给人以洁白、明快、纯洁、干净的感受，图文并茂，给用户极好的印象）（用到了CSS，HTML，页面特色：白色为主，白色给人以洁白、明快、纯洁、干净的感受，图文并茂，专辑分类多而细，方便用户快速查找和收听）（用到了CSS，HTML，页面特色：图文并茂，增强了网页的可读性和趣味性，简单明了，便于用户快速查找和观看）（用到了CSS，HTML，页面特色：白色为主色调以绿色浅蓝色为主，给人轻快舒适自然的感受）。