30个漂亮的网页设计案例
导读：程序员和设计师都应该关注“漂亮”的网页设计。在本篇文章中，作者为您展示了全球30个优美的网页设计案例，您可以通过它们了解全球优秀的设计师是如何使用图片、色彩以及色调搭配的，这或许可以给从事Web设计和开发工作的人们一些灵感和参考。
Shopify
HiFi
WPZOOM
Podio
Syxer
Hello Themes
Theme Shift
Acosmin
Elegant Themes
Huddle
Pulse
Econeve
Envision Theme
Gravity Forms
Graph Paper Press
Invoicera
Highwire
Ronin
Theme Fuse
Sketchdock
Bara Mail
Gallery Rush
Liveline
Skyclerk
Image Spark
Cobblestone
PageLines
Foundation Six
Apollo
Visua Design
您的目前成绩为： 100.0 详细信息 网页设计与制作_在线作业_E 用户名：W130801151最终成绩：100.0 一 判断题 1. TRUE FALSE 本题分值： 5.0 用户得分： 5.0 用户解答： FALSE 知识点： 1.1.2 HTML 语言与XHTML 语言 2. TRUE FALSE 本题分值： 5.0 用户得分： 5.0 用户解答： FALSE 知识点： 15.2.3 绘图工具箱 3. FALSE TRUE 本题分值： 5.0 XHTML 代码将文字内容和显示样式分离，显示样式的定义放在
中）。（ ） Flash 中“橡皮擦工具”的水龙头模式可以一下子擦除位图一个封闭选区的全部填充色。（ ） Flash 中修改实例的属性会影响到元件。（ ）用户得分： 5.0 用户解答： FALSE 知识点： 17.1 基本概念 4. FALSE TRUE 本题分值： 5.0 用户得分： 5.0 用户解答： TRUE 知识点： 19.3.1 帧动作 5. TRUE FALSE 本题分值： 5.0 用户得分： 5.0 用户解答： FALSE 知识点： 19.3.2 按钮动作 6. FALSE TRUE 本题分值： 5.0 用户得分： 5.0 用户解答： TRUE 知识点： 19.3.4 设置及获取电影元件实例的属性 Flash 中帧动作可以附加到某帧下的任何一层上。（ ） 在给Flash 按钮附加动作时，动作必须嵌入on ()处理程序中，以便指定触发该动作的鼠标事件或按键操作。on ()处理程序只能支持一个鼠标事件。（ ） 当播放Flash 动画时，允许影片剪辑元件实例被拖动（startDrag ）或停止拖动（stopDrag ）。（ ）
网页设计与制作实例教程 习题答案 第1章网页与网站基础 一、选择题 1．A 2．B 3．C 4．C 5．A 二、判断题 1．√2．×3．√4．×5．√ 三、问答题 略 第2章网页规划设计 一、选择题 1．D 2．A 3．C 4．A 5．C 二、判断题 1．×2．×3．×4．√5．√ 三、问答题 1．答：网站需求分析一般包括三个阶段的内容：网站背景分析、总体需求分析、具体需求分析。（每个阶段可再详细描述。） 2．答：可从以下几个方面来阐述网站设计的原则：①日期、时间和数字；②欢迎词； ③弹出窗口和引导页面；④新闻和公告信息；⑤网址；⑥控件；⑦链接；⑧主页内容 3．答：打开新浪网首页，分析其布局类型。（答案略） 4．答：网页色彩搭配方法可从以下两个方面去阐述：①根据页面风格以及产品本身的诉求确定主色；②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述：①用一种色彩；②用两种色彩；③用一个色系；④用黑色和一种色彩以及色彩搭配忌讳的方面。 5．答：打开当当网，具体分析其规划过程。（答案略） 第3章初识网页制作软件 一、选择题 1．C 2．C 3．B
二、填空题 1．代码、拆分、设计2．文件、资源、规则3．超级链接 三、操作题 略 第4章制作网页内容 一、选择题 1．D 2．B 3．A 4．D 5．ABD 6．D 7．B 8．D 9．A 10．A 二、判断题 1．√2．√3．×4．√5．√6．√7．√8．√9．×10．√三、操作题 略 第5章设置网页超级链接 一、选择题 1．D 2．D 3．A 4．D 5． C 二、判断题 1．×2．×3．×4．√5．× 第6章使用CSS样式美化网页 一、选择题 1．B 2．C 3．C 4．B 5．A 6．D 7．D 8．D 9．B 10．C 11．A 12．A 13．C 14．D 15．D 16．A 17．A 18．B 19．D 20．D 二、简答题 1．×2．×3．×4．×5．×6．×7．√8．×9．√10．√11．×12．×13．×14．√15．√16．√ 第7章规划布局网页 一、选择题 1．B 2．A 3．B 4．B 5．D 二、简答题
1．请列出三种TCP/IP网络中所使用的协议，并说明它们哪些类型的终端之间的，例如，网络管理站（SNMP）是用于中央网络管理站和网络之间的。 参考答案： （1）HTTP：超文本传输协议，用于WEB服务器和WEB客户机之间； （2）SMTP：简单邮件传送协议，用于邮件客户机和邮件服务器之间； （3）TELNET：远程登录协议，用于客户机与终端之间。 2．现给出一个网址如下：https://www.doczj.com/doc/ef10829276.html,/planetwide/select/selector.html，请你根据所学的URL分析该网址各个部分的含义。 参考答案： //前的http表示访问信息采用的是超文本传输协议，并且文件在WWW服务器上； https://www.doczj.com/doc/ef10829276.html,表明了WWW服务器的位置； planetwide/select/selector.html表明最终要访问的文件所在的位置。 3．访问类型即访问信息的链接方式，它决定了文件所在的位置，请问常用的链接方式有哪几种，并举出实例。（列出三种即可） 参考答案： （1）file：如file:\\D:\作业\作业\主页.htm（前面的file:\\一般可省略）就是打开本地D盘下的一个网页；（2）ftp：如ftp:\\https://www.doczj.com/doc/ef10829276.html,（此处也可输入IP地址）； （3）http：如https://www.doczj.com/doc/ef10829276.html,/； （4）News：news:\\192.168.1.7可以查看IP地址192.168.1.7的可用新闻组； （5）telnet：telnet:\\192.168.1.7就可以运行远程登录IP地址192.168.1.7； 4．我们要进入紫霞的公众网，网址如下：telnet://https://www.doczj.com/doc/ef10829276.html,，请你实际操作进入该网站，并列出三种以上进入该TELNET网站的方法。 参考答案： （1）在浏览器中登录：启动INTERNET EXPLORER，在URL地址栏中输入“telnet://https://www.doczj.com/doc/ef10829276.html,”；（2）“开始”→“运行”→“输入telnet”→“确定”→在命令行输入“open https://www.doczj.com/doc/ef10829276.html,”命令并回车； （3）“开始”→“运行”→“输入cmd”→“确定”→在命令行输入“telnet https://www.doczj.com/doc/ef10829276.html,”命令并回车； （4）“开始”→“运行”→“输入c md”→“确定”→在命令行输入“telnet211.157.100.8”命令并回车。 5．如果远程登录失败，请问原因可能是什么？ 参考答案： （1）计算机地址拼写错误（主机名或IP地址错误）； （2）远程计算机暂时不能使用； （3）你所指定的计算机不在Internet上。 6．实践：启动INTERNET EXPLORER浏览器，修改其INTERNET选项，并观察其效果。 您的答案： 答：将https://www.doczj.com/doc/ef10829276.html, 设置为INTERNET选项的首页后，只要打开INTERNET EXPLORER 便直接登录到该网站的主页 1．个人网站有哪三种基本风格？ 参考答案： （1）主题图形式； （2）信息发布式； （3）介于两者之间的风格。
附件1 课程标准 课程名称《网页设计与制作案例教程》 课程代码 0511 课程类型专业基础课 课程总学时 60学时 适用专业计算机应用技术专业 课程负责人 信息工程系（教学系部）计算机应用教研室制定（修订） 2020年3月
《网页设计与制作案例教程》课程标准 课程代码：0511 课程类型：理实一体化课 学时/学分： 60学时/4学分 适用专业：计算机应用技术专业 1.课程概述 1.1课程性质 《网页设计与制作案例教程》是高等职业技术学院计算机应用技术专业开设的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver cs6，通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。 1.2课程定位 通过本课程的学习，使学生了解网站开发的流程，掌握HTML和 CSS技术实现网页的构建和美化，并用 Dreamweaver CS6工具实现网页的制作。本课程对接的工作岗位是网站编辑、网站开发，通过学习应具备网站美化和网站开发的能力。 2.课程目标 本课程以学生能够进行网站开发与维护的实际工作能力为学习目标，使学生具备计算机及其它相关专业课学习和应用中所必需的网页制作与网站设计的基本知识和基本技能，形成解决实际应用问题的方法能力，为以后的学习动态网页设计课程打下基础。 2.1素质目标 (1) 培养具有较强的网页设计创意思维、艺术设计素质；
(2) 培养学生在学习过程中解决困难的能力； (3) 培养学生在学习过程中培养兴趣的能力，提高工作、学习的主动性； (4) 培养学生理论联系实际的工作和学生方法； (5) 培养具有高度责任心和良好的团队合作精神； (6) 具有社会责任感。 2.2知识目标 (1) 了解WEB站点的工作原理； (2) 理解Internet、WWW、HTTP、HTML的定义，计算机网络概念和作用； (3) 了解服务器、客户端、浏览器的概念和作用； (4) 掌握常规网站的规划及流程； (5) 熟练掌握HTML语言中各种标记符的运用能力； (6) 熟练掌握Dreamweaver应用软件的使用； (7) 理解网页中脚本语言的使用方法； (8) 熟练开发常规静态网站。 2.3能力目标 (1) 熟练掌握Dreamweaver应用软件制作网站及网页； (2) 熟练掌握使用绝对和相对URL，创建超链接，图像链接； (3) 掌握在网页中添加CSS的方法； (4) 培养学生设计、制作和维护动态网站。 (5) 培养学生搜集资料、阅读资料和利用资料的能力； (6) 能独立制定、实施工作计划。 (7) 具备检查、判断能力； (8) 具备简单的需求市场分析能力。 3.课程实施和建议 3.1课程内容和要求 本课程以《计算机应用基础》、《photoshop》课程为基础，通过本课程的学习，应使学生掌握网页制作的基本方法，掌握 HTML、CSS等网页基础编程知识，并使用主流工具 Dreamweaver CS6进行网页制作。
医药用品网站设计方案 （样板，内容只供参考） 专业班级： 姓名： 日期：
目录 1、网站需求分析 2、网站建设目标 3、网站技术解决方案 3.1网页服务器架设方案 3.2网站运行平台 3.3网站开发平台 4、网站内容规划 4.1网站栏目结构图 4.2网站功能模块 5、网站总体风格设计 6、网站费用预算及开发周期 7、网站维护与测试 7.1网站维护 7.2网站测试 8、网站推广 9、竞争对手参考
1、网站需求分析（或可行性分析） 医药行业在2006到2013这8年间由于药品价格管制和招标政策比较宽松，配合充足的行业资金支持，以及市场自身稳定的需求，医药行业在这8年间发展较快产值增速平均保持在20%，2014年以来受医保控费、招标延缓、新版改造检查等影响，行业增速较往年有所下降，维持在13%左右，不过政策面上也有许多利好消息，无疑仍将会刺激着医药行业稳步快速发展。 医药行业利润外在因素是国家的医疗医保政策，内在因素是市场需求，核心是产品药效质量和招标政策。 首先：新一届政府大力发展医疗保险，把城镇居民大病重病均列入医保统筹范围提高了报销比例，无形中能促进医药行业整体销量利润，另外仅以2014年来讲，全国医保结余资金总额超过9500亿元，占药品消费的102%,医保资金具有强大的消费欲望和动力。 其次：目前随着疾病多样化，复杂化，再加上本身人口基数大的现状，无论是在医院就医型，还是在家疗养型对医药及医疗器械客观上都有大量稳定需求。再次：国家药监局逐步放开药价管制，可能导致低价药有所上涨高价药价格回落,药品市场充分竞争，这将对医药连锁零售企业有益，大大促进销售额度，增加利润。 最后：政策逐渐探索试水：医院药房“对外托管”；允许鼓励社会资本办医；拟放开网上药店处方药互联网销售。又增加了一个医药销售渠道，市场销量广阔。网上医药用品交易是一种具有交互功能的商业信息系统。它向用户提供静态和动态两类信息资源。所谓静态信息是指那些比经常变动或更新的资源，如公司简介管理规范和公司制度等等；动态信息是指随时变化的信息，如商品报价，会议安排和培训信息等。网上购物系统具有强大的交互功能，可使商家和用户方便的传递信息，完成电子贸易或交易。这种全新的交易方式实现了公司间文档与资金的无纸化交换。 2、网站建设目标 建立一个完整的医药用品网站，突出便捷实用特点，有美观的界面设计。主要功能： 1.收集所有店铺的信息功能：搜索引擎具有采集所有店铺商家的商品。利用能够从整个网站的店铺中自动收集所有店铺信息。 2.对店铺内所有商品进行分类功能：可以将收集来的所有店铺中的商品数据，存放进数据库，在数据库中再根据商品的不同，分门别类。之后可以通过需要商品的类别进行搜索。 3.店铺关键词竞价排名及用户搜索结果排名功能：针对网站内的店铺或者商品，排名与售出量、浏览量、价格、卖家好评率、先行赔付、所在地、商品页面的排
网页设计与制作_在线作业_C 最终成绩：90.0 一判断题 1. (5.0 分) FALSE TRUE 知识点： 11.2 编辑矢量对象 用户解答： FALSE 2. (5.0 分) FALSE TRUE 知识点： 12.1 创建和编辑标准文本 用户解答： FALSE 3. 在Fireworks中，图中(b)是对(a) 实施外斜角滤镜的结果。（） (5.0 分) TRUE FALSE 知识点： 13.1 滤镜 用户解答： FALSE 4. 在Fireworks中，“自由变形工具”能够直接对矢量对象执行变形操作，也能对路径上的各个定位点进行操作。（） 在Fireworks中，文字不能设置笔触和填充。（）
(5.0 分) FALSE TRUE 知识点： 13.2 资源——样式、元件、URL 、形状 用户解答： TRUE 5. (5.0 分) FALSE TRUE 知识点： 13.4 优化与导出 用户解答： FALSE 6. (5.0 分) FALSE TRUE 知识点： 15.2.3 绘图工具箱 用户解答： TRUE 7. (5.0 分) FALSE TRUE 在Fireworks 中，元件是用户自己建立的可以重复使用的图形，动画或按钮对象。（ ） 在Fireworks 中，可以同时显示6幅不同优化效果的图像。（ ） Flash 中“墨水瓶工具”（Ink Bottle Tool ）是为矢量色块进行填充的工具。（ ） Flash 中文本必须图形化才能使用滤镜。（ ）
知识点： 16.1.1 文本工具 用户解答： TRUE 8. (5.0 分) TRUE FALSE 知识点： 16.1.2 文本变形及图形化 用户解答： TRUE 二单项选择题 1. (5.0 分) 知识点： 9.5 调整画布或图像 用户解答： 2. (5.0 分) “修改”|“组合路径”|“拆分” “修改”|“组合路径”|“封口” “修改”|“组合路径”|“联合” “修改”|“组合路径”|“接合” 知识点： 11.2 编辑矢量对象 用户解答：“修改”|“组合路径”|“接合” 3. Flash中为了避免丢失字体，应将文字图形化。（） 若需要向下方向扩大Fireworks画布，应在修改Fireworks画布的窗口内，点击（）锚定按钮。在Fireworks中，用“刀子”工具切割路径后，应执行（）命令，将路径封口。
Web考点 一、判断、单选（20*2’）、填空 1、Window对象表示一个浏览器窗口或一个框架，在JavaScript中，Window对象是全局对 象，所有的表达式都在的那个齐纳的环境中计算。就是说，要引用当前窗口根本不需要特殊的语法，可以把那个窗口的属性作为全局变量来声明。例如，可以只写document 和alert，不必写成window.document和window.alert（）。 2、Document对象 每个载入浏览器的HTML文档都会成为Document对象。Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问。 提示：Document对象是Window对象的一部分，可通过window.document属性对其进行访问。又代表了整个HTML文档，可以来访问网页中的页面中的所有元素。 Document.childNodes 包含着document.documentElement 3、JavaScript不可以增加类型（弱类型）。C#是强类型语言，声明变量要指定类型。 4、Html.CSS.DOM标准是由https://www.doczj.com/doc/ef10829276.html,指定的。 JavaScript标准是由Ecma制定的。 C#、https://www.doczj.com/doc/ef10829276.html,由微软制定的。 5、Hypertext transport protocol——HTTP协议。 超文本传送协议，是万维网（world wide web）交换信息的基础。它允许将超文本标记语言（HTML）文档从Web服务器传送到Web浏览器。HTTP允许输入任意类型的数据对象。正在传输的类型由Content-Type加以标记。 6、相对路径（Relative Path） (1)如何表示同级目录的文件 2.html和 3.html在同一个文件下，如果2.html链接到3.html，可以在2.html中这样写：同目录下文件间互相链接； ../代表一级上级目录路（间隔一个目录） ../../代表二级上级目录（间隔两个目录），比如4，html链接到1.html，可以在4，html中这样写：链接到上级目录的上级目录中的文件。 (2)如何表示下级目录文件 2.html和 3.html是1.html的下级目录中的文件，如果在1.html中链接到2.html，可以在1.html中这样写：链接到下级目录（first）中的文件； 如果在 1.html中链接到 4.html，可以在 1.html中这样写：链接到下级目录（first/second）中的文件。
1、利用Application对象编写一个简单的聊天室（要求5秒刷新一次） 2、编写函数计算a和b的立方和，并举例调用，调用时a、b分别是5和8。 3、编写一个利用Recordset对象更新数据库（表为users 字段分别为name、tel、age ）姓名为李玫电话为8888888 年龄为23，要求李玫更新为李梅、电话更新为6666666、年龄更新为24。 4、有100个和尚吃100个馒头，大和尚1人吃4个，小和尚4人吃1个，问有多少个大和尚和多少个小和尚？ 5、请使用ASP提供的计数器组件，在页面上显示“您是第”X “位访客”。（只要写出主要代码即可） 6、假设有数据库address,内有表link,该表中包含字段：姓名（name varchar(50)）,电话(tel
varchar(20)),email(email varchar(50))，请分页将link表中的数据显示出来，且每页显示记录8条。 7、使用asp 控制显示字体的大小，程序运行的结果如下图：（11分） 8、创建一个网站计数器，程序运行效果如下图：（10分）
9、假设数据库data.mdb中有个admin（username,password）表，用于存放管理员 的信息,且数据库已连接成功。请开发一个管理员登录验证模块admin.asp，要求：只有当输入正确的口令才进入管理页面manage.asp, 否则弹出对话框“用户名或密码不对，请重新输入！”（15） 10、请编写代码，在页面上显示如下图形。注意：只要写出主要代码即可 ********** ********* ******** ******* ****** ***** **** *** ** * 11、利用Recodset对象也可以插入记录，现在针对图1所示的数据表，利用插入一条记录：
11.1 网络规划与设计 11.1.1 网络规划 网络规划是在用户需求分析和系统可行性论证的基础上确定网络的总体方案和网络体系结构的过程。网络规划直接影响到网络的性能和分布情况，它是网络系统建设的重要一环。 1.需求分析 在网络方案设计之前，需要从多方面对用户进行调查，弄清用户真正的需求。通常采用自顶向下的分析方法，了解用户所从事的行业，该用户在行业中的地位及和其它单位的关系等。不同行业的用户，同一行业的不同用户，对网络建设的需求是不同的。了解其项目背景，有助于更好了解用户建网的目的和目标。 在了解用户建网的目的和目标之后，应进行更细致的需求分析和调研，主要从下列几个进行： （1）网络的物理布局。充分考虑用户的位置、距离、环境，并进行实地考察。 （2）用户设备的类型与配置。调查用户现有的物理设备。 （3）通信类型和通信流量。确定用户之间的通信类型，并对数据、语音、视频及多媒体等的通信流量进行估算。 （4）网络服务。包括数据库系统、共享数据、电子邮件、WEB应用、外设共享及办公自动化等。 （5）网络现状。如果在一个现有网络上规划建立一个新的网络系统，需要了解现有网络使用情况，尽可能在设计新的网络系统时候考虑旧系统的利用，这样能保护用户原有投资，节约费用。 （6）网络所需求的安全程度。根据用户需求选用不同类型的防火墙和采用不同安全措施，保护网络系统的安全。 2.可行性分析 可行性分析是结合用户的具体情况，论证建网目标的科学性和正确性。它主要包括技术可行性和经费预算的可行性。在技术上应该根据用户实际需要，所选网络技术是否能够得到技术基础条件的保证，主要包括下列4方面的内容： （1）传输。包括各网络结点传输方式、通信类型、通信容量、数据传输速率等。 （2）用户接口。包括采用协议、工作站类型等。 （3）服务器。包括服务器类型、容量和协议等。 （4）网络管理能力。包括网络管理、网络控制和网络安全等。 在经费预算可行性分析时，要考虑建网的软、硬件设备的投资、安装费用、培训和用户支持及运行和维护费用。尤其应该给出用户培训和运行维护费用的预算，这是维持网络正常运行的最为关键的部分。 在网络系统的规划中，通常应给出几个总体方案供用户选择，用户根据具体情况可从中选择最佳方案。 11.1.2 网络设计 网络设计是根据网络规划及总体方案，对网络的体系结构、子网划分、逻辑网络和设备选型进行工程化设计的过程。由于设备选型涉及到对具体设备的优劣分析，在此我们不作介绍，但在选择设备时，应选择主流产品，并具有开放性和可维护性。 1.网络设计原则
南京财经大学成人高等教育 网络课程网页设计与制作单元练习2 ------------------------------------------------------------------------------------------------------------------------ 一、选择题 1、下列哪个是photoshop图象最基本的组成单元（）。 A、节点 B、色彩空间 C、象素 D、路径 2、下面对矢量图和象素图描述正确的是（）。 A、矢量图的基本组成单元是象素 B、象素图的基本组成单元是锚点和路径 C、Adobe Illustrator 9图形软件能够生成矢量图 D、Adobe photoshop 6 能够生成矢量图 3、图象分辨率的单位是：（）。 A、dpi B、ppi C、lpi D、pixel 4、索引颜色模式的图象包含多少种颜色( )。 A、2 B、256 C、约65，000 D、1670万 5、在photoshop6中允许一个图象的显示的最大比例范围是多少（）。 A、100％ B、200％ C、600％ D、1600％ 6、如何才能以100％的比例显示图象（）。 A、在图象上按住Alt键的同时单击鼠标 B、选择View－>Fit On Screen（满画布显示）命令 C、双击Hand Tool （抓手工具） D、双击Zoom Tool（缩放工具） 7、如何使用橡皮图章工具在图象中取样（）。 A、在取样的位置单击鼠标并拖拉 B、按住Shift键的同时单击取样位置来选择多个取样象素 C、按住Alt键的同时单击取样位置 D、按住Ctrl键的同时单击取样位置 8、下列哪种工具可以选择连续的相似颜色的区域（）。 A、矩形选择工具 B、椭圆选择工具 C、魔术棒工具 D、磁性套索工具 9、使用钢笔工具可以绘制最简单的线条是什么（）。 A、直线 B、曲线 C、锚点 D、象素 10、若要进入快速蒙板状态，应该怎么做（）。 A、建立一个选区 B、选择一个Alpha通道 C、单击工具箱中的快速蒙板图标 D、在“编辑”菜单中“快速蒙板” 11、在通道面板上按住什么功能键可以加选或减选（）。 A、alt B、shift C、ctrl D、tab 12、Alpha通道最主要的用途是什么（）。 A、保存图象色彩信息 B、创建新通道 C、存储和建立选择范围 D、是为路径提供的通道 13、如何复制一个图层（）。 A、选择“编辑”>“复制” B、选择“图象”>“复制” C、选择“文件”>“复制图层” D、将图层拖放到图层面板下方创建新图层的图标上 14、移动图层中的图象时如果每次需要移动10个象素的距离，应按下列哪组功能键（）。 A、按住Alt键的同时按键盘上的箭头键 B、按住Tab键同时按键盘上的箭头键 C、按住Ctrl键同时按键盘上的箭头键 D、按住Shift键同时按键盘上的箭头键
网页设计与制作_在线作业_1 一、单选题 1. 在Fireworks中，修改用钢笔绘制的自由路径的弧度，需使用（）。 ? A. 部分选定工具 ? B. 钢笔 ? C. 重绘路径工具 ? D. 指针工具 2. 在Fireworks中，用“刀子”工具切割路径后，应执行（）命令，将路径封口。? A. “修改”|“组合路径”|“联合” ? B. “修改”|“组合路径”|“拆分” ? C. “修改”|“组合路径”|“封口” ? D. “修改”|“组合路径”|“接合” 3. 若将页面分为3个框架，应保存（）个网页html文件。 ? A. 1 ? B. 2
? C. 3 ? D. 4 4. 在Fireworks中，“自由变形工具”的光标有两种形状，（）。 ? A. 当光标为时，对路径执行“扭曲”操作，当光标为时，对路径执行“拉伸”操作 ? B. 当光标为时，对路径执行“推动”操作，当光标为时，对路径执行“拉伸”操作 ? C. 当光标为时，对路径执行“推动”操作，当光标为时，对路径执行“扭曲”操作 ? D. 当光标为时，对路径执行“推动”操作，当光标为时，对路径执行“拉伸”操作 5. .blue {color: #0000ff}是（）。 ? A. 标签选择符和选择符组 ? B. 包含选择符 ? C. ID选择符 ? D. 类选择符 6. 书写CSS样式时，要把相同属性和值的标签组合起来书写，应使用（）。
? A. ID选择符 ? B. 类选择符 ? C. 标签选择符和选择符组 ? D. 包含选择符 二、多选题 1. Flash的“选择工具”用于选取图形、移动图形和编辑图形。其光标可以是（）。? A. ? B. ? C. ? D. 2. 使用Flash “选择工具”同时选中，则（）。 ? A. 作图或拖动舞台对象时，可以准确地吸附到其他线条上的点。 ? B. 鼠标指针指向对象的中心点，鼠标指针上出现一个小三角 ? C. 作图或拖动舞台对象时，可以准确地吸附到其他图形的中心点。 ? D. 影响绘制形状或位置的微调。 3.
1、在Dreamweaver中，行为由( AB)构成。 A、事件 B、动作 C、初级行为 D、最终动作 2、在Dreamweaver中，可对( ABCD)设置超级链接。 A、任何文字 B、图像 C、图像的一部分 D、Flash 3、扩展管理器支持的第三方扩展文件有(AD)。 A、.mxp B、.mxi C、.mix D、.axp 4、在资源管理器中，不能对( AB)执行定位操作。A B A、颜色 B、链接 C、Flash D、图像 5、可以设置()等网页背景属性。AB A、背景图片 B、背景颜色 C、背景透明度 D、以上都不可以 6、一般来说，适合信息发布式网站模式的题材有( ABCDE)。 A、软件下载 B、新闻发布 C、个人简介 D、音乐下载 E、文学作品大全 7、网页制作工具按其制作方式分，可以分为(BE)。 A、通用型网页制作工具 B、标记型网页制作工具 C、专业型网页制作工具 D、编程型网页制作工具 E、“所见即所得”型网页制作工具 8、下列哪些项目属于网页设计制作的基本步骤(ABC)。 A、设计网站 B、搜索素材 C、站点规划 D、FTP上传 9、在网页设计过程中，想要制作一个800～600的页面，页面背景色为蓝色，使页面在800X600的显 示器分辨率下布满整个浏览器屏幕，不留白边，需要的步骤有( BD)。 A、首先点选“插入”菜单中的“表格”选项 B、首先点选“修改”菜单中的“页面属性”选项 C、然后设置表格的宽高均为100％即可 D、然后设置外观中的各边距为0，确定即可 10、在Dream weaver MX中，关于模板的说法正确的是( ABD)。 A、模板是一个文件 B、模板默认状态下被保存在站点根目录下的Templates子目录下 C、模板是固定不变的 D、模板和库尽管有相似之处，但总的来说仍是不同的两个概念 11、下列关于网页设计的说法中，正确的有(ACE)。 A、冷暖色调在均匀使用时不宜靠近 B、纯度相同的两种颜色适宜放在一起 C、整个页面中最好有一个主色调 D、文本的色彩不会发生抖动，只有图片的色彩才会发生抖动、 E、抽象线条的构图很容易造成重心不稳 12、在Dream weaver MX中，元件是Library元件库中可以被重复使用的元素，包括(ABD)。 A、图像 B、按 C、文字 D、电影剪辑 13、在Dream weaver MN中，插入网页背景图像，包括插入( ABC)。 A、平铺图像 B、无缝背景图像 C、追踪图像 D、以上都不正确 14、层的优点是( ABCD)。
《网页设计与制作》课程教学大纲 课程名称：网页设计与制作 学分及学时：4学分总学时72学时，理论36学时 适用专业：网络工程 开课学期：第四学期 开课部门：计算机与互联网学院 先修课程：计算机文化基础计算机网络 考核要求：考试 使用教材及主要参考书： 向知礼主编：《网页设计与制作》航空工业出版社2017年 杨松主编：《网页设计案例教程》航空工业出版社2015年 一·课程性质和任务： 本课程全面地介绍网页制作技术的基本理论和实际应用。全书共10章，分为3大部分。前5章为第1部分，主要介绍网页制作的基本理论——HTML，同时穿插介绍Fireworks，Flash，Anfy等软件在网页制作过程中的应用；第6章～第8章为第2部分，主要介绍网页制作技术，包括CSS技术、客户端脚本技术(DHTML)以及XML技术；第9章～第10章为第3部分，主要介绍当前最流行的网页制作工具——Dreamweaver，通过应用实践能够从实际应用的角度进一步巩固所学知识。 课程内容不但包括各种网页制作技术的基础理论，而且强调网页制作的具体应用，使读者既能打下坚实的理论基础，又能掌握实际的操作技能。 二·课程教学目的与要求 以Dreamweaver的使用为主线，介绍网页制作的相关技术。使学生理解网页制作的基本概念和理论,掌握站点的建立和网页的设计,能用HTML语言修改网页;掌握网页制作和站点的
基本知识;掌握站点的创建和网页的编辑;掌握超链接、图像、CSS样式的使用;掌握表格、框架、表单、多媒体对象的使用;理解行为、模板、库、CSS布局的概念和使用;理解HTML语言、网站的测试与的发布； 要求：教学过程中，须注重学生实践操作能力的培养，采取“面向实践、能力为先”的教学思路，教学内容应结合当前WEB技术的发展趋势，把握未来企业级WEB页面开发的发展方向，兼顾各行各业的需求变化，力争面向社会，服务于企业“互联网+”战略。 三、课程学时分配 四·课程教学中应注意的问题 理论课讲解WEB页面开发的原理及方法，并在多媒体教师机上进行演示操作；
存档资料成绩： 课程设计报告书 课程名称网页设计与制作 题目设计个人网站主页 分院电信分院 专业班级电子商务 学号 学生姓名 指导教师 2011 年 6月 20日
课程设计评阅意见 评阅人__________职称________ 年月日
目录 第1章课程设计任务书 .................................. 错误!未定义书签。 一、课程设计题目设计个人网站主页............... 错误!未定义书签。 二、课程设计工作：................................... 错误!未定义书签。 三、课程设计的内容要求：............................. 错误!未定义书签。 1、课程设计要求.................................. 错误!未定义书签。 2、课程设计内容.................................. 错误!未定义书签。 第2章课程设计目的 .................................... 错误!未定义书签。 第3章课程设计内容................................... 错误!未定义书签。 设计一选题的基本原则................................. 错误!未定义书签。 （1）选题应反映本专业的培养目标，符合专业综合训练的要求。错误!未定义书签。 （2）选题要有利于深化所学的专业知识和拓展所学的知识面。错误!未定义书签。 （3）选题的难易程度和工作量要适当，保证在规定的时间内，在教师的指导下，经过努力能够完成。 设计二选题范围..................................... 错误!未定义书签。 设计三选材......................................... 错误!未定义书签。 设计四正确运用DW和Ps ............................. 错误!未定义书签。 设计五课程设计心得................................. 错误!未定义书签。 第4章课程设计步骤 .................................... 错误!未定义书签。 设计一查找相关资料................................. 错误!未定义书签。 设计二利用Ps进行切片.............................. 错误!未定义书签。 设计三利用DW编辑.................................. 错误!未定义书签。
网页设计与制作_在线作业_F 最终成绩：90.0 一 判断题 1. (5.0 分) TRUE FALSE 知识点： 1.2 网站建设流程 用户解答： TRUE 2. (5.0 分) FALSE TRUE 知识点： 3.2.2 建立超链接 用户解答： TRUE 3. (5.0 分) TRUE FALSE 知识点： 3.3.1 CSS 语法 用户解答： TRUE 4. (5.0 分) TRUE 主页的文件名只能放在站点根目录下。（ ） 如果链接的目标文件不是HTML 文件，则该文件将作为下载文件。（ ） CSS 样式表位于XHTML 代码中的head 标签内。（ ） 网页内的CSS 样式创建之后，即对整个网站有效。（ ）
FALSE 知识点： 3.3.2 CSS 样式应用 用户解答： FALSE 5. (5.0 分) FALSE TRUE 知识点： 3.3.3 引用外部CSS 文件与导出样式表 用户解答： TRUE 6. (5.0 分) TRUE FALSE 知识点： 15.2.3 绘图工具箱 用户解答： FALSE 7. (5.0 分) FALSE TRUE 知识点： 19.3.1 帧动作 用户解答： TRUE 8. 要在网页中使用外部CSS 样式表，必须进行“附加样式表”的操作。（ ） Flash 中单击按钮 ，则黑色与白色互换。（ ） 要使Flash 中电影在播放磁头到达时间轴的某一帧时立即执行某个动作，则可以将动作分配给该帧。（ ）
(5.0 分) TRUE FALSE 知识点： 3.3.3 引用外部CSS 文件与导出样式表 用户解答： TRUE 二 单项选择题 1. https://www.doczj.com/doc/ef10829276.html, 是（ ）。 (5.0 分) 站点相对路径 根相对路径 绝对路径 文档相对路径 知识点： 3.2.1 路径 用户解答： 绝对路径 2. (5.0 分) 样式 打开窗口方式 缩进方式 地址 知识点： 3.2.2 建立超链接 用户解答： 地址 3. (5.0 分) 编辑外部样式表将影响到所有链接引用它的文档。（ ） 代码 中href 是（ ）的属性名。 书写CSS 样式时，要把相同属性和值的标签组合起来书写，应使用（ ）。
Dreamweaver网页设计与制作 一、课程性质与任务 本课程是中等职业学校计算机专业网络方向核心课程之一。本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计，包括新建、编辑和设置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS层叠式样式表；如何排版文字、表格和层；如何进行基本的图像处理；建立框架；模板和库的使用和编辑；网站的发布与维护等基本知识与应用。目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计。 本课程建议安排在二年级完成。 二、课程教学目标 1．了解WEB站点的工作原理； 2．了解、HTML、CSS的定义，概念和作用； 3．掌握HTML语言中的各种文本格式、字符格式、段落设置、列表、表单、框架、多媒体标记的作用； 4．掌握Dreamweaver应用软件的使用功能； 5．能熟练运用Dreamweaver应用软件；熟练掌握使用绝对和相对URL，创建超链接，图像链接，图像映射的建立方法； 6．掌握在网页中添加CSS、嵌入图像、声音、多媒体信息的方法； 7．熟练掌握表格的使用方法，学会利用表格设布局网页；掌握框架制作网页的方法，会使用框架设计网页；掌握制作表单的方法，会利用表单建立交互式页面；
8．能够按网页设计技术要求修改和调试JavaScript代码； 三、教学的内容及要求 本课程的教学内容由理论模块、实训模块两个部分构成。 1.讲授模块是由教师示范操作，让学生通过练习达到掌握操作的要求；总的教学时数为36-42学时。 2.实训模块是由教师布置实训任务，由学生分组共同完成，达到熟练掌握使用Dreamweaver设计网站的要求，教学时数为48-54学时。 理论模块 第一单元网页设计概述 第二单元创建Web站点 第三单元网页设计语言基础
《网页设计与制作》课程教案 一、课程定位 本课程是计算机应用技术专业的一门专业基础课程，该课程的学习能够提升他们对网页制作的兴趣，让他们学习网页制作的基本技能，为后继课程打下基础，同时扩展其就业面，为就业做好准备。 本课程的目的和任务是让学生学会Dreameaver CS6、Flash和Fireworks 的使用方法，并能够使用这3款软件制作出美观实用的网页。 二、课程总目标 掌握网页制作的基本方法和技能，掌握网站建设的流程，能够运用所学知识建设常用的网页和网站，同时能够美化网页，设计人性化、艺术化的网站静态页面部分。 （一）知识目标： 1.熟悉网页制作的基本元素； 2.掌握Dreamweaver CS6软件的基本操作方法； 3.掌握在网页中插入文字、图片、声音、flash等的方法； 4.掌握常见的网页布局方法，学会使用CSS美化网页； 5.掌握在网页中使用表单和制作网页特效的方法； 6.掌握简单图形图像的处理，能够制作符合网页主题的图片和简单动画 并巧妙地和网页中内容搭配起来。 7.掌握建设一个功能相对完善的网站的方法并能制作常用的网站的静 态页面部分。 （二）职业能力培养目标 1. 能够根据网站开发需求，去寻找网页设计和网站开发所需要的文字、 图片、动画、声音、视频等素材并作美化处理； 2．能够制作出符合主题色彩的网页，网页要求美化、被绝大多数浏览 者接受和喜爱；
3.能够设计企业网站、政府门户网站、学校网站等常见网站的基本静态 页面。 （三）素质目标 1.具有勤奋学习的态度，严谨求实、创新的学习精神； 2.具有良好的心理素质和职业道德素质； 3.具有高度责任心和良好的团队合作精神； 4.具有运用理论知识发现问题、分析问题并解决问题的能力，同时能够 不断学习，不断创新，让自己的设计越来越完善，有止于至善的精神。（四）职业技能证书考核要求： 可以根据自身情况考取“全国计算机信息高新技术资格证”，“网页设计制作员”，“网页设计师”等职业技能证书。 三、重点、难点章节及内容 1.重点章节： 1.2 网页、网站相关术语简介 1.6 网站建设的基本流程 2.3 Dreamweaver CS6的工作环境 3.2 创建本地站点 3.4 使用站点 3.5 网页设计中的规范 4.1 网页文件的基本操作 4.3 插入文本 4.4 插入水平线 4.5 插入其他基本元素 4.6 创建列表 5.1 超级链接概述 5.2 创建超级链接 5.3 使用dw制作各种超级链接
网页设计的案例分析 在我们美丽的地球村里，绿色随处可见，如草、叶等的绿。绿色象征着生命、青春与和平。绿色，是一种中性色，介于黄色与蓝色之间，是最适合人眼注视的色彩。由于接近自然的特性，绿色给人沉稳、平静、舒适的感觉。因此，绿色也是在网页设计中使用得最广泛的颜色之一。下面笔者就通过不同的绿色搭配方式来分析下绿色在网页设计中的色彩和文字颜色搭配。 绿色设计可以结合任何其他颜色，纹理和阴影，可以直观地改变用户的印象。添加纹理可以使颜色变暗，光滑的表面纹理则更加丰富性和富有深度。 1.绿色+白色+暗红色 如下图所示，主色调、辅色调HSB模式的数值可看出，主色调与辅色调是同一种色，只是在明度上有所不同，让页面多了些空间感、层次感。由于绿色本身的特性，所以整个网页看起来很清爽舒适。中间使用白色块面，拉开了两种绿色之间距离，增加了视觉节奏感。点晴色暗红色的加入为网页增添了一分光彩，极具诱惑感，页面瞬间活跃提神了不少，使得整个页面配色清新爽朗。 2.绿色同类色+多种点睛色 上图中用色较多，主色调为明度稍低的黄绿色，辅助色则为高明度的黄绿色，二者形成强烈反差，增加了页面层次感。此图的点晴色有4种，包括红色与主色调绿色、蓝色与橙红色，二者互相形成对比色。虽说点晴色较多，但都按色相环顺序出现在页面上，形过一个缓和的过渡效果，让人感觉到舒服而非突兀。整个页面色彩谐调，重点突出，层次分明，热闹多彩又不失井然有序。这样的网页配色方案的设计适用于小清新类的服装网站。现今的小清新取景都倾向于海边、公路，若是主色调仍是以白色、黄粉色为主，则会显得单调枯燥。在此笔者建议可以试试看绿色加上多色点睛色的配色方案，你会大有收获。 3.突出绿色+强暗色系 此图中大家一眼就能看出位于正中间的绿色植物，与周围纯度很高的黑色相比，这样的绿色显得醒目，形成鲜明的刺激对比。这两组色彩虽然不是严格意义上的对比色，但足够在页面中形成鲜明对比，整个页面瞬间被烘托得鲜活起来。就像是在油锅中加入水滴一样，瞬间显得生动，有效地突出网页前景。整个页面显得通透鲜活，主题鲜明。此外，加入了棕色和白色的，耀眼的绿色得到平衡，起到舒缓视觉的效果，有效平衡了绿色与暗黑色的强烈对比较果。