网页设计的布局原理

电子商务网站设计原理试题(附答案)

全国2010年1月高等教育自学考试 电子商务网站设计原理试题 一、单项选择题(本大题共20小题，每小题1分，共20分) 1.政府部门与企业之间通过Internet或各种商务网络进行商务活动的模式称为( ) A.B2B B.B2C C.C2C D.B2G 2.通过权限来管理数据访问，即确保主体对客体的访问只能是授权的，这种安全技术称为( ) A.防火墙技术 B.密码技术 C.访问控制 D.数字认证 3.FTP协议提供的互联网服务是( ) A.电子邮件 B.文件传输 C.远程登录 D.WWW 4.产品分类和索引目录属于电子商务网站基本功能中的( ) A.产品展示 B.售后服务 C.网上订购 D.网上结算 5.考虑各种社会因素以便确认系统是否可行属于( ) A.运行可行性分析 B.技术可行性分析 C.经济可行性分析 D.社会环境可行性分析 6.用于综合反映组织状况的系统分析工具是( ) A.IPO图 B.数据流图 C.组织结构图 D.问题分析图 7.极限编程的英文缩写是( ) A.XP B.RUP C.PSP D.CMM 8.电子商务网站管理不包括( ) A.用途分析 B.链接分析 C.系统分析 D.宽带及性能测试 9.着眼于程序外部结构，不考虑内部逻辑结构的测试方法是( ) A.白盒法 B.黑盒法 C.灰盒法 D.路径测试法 10.电子商务发展的第二个阶段采用的主要形式是( ) A.EDI B.Internet C.EFT D.Extranet 11.IP地址202.114.32.62属于( ) A.A类地址 B.B类地址 C.C类地址 D.D类地址 12.用于检测机器故障并确定故障位置的程序属于计算机软件系统中的( ) A.操作系统 B.汇编程序 C.实用程序 D.语言处理程序 13.业务流程图主要用于( ) A.综合反映组织状况 B.反映数据处理的过程 C.说明各模块的数据输入、加工和处理的过程 D.描述系统内各单位、人员之间的业务关系、作业顺序和信息流向 14.由Netscape公司提出的用于加密认证服务和报文完整性的安全交易协议是( ) A.SSL B.S—HTTP C.STT D.SET 15.J2EE平台中的JDBC组件是( ) A.数据访问接口 B.处理事务的标准接口 C.实现授权认证的接口 D.进行SOAP消息操纵的接口 16.为了自动从网站内外部搜集信息，经过一定整理后提供给用户进行查询，应选用的构件是( ) A.群件 B.邮件服务器 C.应用服务器 D.搜索引擎 17.系统模块之间的相互联系程度称为( ) A.分解 B.耦合 C.扇入 D.扇出 18.亚马逊书店的营销策略不包括( ) A.产品策略 B.定价策略 C.促销策略 D.资金策略 19.电子商务网站商品类的服务规范不包括( ) A.保护隐私权 B.安全保障 C.保护消费者合法权益 D.完善的消费者帮助中心 20.CMM五个等级中的“定义级”是( ) A.一级 B.二级 C.三级 D.四级 二、填空题(本大题共10小题，每小题1分，共10分)

制作网页详解Dreamweaver13个技巧

1、灵活运用样式 熟悉网页设计的网友就知道，调用Style的方法很多，我们可以单击鼠标右键选择CustonStyle来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。比如用CustonStyle来调用Style标准，在网页代码中就生成一个〈span〉标签，这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度，所以我们应尽量使用状态栏中的元素列表来调用Style。 2、活用FormatTable命令 在复杂的网页设计中，表格的应用是最多的，因为利用表格可以自由地控制文本和图象在网页上出现的具体位置，从而使整个网页看上去紧凑统一。Dreamweaver在这方面也不甘落后，我们可以使用其中的“FormatTable”(格式化表格)命令来快速地对表格应用预先设计好的样式。要使用预先设计好的样式，先将光标置于表格的任意一个单元格内，再选择“Command”→“FormatTable”命令，在随后出现的对话框中，从左边的列表中选择一个设计方案。按“Apply”键来查看效果，如果不满意的话，还可以重新设置或者修改部分参数的值，如边界粗细，背景颜色等等。 3、同时链接到两个网页 我们都知道超级链接一次只能连到一个页面。如果我们要想一次在不同的框架页中打开文档，可以使用“GoToURL”javascript行为。打开一个有框架的网页，选择文字或图象，然后从行为面板中选择“GoToURL”。我们会注意到Dreamweaver会在“GoToURL”对话框中显示所有可用的框架。选择其中一个我们想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。 4、不给文件起中文名称 大家在制作好了网页后，通常会给网页起一个具有代表性的中文名称，一来能使人一看文件名就能大概了解文件所包含的内容，二来能够方便各个超级链接之间的相互调用。但如果你在Dreamweaver中这样做，就会发现Dreamweaver对中文文件名支持得不是太好，经常会有页面调用不正确的现象发生，所以我们以后在Dreamweaver中保存网页的时候，尽量用英文或者数字作为文件名称，这样就可以避免上面的出错现象。 5、巧妙设置字体分辨率 我们在制作网页的时候，经常有这种体会，那就是制作好的网页在本地计算机上浏览时很正常，但在另外一台计算机上浏览时发现原本漂亮的网页变得歪歪扭扭了，这是为什么呢?原来各个计算机的分辨率要使你的主页在不同的分辨率下都能正常显示，在Dreamweaver 中得到了较好的解决。在文档窗口的右下角，Dreamweaver显示当前文档被设计成的分辨率大小。单击哪个数字，在弹出式菜单中可以为当前的页面指定显示分辨率，通过修改可以使你的主页更具灵活性。使不同分辨率的显示器都能较好地显示。 6、巧妙隐藏标签 如果在网页中插入了不可见的元素时，Dreamweaver会自动在页面上添加一个与之相应的元素标签，以便于我们选择不可见元素。但这并不全是件好事，比如我们在一个有很多层的页面中的第一行便插入一个表格，就会发现由于首行排列了太多的层元素标签而使得表格自动退到了页面的第二行，虽然在浏览时并不影响效果，但这确确实实会阻碍我们的工作。所以当我们觉得某个元素标签碍手碍脚时，就索性将之屏蔽掉。方法是按CtrlU打开Preferences面板，在Category中选中InvisibelElements，在面板的右边将会出现所有的元素标签。只要将不需要的元素标签前的勾去掉，以后它就保证不会再出现了。

网页布局设计

网页布局设计： 用户的视觉路径一般是：从上到下，从左到右。 好的视觉设计路径应该是顺应这样的用户习惯，糟糕的设计会让用户无所适从，焦点到处都是。 对用户引导的关键就在于怎么处理主次关系。就是对比，从视觉的角度上看：形状的大小，颜色，摆放的位置都会影响信息的重要与否。 从大的区块来看，不要平均分割页面，三栏的设计应该让其中一栏明显短一些。 从局部来看，也要把握信息呈现的节奏，比如yahoo中间新闻栏的设计，大图带大标题是第一要点，小图带字是第二要点，纯文本第三，节奏感、主次关系非常强。 下面是几种常见的网页布局结构： <1>骨骼型结构。即类似于人体的骨骼结构。分为上中下，内容部分分为两、三栏的设计。

这就是一个web 2.0风格的页面，骨骼型结构，上面主要是logo,导航banner,内容部分三成两栏，页脚版权，典型的骨骼型结构。 <2>对称型结构，对称型结构就是网站有一个对称轴，称左右或者上下对称。这种网页在阅读上很明明确给出用户重要和次要区域的划分，根据于都习惯往往在比较大的位置上安排主要内容。 这个网页就是一个对称结构，左边是网站的一些导航和产品信息以及版权信息以及练习方式等等。右边是网站的主要信息。最大的特点是板我们骨骼型的top和foot放到了左边，body放到了右边，形成一个对称结构。 <3>满版型的结构。其实这种网页结构随着现在显示器尺寸的增大和分辨率的提高逐渐再做一个过度，即以前的整个图片满版到后面的背景满版，到现在的局部满版。这种版式给人的感受是内容紧凑，气氛表达充分，适合温馨和暖性思维的表达。 这个早期的满版多见于韩版网页。 <4>焦点型，这类网页多见于围绕一个中心点，真个页面围绕中心，多见于销售类网站或者品牌产品网站。其特点是中心明确，表达信息集中，传达信息清楚。 占据网页面积最大的图片吸引了大部分焦点，展现了个性。

网页设计原理和技巧

网页设计是一个很关键的部分，网页设计的好坏直接影响整体的网站效果。网页设计环节是整个成功的开端。老站长结合自己的亲身体验，总结如下和大家分享交流： 一、什么是好的网页设计，网页设计原则理念 （1）内容和功能决定表现形式和界面设计 常常有人凭借电话的几句交流或者qq上的几句聊天，甚至是一张句话的小纸条，就开始做一个网站设计。站长认为这都是敷衍了事的通用设计，很不专业不成熟的设计。做一个良好的网页设计，你需要了解客户的东西很多，比如： 1、建站目的（是主推产品还是平品牌，是主要注重seo还是用户交互等） 2、网站类型 3、栏目规划及每个栏目的表现形式及功能要求 4、主色调、客户性别喜好、联系方式、旧版网址、偏好网址 5、根据行业和客户要求，哪些是着重表现 6、是否分期建设、考虑后期的兼容性、是否要开发其他语言版本 7、客户是否有强烈的建站欲望 8、你是否能在精神意识上控制住客户 9、面对你未接触的技术知识，你有底吗？ 等等... 当把上述的内容都弄明白了的时候，你的大脑中就已经给这个网站有了全面而形象的定位了，这时才是有的放矢去做界面设计的时候了。 （2）界面是弱化的，突出的是功能 一个好的界面设计它的界面是弱化的，它突出的是功能，着重体现的是网站业提供给使用者是主要什么。这就涉及到浏览顺序、功能分区等等。 要让访客在0.5秒内就能把握网站的行业性质，1秒内就知道该从哪个地方开始使用这个网站，能点一次的，绝不点第二次。当然上面说的是大多数功能性网站，对于宣传展示性网站，诸如加特效的或flash网站，可能就不得不花哨一些，但不能太过分。网站不是动画片，在效率越来越高，社会心理越来越浮躁的中国，人们的耐心越来越小，心理承受能力越来越低。效果可以体现意境，点到为止。 （3）模块化和可修改性强 模块化不仅可以提高重用性，也能统一网站风格，还可以降低程序开发的强度。这里就设计一些尺寸、模数、宽容度、命名规范等等知识了，不再冗述。 无论是架构还是模块或图片，都要考虑可修改性强。举个简单的例子，logo、按钮等，很多人喜欢制作图片，n个按钮就是n张图片。如果只做3-5类按钮的背景图片，然后用在网页代码里打上文字，那么修改起来就简单了，让程序员自己改字就可以了。然而网页显示的字体是带有锯齿的，一般即能清晰又保证美观的字体字号有几类： 宋体12px |宋体12px粗体|宋体14px |宋体14px粗体|黑体20px | verdana 9px | arial black 12px+ | （4）创意是可耻的，分析能力远比创意来的重要 设计界动辄就大谈什么“创意”，需要指出的是，还没有搞清目的意义和内容，还没在技术制作上臻于完善的基础上，用创艺和特效来迷惑客户和访客是可耻的。一个网站设计者的分析能力远比创艺来的重要。

网页设计技巧网页设计中的F式布局

网页设计技巧:网页设计中的F式布局 网页设计技巧中的“F式布局”你知道吗？相比传统的布局方式，F式布局更加自然，更加友好，不依赖布置视觉线索，能够“控制”用户的视觉路径。本文将讲述一些F式布局的规则、原理以及设计方法。 F式布局简介 F式布局是一种很科学的布局方法，基本原理依据了大量的眼动研究。一般来说，用户浏览网页的视觉轨迹是这样的——先看看顶部，然后看看左上角，然后沿着左边缘顺势直下….而用户往往不太注意右边的信息，这是不是有点像字母F?据此，我们习惯性的把重要元素（诸如品牌Logo，导航，行为召唤控件）放在左边，而右边一般放置一些对用户无关紧要的广告信息。 我们来看一下Webdesigntuts+的眼动热点图：

这眼动热点图展示了用户浏览此的视觉轨迹，呈一个F型。热区（途中红色、黄色、橙色部分）代表用户注意力最集中的地方。 总结一下用户浏览网页的一般模式： 先看看页面的左上角，了解一下这是什么（因此此处适合放置Logo)——“知道是什么” 然后扫描一下页面的顶部（导航栏，搜索栏）——“了解用法” 下一步，用户的视线下移，开始阅读下一行的容。 用户进入“扫描模式”，一旦找到感兴趣的容便会打开。 将此种浏览模式以线框图的形式呈现，形状如下图。

有个规律不容忽视：阅读一般是从上到下，从左到右的。用户往往忽视右侧边的容，大致的扫一眼而已，因此不要在右侧边下太大功夫。应该把容栏放在用户注意力高度集中的左边。综上所述，按照逻辑，我们得出以下结论： 品牌标志和导航应该放在页面的顶部，这是用户对的第一印象。 在容结构中，图片更容易获得关注 用户浏览完图片后，下一个关注点便是标题。 用户会大致的浏览文本，但是往往不会通读。 将F式布局应用到设计中 这里我做了一个小练习，使用线框图方法，对主要元素进行了布局。

网页设计与制作理论试题

网页设计与制作A卷 适用专业：计算机应用类专业考试用时：90 卷面总分：60 班级___________ 姓名___________ 学号___________ 分数___________ -----------------------装---------订---------线----------------------- 一、填空题(每小题2分,计20分) 1、在建立站点之前，要对站点的结构进行合理的规划，一般来说有按照 _____________和按照_____________对文件进行规划。 2、在Dreamweaver中，制作Web相册方法如下：事先准备好多个图像文件，将其整理在一个文件夹内。选择_____________菜单中的_____________命令，打开对话框进行设置，但制作Web相册电脑中要有_____________程序进行支持。 3、现在网络上使用的绝大多数图片和图像是________格式、________格式和________文件格式。 4、Flash中有_____、______、_____等三种符号。 5、Flash中程序控制动画一般都是通过Flash中的__ ___面板实现的。 6、在Flash中实现两个不同图形之间变换的动画方式是_______动画。 7、Dream weaver的常规网页排版工具是__ _、__ _两种。 8、Flash中有____ _、___ ___、___ __等三种符号。 9、FLASH中移动渐变动画的作用对象是_____________、_____________、 _____________等，不能作用于_____________。 10、PNG格式是Fireworks默认的格式。是它结合了和的优点，也支持，是无损压缩的。 二、判断题(在括号内写”√”或”×”,每小题1分,计5分) 1、网站的首页文件通常为，必须位于站点根文件夹下。 2、在布局视图中可以将文本、图像和其他内容添加到布局表格中，就象在标准视图中将内容添加到表格一样。 3、表单网页在提交时，可以使用电子邮件的形式进行提交。 4、Dream weaver是一个地道的网页动画制作软件。（） 5、网站是一系列带有类似的相关话题，有类似的设计或具有相同目的属性相互连接的文件的集合 三、选择题(将正确答案写在括号内,每小题1分,计7分) 1、网页中最基本的元素是（）。 A.声音 B.动画 C.链接 D.文字 2、网页文件不可用( )编辑修改。 A、记事本 B、Dreamweaver C、IE D、Front Page 3、项目列表是一种简单实用的段落排版方式，分为两种类型：（）和（）项目符号。。 A. 有序 B. 无序C．层迭 d.罗马 4、Dreamweaver剪切的快捷操作是 A. Ctrl+X B. Ctrl+V C. Delete D. Ctrl+A

网页设计(网页布局)

网页设计(网站布局) 1．设计第一、技术其次。 2．网页设计中应注意的原则。 （1）制作网页的目的，谁看我的网页。 （2）为谁制作网页？ （3）网页可以提供产品或服务是什么？ （4）网页的消费者和受众的特点是什么？ （5）提供产品或服务适合什么样的表现方式（风格）？ 3．网页设计总体方案主题鲜明 在目标明确的基础上，完成网页的构思创意就是总体设计方案。对网页的整体风格和特色作出定位，规划出网页的组织结构。 Web站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。 为了做到主题鲜明突出，要点明确，我们将按照客户的要求，以简单明确的语言和画面体现站点的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。 Web站点主页应具备的基本成分包括：页头：准确无误地标识你的站点和企业标志； Email地址：用来接收用户垂询；联系信息：如普通邮件地址或电话；版权信息：声明版权所有者等。 充分利用已有信息，如客户手册．公共关系文档．技术手册和数据库等。 三、网站的版式设计 网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。 版式设计通过文字图形的空间组合，表达出和谐与美。 多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，我们将反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。 四、色彩在网页设计中的作用 色彩是艺术表现的要素之一。在网页设计中，我们的设计师根据和谐、均衡和重点突出的原则，将不同的色彩进行组合．搭配来构成美丽的页面。根据色彩对人们心理的影响，合理地加以运用。如果您的企业有CIS（企业形象识别系统），我们将按照其中的VI进行色彩运用。 五、网页设计形式与内容相统一 为了将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。 灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。点、线、面作为视觉语言中的基本元素，巧妙地互相穿插、互相衬托、互相补充构成最佳的页面效果，充分表达完美的设计意境。 六、三维空间的构成和虚拟现实

十个网页设计技巧

十个网页设计技巧 做网页设计对一个人的审美观要求非常高，下面是关于十个网页设计技巧，欢迎大家阅读了解！ 学习如何通过选择正确的格式，来优化网页图片，并确保文件大小在可行的范围你是足够小的。虽然现在人们已经都在使用宽带，但仍然有人是拨号上网。此外，虽然移动装置技术的普及，但移动装置却不一定支持像宽频一样的速度，图片文件的大小可能还是会延长网页的加载时间，有可能把用户赶走的。 这里有个选择适合的文件格式的技巧：如果图片是单色，那最好保存成PNG或者GIF格式;如果是连续性的色调(如照片)则最好保存成 JPG格式。 有很多的工具可以帮助你进一步优化你的图片，降低他们的文件大小。可以参考这个工具列表来帮助优化你的图片。尽量把图片数量减到最低，并且灵活使用图片，并且尽可能地减小文件大小。如此一来，将可以大大的减少页面的读取时间和改善网页的性能。 一个好的网页设计不光只是看起来好看而已，还要是用户友好型的。通常来说，一个干净、简单的网页设计最终会成为一个可用性高的网页设计，因为它在与用户的交互中不会使其产生混淆。当页面上有太多的网站功能和组件时，将

会分散网站用户的注意力而失去原本浏览网站的目的。确保每个页面元素都有其目的，然后问自己以下问题： 1)是否真的需要这个设计么? 2)这是什么组件是做什么用，它如何协助用户浏览? 3)如果我突然删除这个组件，大多数人会希望它“回来”吗 ? 4)如何把这些元素和目标、消息和网站的宗旨互相结合?此外，尽管它可能是一个超酷的新概念或界面设计模式，但你还是要确保对你的用户而言该设计仍然是方便和直观的。人们习惯于通用性的交互模式、网站功能、和网络接口，如果你的设计的确很独特，确保它不是太模糊和晦涩。要有创意，但还要保持简单。 一个网站最重要的部分就是整个网站的导航。没有它，无论在哪个页面中，用户都会发生卡在这个页面离不开的状况。有了这明显的实际方向，我们将讨论一些建构网站导航时重要的点。 首先，在网站的导航结构上，投入足够的时间和很多规划是非常重要的。虽然这是常识，但仍然有很多设计师想当然地设计网站导航。 摆放位置、风格、所用技术(javascript或CSS)、可用性和网页易读性，这些是你制作导航设计时需要考虑的。 在没有CSS的状况下，你的导航设计应该也是可用的，

Dreamweaver网页制作技巧心得体会

Dreamweaver网页制作技巧心得体会 熟悉网页设计的网友就知道，调用Style的方法很多，我们可以单击鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML 代码则完全不同。比如用Custon Style来调用Style标准，在网页代码中就生成一个〈span〉标签，这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度，所以我们应尽量使用状态栏中的元素列表来调用Style。 一、活用Format Table命令 在复杂的网页设计中，表格的应用是最多的，因为利用表格可以自由地控制文本和图象在网页上出现的具体位置，从而使整个网页看上去紧凑统一。Dreamweaver在这方面也不甘落后，我们可以使用其中的“Format Table”(格式化表格)命令来快速地对表格应用预先设计好的样式。要使用预先设计好的样式，先将光标置于表格的任意一个单元格内，再选择“Command”→“Format Table”命令，在随后出现的对话框中，从左边的列表中选择一个设计方案。按“Apply”键来查看效果，如果不满意的话，还可以重新设置或者修改部分参数的值，如边界粗细，背景颜色等等。 二、同时链接到两个网页

我们都知道超级链接一次只能连到一个页面。如果我们要想一次在不同的框架页中打开文档，可以使用“Go To URL”JavaScript 行为。打开一个有框架的网页，选择文字或图象，然后从行为面板中选择“Go To URL”。我们会注意到Dreamweaver会在“Go To URL”对话框中显示所有可用的框架。选择其中一个我们想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。 三、不给文件起中文名称 大家在制作好了网页后，通常会给网页起一个具有代表性的中文名称，一来能使人一看文件名就能大概了解文件所包含的内容，二来能够方便各个超级链接之间的相互调用。但如果你在Dreamweaver中这样做，就会发现Dreamweaver 对中文文件名支持得不是太好，经常会有页面调用不正确的现象发生，所以我们以后在Dreamweaver中保存网页的时候，尽量用英文或者数字作为文件名称，这样就可以避免上面的出错现象。 四、巧妙设置字体分辨率 我们在制作网页的时候，经常有这种体会，那就是制作好的网页在本地计算机上浏览时很正常，但在另外一台计算机上浏览时发现原本漂亮的网页变得歪歪扭扭了，这是为什么呢?原来各个计算机的分辨率要使你的主页在不同的分辨率下都能正常显示，在Dreamweaver中得到了较好的解决。在文档窗口的右下角，Dreamweaver 显示当前文档被设计成的分辨率大小。单击哪个数字，在弹出式

电子商务网站设计原理模拟题二

电子商务网站设计原理模拟题二 一、单项选择题(本大题共20小题，每小题1分，共20分)在每小题列出的四个选项中只有一个选项是符合题目要求的，请将正确选项前的字母填在题后的括号内。 1.在通常意义上，电子商务所涉及的商务活动是( ) A.通过自动化通信手段进行的 B.在Internet上进行的 C.使用电子方式进行的 D.在专用网上进行的 2.当前使用的第四版本的IP地址有( ) A.2个字节 B.3个字节 C.4个字节 D.5个字节 3.CGI作为标准接口，连接的是Web服务器和( ) A.客户端的应用程序 B.服务器端的应用程序 C.浏览器 D.Web服务器 4.局域网交换机可以在交换机上进行物理网段的划分，即将不同的物理端口划分为不同的广播域，这种技术称为( )

A.虚拟局域网(VLAN) B.SAN C.Web Cache D.虚拟专用网(VPN) 5.网桥用于连接两个或多个物理网段，可以称得上是一种真正意义上的网络互联设备。它主要进行帧的存储和转发，工作在OSI参考模型中的( ) A.物理层 B.网络层 C.应用层 D.数据链路层 6.在网站信息系统和网络中用于传送商贸业务单证的信息形式称为( ) A.报文 B.记录 C.单证 D.文件 7.HTTPS使用的是( ) A.SSH的HTTP B.Security的HTTP C.TCP的HTTP D.SSL的HTTP 8.可视化设计最重要的是确定网站的( ) A.信息结构 B.页面内容

C.目录 D.页面布局 9.在一个路由器中可以同时配置多种不同的路由。其中通常具有默认最高优先级的是( ) A.源路由 B.透明路由 C.静态路由 D.动态路由 10.通常提供第一层访问控制的访问控制策略是( ) A.入网访问控制 B.网络的权限控制 C.属性安全控制 D.目录级安全控制 11.SSL协议工作在( ) A.HTTP协议层 B.Socket层 C.物理层 D.Web协议层 12.基于主机的入侵检测系统(IDS)的实现手段主要是( ) A.检索行为特征 B.监视安全日志 C.跟踪程序行为

关于HTML5的网页设计与实现

信息商务学院 网页制作技巧与实战 大作业 题目：关于HTML5的网页设计与实现 院(系)别建筑工程系 专业工程造价 班级 ZB造价161 学号 201611032128 姓名王非 指导教师董智勇 2016年11月27日

目录 关于HTML5的网页设计与实现 一、引言及什么是html (5) 二、网页制作 (7) （一）、制作步骤 (6) 页面的制作，首先在根据客户的要求下，完成首页的制作，在经客户确定后，再制作其他的页面，制作完成后，交给客户验收，然后发给客户确定，待所有的页面的都经客户确定后，完成网页的制作进程，交给程序员添加程序。 (7) （二）、网页布局 (7) （三）、常用工具介绍 (8) 三、HTML5的改进特性 (9) （一）HTML5新元素 (9) （二）异常处理 (10) 四、结束语 (11)

摘要 随着Internet的诞生和发展，许多人不再仅仅局限于网上冲浪，而是参与到网站建设中。企业建站相当于在网上建立一个家，你就可以在这里向客户介绍你的企业，展示你的实力，推销你的产品，网页制作作为网站制作中一个重要的环节，相对于传统的平面设计而言，网页设计具有更多的新颖性，更多可以表现的手法。结合本人的实习过程，现就网站建设与管理过程中，网页设计与制作的具体经历，包括：网页设计与制作过程中的网页布局、色彩构置，框架结构等相关事项做以下论述。 关键词:HTML5;网页制作;HBuilder

一、引言 随着互联网的不断发展，互联网对人们的生活也在不断地发展和加强，人们渐渐开始习惯于互联网带来的各类服务和应用，便利和丰富。随着互联网的基础用户和开发者不断增多，人们不断地去创造和完善它的速度也越来越快，无论从技术层面还是商业层面，新的模式和方法层出不穷，整个行业新陈代谢不断加速，新的应用和新的公司不断地挑战着新的技术和新的模式。毕竟整个互联网是一个开放的环境，大家需要一种标准，所以HTML5这种更加新的标准和技术体系在不断地革新中发展壮大。 HTML5成为不断被提及的热门话题，不少人预言HTML5的发展将给移动互联网产业带来革命性的深刻变化。HTML5是几十年来Web标准最巨大的飞跃。和以前的版本不同，HTML5并非仅仅用来表示Web 内容，它的使命是将Web带入一个成熟的应用平台，在这个平台上，视频、音频、图像和动画，以及同电脑的交互都被标准化。尽管HTML5还有很长的路要走，但HTML5正在改变Web。另外，目前的互联网不仅仅是传统意义上面的互联网，所有的传统应用和模式正在向着更加移动和便捷发展，人们可以通过手机和平板电脑等各类移动设备来获取信息和使用更加丰富的应用。 什么是HTML5？ HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。 HTML 的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。

电子商务网站设计原理试题与答案

全国2009年10月高等教育自学考试 电子商务网站设计原理试题及答案 课程代码：00906 一、单项选择题（本大题共20小题，每小题1分，共20分） 在每小题列出的四个备选项中只有一个是符合题目要求的，请将其代码填写在题后的括号内。错选、多选或未选均无分。 1．SSL的含义是（） A．安全套接层协议B．安全超文本传输协议 C．安全电子交易协议D．安全交易技术协议 2．易趣网属于（） A．B2B B．B2C C．B2G D．C2C 3．题3图描述的是（） A．控制流程图 B．系统流程图 C．IPO图 D．问题分析图 4．电子商务网站生命周期的第3阶段是（） A．系统规划B．系统设计 C．系统实施D．系统分析 5．企业进行业务流程分析的前提条件不包括（） A．了解组织的目标B．重构目标系统 C．已经掌握组织的基本业务D．具备一定管理经验 6．灰洞产生的原因是（） A．遗漏了某些数据流B．系统分析人员忘记了输入流 C．命名错误、事实不完全D．存储设备导致数据错误 7．在OSI参考模型中，实现二进制数据传输的是（） A．物理层B．数据链路层 C．网络层D．传输层 8．在数据流程图中，符号“”表示（） A．数据流B．数据存储 C．数据处理D．外部项 9．下列对控制流程图的表述中，不正确的是（） A．控制流程图清晰易懂、便于掌握 B．控制流程图的三种基本成分是处理步骤、条件判断和控制流 C．控制流程图又称框图 D．控制流程图是用于总体设计的描述工具 10．下列Internet的接入方式中，通过电话线实现接入的是（）

A．LAN B．PON C．ADSL D．Cable Modem 11．白盒测试和黑盒测试用于（） A．性能测试B．功能测试 C．链接测试D．安全性测试 12．IPv6协议用于表示IP地址的二进制数位有（） A．16位B．32位 C．64位D．128位 13．UI设计的原则不包括（） A．简易性原则B．一致性原则 C．类似性原则D．安全性原则 14．数据挖掘的功能不包括（） A．聚类B．概念描述 C．偏差检测D．数据存储 15．以下关于数据和信息之间关系的表述中，正确的是（） A．数据是信息的载体和具体表现形式，信息不随数据形式的变化而变化 B．信息是数据的载体和具体表现形式，不随数据形式的变化而变化 C．数据是信息的载体和具体表现形式，信息会随着数据形式的变化而变化 D．信息是数据的载体和具体表现形式，随着数据形式的变化而变化 16．模块结构设计中应遵循的原则是（） A．高内聚、低耦合、低扇入、低扇出 B．低内聚、高耦合、低扇入、高扇出 C．低内聚、高耦合、高扇入、低扇出 D．高内聚、低耦合、高扇入、低扇出 17．系统分析的主要研究内容不包括（） A．如何定义和描述需求B．如何进行需求分析 C．如何实现需求D．如何获得需求 18．提供域名解析的服务器称为（） A．DNS服务器B．FTP服务器 C．WINS服务器D．DHCP服务器 19．网络操作系统安全保密的核心是（） A．访问控制B．密码技术 C．防火墙技术D．数字时间戳 20．确定电子商务应用系统功能模块的基础工作是（） A．客户分析B．业务分析 C．竞争对手分析D．数据分析 二、填空题（本大题共10小题，每小题1分，共10分） 请在每小题的空格中填上正确答案。错填、不填均无分。 21．工作流和________用于工作人员和商业伙伴通过因特网共享资源、协同工作。 22．B2G模式是指企业与________之间通过网络进行的各种商务活动。 23．Apache是一种十分流行的________软件。 24．数据字典通常包括数据项、________、数据流、数据存储和处理过程五个部分。 25．通常我们所说的计算机硬件是指组成计算机系统的________。 26．电子商务网站系统设计的第一个步骤是确定电子商务网站的________。 27．数据流图由外部实体、数据流、数据存储和________过程等基本部分组成。 28．在线支付的安全性主要包括：认证客户、信息完整传输、有效的查帐机制、隐私权保护及可靠的________。29．DELL公司经营模式的主要特点是________与零库存。 30．为网络中的计算机和用户提供服务的计算机称之为网络________。

网页设计与制作教案46186

[章节名称]：网页设计入门基础 [课堂类型]：理论■实训□练习■测试□ [学时安排]：2课时 [目的要求] 1.了解网络的基本知识，网页设计的基础知识，网页的分类，动态网页的原理及 技术 2.了解网页的基本构成及最简单的html代码 3.了解网页设计的流程 [重点] 了解网页设计的流程，掌握最基本的网页的构成及最简单的网页html代码 [难点] 掌握最基本的网页的构成及最简单的网页html代码 [教法学法] 1.采用教授法进行教学讲解，结合疑难点师生互动交流方式进行。 2. 练习采用学生自主安排，教师给与个别辅导的方式进行。 [参考资料] 《Dreamweaver CS5网页设计与制作——DIV+CSS版》吴丰,丁欣主编 清华大学出版社 《动态网页制作教程》（第二版）刘梅彦徐英慧编著清华大学出版社 [教学过程] 环节一：结合PPT课件的内容，讲解网络和网页的基本知识。了解网页的分类，网页运行的原理，介绍网页设计的工具，动态网页的技术。 环节二：介绍网页的构成，并对一个网站进行实例分析说明。编写最简单的html 代码。 环节三：了解网页设计的流程 主要有以下几个步骤： 一. 网站规划 二. 素材资源收集

三. 选择开发工具 四. 站点建立与规划 五. 分模块进行网页设计 六. 网页源代码测试与特效添加 七. 申请域名与空间 八. 网页源代码上传 九. 定期的维护 环节四：对本节课的内容进行复习，让学生练习html的代码。并进行疑难解答

[章节名称]：html基础与应用1 [课堂类型]：理论■实训□练习■测试□ [学时安排]：2课时 [目的要求] 了解html语言的基础知识，结构，掌握html语言设置网页的背景音乐，背景图片，字体的方法。 [重点] Html语言设置网页的背景音乐，图片，字体 [难点] Html语言设置网页的方法 [教法学法] 1.采用教授法进行教学讲解，结合疑难点师生互动交流方式进行。 2. 练习采用学生自主安排，教师给与个别辅导的方式进行。 [参考资料] 《Dreamweaver CS5网页设计与制作——DIV+CSS版》吴丰,丁欣主编 清华大学出版社 《动态网页制作教程》（第二版）刘梅彦徐英慧编著清华大学出版社 [教学过程] 环节一：复习网页设计的基础知识，介绍如何利用Dreamweaver开发工具，记事本编辑网页的源程序，介绍网页站点的创建及注意事项。 环节二：讲解html语言的结构，特点，设置网页页面的背景音乐，图片，字体1. 设置背景颜色 2. 背景图片 3. 背景音乐 背景音乐和上边介绍的两个有很大的不同，它的代码是放在页面的头部

网页设计师常用的9个photoshop技巧

网页设计师常用的9个photoshop技巧 https://www.wendangku.net/doc/779015095.html, 对于网页设计师来说，使用Photoshop的目的大多是进行网页排版，当然有时候需要制作一些效果，在更多的时候网页设计师使用PS相比平面设计师要更简单一点，本文就总结了网页设计师常用的几个Photoshop功能与技巧，相信无论是新手还是高手都会经常用到 1.改变图标的背景颜色 作为一个网页开发员，我用Photoshop最常要做的是改变图标的背景颜色或者是把图标背景变透明。 就拿RSS(聚合内容)图标为例。这种图标会有不同的形状和尺寸。 当你找到了最合适的图标，但你还需要做些修改。最常见的问题是网站的背景和图标的背景可能是不同的，为了把他们搭配在一起，我们需要做一些工作。 如果图像是GIF格式的，建议先把它转换成PNG格式，他们是类似的，但是PNG格式文件比较小。请阅读在网站中用GIF和PNG图像的利弊。 具体做的方法是： 第一步：在Photoshop中打开图像，然后点击文件->存储为Web和设备所用格式（快捷键 Ctrl/Cmd+Alt/Option+Shift+S）,然后在预设右边的下拉框中选择PNG-8或者PNG-24格式。你可以对比下哪种格式的质量和尺寸更好一些。（参看教你如何存储Web所用格式的图片。） 接着关闭GIF文件打开你刚存储的图片。 打开图层面板（如果没显示，按F7键让它可见），你可以看到有一个背景图层。 右击那个图层，从菜单里选择背景图层，点击确定。 第二步：使用魔术棒工具。 1.在工具面板中点击魔术棒工具。 2.确保容差设在20左右，消除锯齿和连续是勾选上的，如下图： 然后点击环绕这个图标的白色（或其他颜色）背景。 确保选中的区域尽可能不要包含图标下的阴影部分。如果阴影部分被包含住了，适当的调整容差（用魔术棒重新选择背景）。

网页设计师必须掌握的7项技能

网页设计师必须掌握的7项技能 网页设计既是一门科学也是一门艺术。网页设计工作一半基于正确的编程和设计技巧，另一半则基于是否对美与不美有着直觉般的敏锐度。一名称职的网页设计师一定要熟练掌握核心基础能力才能在同行中做到出类拔萃。 那么，应该如何培养自己的基础能力呢？一口是吃不成胖子的。诚然，经验的作用是无可替代的，但是优秀的教育，不论是正规教育还是非正规教育，也能带来巨大的帮助。同时，还强烈建议大家不断挑战自己，走出自己的舒适区，迎战新的领域。而这就是区别不断苦苦找客户，与客户主动找上门的关键所在。 下面是作为优秀的网页设计师所必需掌握并且能够帮助他们达到超群水平的一些必要基础能力。这些基础能力不一定都是技术和计算机技巧层面的。 1. 熟悉整体设计流程 注意“整体”这个词。网页设计有时会与图形设计重叠，所以说不同种类的设计学校有时候是非常相似的。这也就是为什么作为一名以自己作品为骄傲的网页设计师也需要多少学一些通用的基本设计流程知识。这一点包含了下列几项原则： 颜色

颜色是网页设计的核心，其有助于设计主题和主旨的构建。另外，其还具有心理层面的作用，也就是说颜色能够影响网站访客看待网站用户体验的方式。 走向 走向是指网站访客在体验网站时的视觉移动方向。走向涉及到对深度、颜色、层级、形状和线条的恰当使用。走向具包括视角、间距和面朝方向等。 平衡与比例 这一点是指视觉的稳定性与均衡性。比例可以分为两种：对称与不对称。比例通常用来强调重要元素，进而完善信息的走向。 间距 间距这一点非常简单明了。它是指不同元素之间的距离。网站要有优秀的用户体验就必须具有妥当的间距安排。一般来说，间距的大小应该要保证不同的元素具有足够的呼吸空间，同时又不能太大以免影响阅读。关键就是如何权衡。 2. 对HTML倒背如流

响应式网页设计的七个技巧

响应式网页设计的七个技巧 响应式网页设计已经是如今当之无愧的标准配置了，我们需要响应式的技术来应对日渐碎片化的屏幕尺寸，网页设计师也力图做好这件事情。而网页中的图片和图库的响应式设计，也是其中的重点难点。它们是网页中最常见，也是最直观可见的元素。打开一个漂亮精致的网站，然而其中的图片和图库看起来怎么都和页面不匹配，这样的情况恐怕是最让人抓狂的了。 响应式网站 如果要设计好响应式的图片和图库，今天天极响应式网站专家聊聊成都响应式网页设计的七个技巧，兴许能给你提供一个明确而系统的思路。它们并不涉及到具体代码实现，更多牵涉到设计过程和处理手法，做好了这些工作，具体实现起来就不难了。 1、考虑高宽比桌面端的图片浏览体验和移动端是完全不同的，这一点毋庸置疑。对于绝大多数的网站而言，图片展示的位置都很相近，大同小异。而设计师的任务，是要确保网站随着屏幕和设备变化的时候，图片的展示不会在页面布局的伸缩变化过程中变得奇怪和失真。这个时候，就要始终牢记图片的高宽比，并且始终控制高宽比不会改变。回到桌面端网页中，大幅的背景图或者置于页面顶端的图片看起来非常漂亮，可是当它切换到移动端设备中的时候，首先屏幕比例和方

向就不同了，那么它是否还那么好看呢?图片被缩小之后，信息的呈现是否会丢失?它是否会被拉伸?这个时候，图片的高宽比的控制就显得特别重要了。控制原始图片不被拉伸，同时让图片所展示出来的部分的高宽比能够尽可能合理地匹配对应的屏幕，这样也就不必担心响应式断点过多，导致你需要上传过多的图片。 2、尺寸和比例的一致性响应式设计就不能不说断点。为了照顾不同的屏幕，我们需要将图片裁剪成不同比例不同尺寸的大小，而这也直接影响着整个设计与开发的设计流程。许多人仅仅只是将图片上传到CMS系统中，就希望它能以完美的样式呈现出来。这不现实。每张图片都应当被裁剪为合理的尺寸，并且放置在理想的位置上，确保它们会以用户期望的样子呈现出来。后端可能会在这件事情上花费相当的时间和精力，但是这些努力是值得的。 3、使用轮播图或者图库轮播图控件和图库控件是网站中最常见的图片载体，并且也可以更加自如的管理图片。尤其是当你使用了那些比较著名或者适配范围比较广的第三方控件的时候，控制图片元素的粗活重活基本上都会被这些控件接手过去。不过，我们之前提到的图片长宽比和尺寸大小的控制同样也是要注意的，否则一样会让网页的展示效果变尴尬。除此之外，你还需要什么场合使用什么样的控件。如果你拥有若干高品质的图片或者需要推荐特定的文章和专题，那么你需要使用幻灯片轮播图控件。如果你拥有大量有待展示的图片，可以缩小展示也不存在可读性问题的话，不妨使用图库类的控件来展示。许多作品集类的网站常常会使用图库控件。 4、尽量避免使用图片说明(Captions)虽然图片说明能够让你的图片的信息更加丰富，但是它会非常直接地影响到网页的运作。尽量避免使用它们，如果实在是需要，尽量用其他的方式来呈现。图片的Caption属性加入之后，确实能在桌面端拥有良好的渲染效果，但是小屏幕上常常问题不断。为了不让这些细小的可用性的问题影响用户体验，尽量避免使用就好了。因为这种小问题而让用户无法忍受并且离去，并不划算。 5、图片和视频混用要小心如果网站中同时存在图片和视频类的多媒体，用户和设计者应该都是能够接受的，甚至许多用户已经习惯了这样的设计。但是要注意的是，即便是在同一个页面中，也尽量不要让图片和视频同时存在于同一个控件或者区块中。也许这样看起来很炫酷，也许一部分图片和视频能够搭配起来，但是更多的视频和图片很难在尺寸上保持一致，导致总会有一部分图片或者视频会留下空白和间隙。最好的方案还是将两者分开展示，避免了媒体属性和尺寸上的差异与冲突。这几乎适用于任何设计元素，而图片和视频尤甚。 6、削减不必要的元素虽然轮播图和图库控件非常好用，但是许多设计师常常会往其中添加许多垃圾的内容，最常见的就是塞入一堆导航箭头、按钮、文本甚至行为召唤按钮。这样的例子不胜枚举。一般情况下，用户其实是熟知如何同轮播图这类控件进行交互的。除非你的设计和我们的认知有着巨大的差异，以至于必