网页设计模拟试题及答案

第1题判断正误（10分）正确的用T表示，错误的用F表示，每题1分。

（1）HTML标记符通常不区分大小写。T

（2）网站就是一个链接的页面集合。T

（3）GIF格式的图像最多可以显示1024种颜色。F

（4）HTML表格在默认情况下有边框。T

（5）在HTML表格中，表格的行数等于TR标记符的个数。T

（6）创建图像映射时，理论上可以指定任何形状作为热点。T

（7）指定滚动字幕时，不允许其中嵌入图像。F

（8）框架是一种能在同一个浏览器窗口中显示多个网页的技术。T

（9）在HTML中，与表格一样，表单也能嵌套。F

（10）CSS样式表项的组成为：selector{property1:value1, property2:value2, ……} F

第2题选择题（20分）每题中只有一个选项是正确答案，每题4分。

（1）WWW是B的意思。

A．网页B．万维网C．浏览器D．超文本传输协议

（2）以下关于FONT标记符的说法中，错误的是：D。

A．可以使用color 属性指定文字颜色。

B．可以使用size属性指定文字大小（也就是字号）。

C．指定字号时可以使用1~7 的数字。

D．语句这里是2号字 将使文字以2号字显示。

（3）以下说法中，错误的是：D。

A．表格在页面中的对齐应在TABLE 标记符中使用align 属性。

B．要控制表格内容的水平对齐，应在TR、TD、TH 中使用align 属性。

C．要控制表格内容的垂直对齐，应在TR、TD、TH 中使用valign 属性。

D．表格内容的默认水平对齐方式为居中对齐。

（4）要创建一个左右框架，右边框架宽度是左边框架的3倍，以下HTML语句正确的是：B。

A． B．

C． D．

（5）以下有关表单的说明，错误的是：C。

A．表单通常用于搜集用户信息。

B．在FORM 标记符中使用action 属性指定表单处理程序的位置。

C．表单中只能包含表单控件，而不能包含其他诸如图片之类的内容。

D．在FORM 标记符中使用method 属性指定提交表单数据的方法。

第3题填空题（20分）每空2分。

（1）如果要为网页指定蓝色的背景颜色和白色的文字颜色，应使用以下html语句：

（2）

（3）在UL 标记符中使用③type属性，可以控制无序列表的项目符号样式。

（4）请至少说明GIF格式的两种特点：④；⑤。

（1）无损压缩；（2）至多256色；（3）能够使用透明色；（4）可以使用交错式格式；（5）可以使用动画；中的两种即可。

（5）请至少说出两种以上的图像处理软件的名称：⑥；⑦。

Windows 画图、Photoshop、Paint Shop Pro、PhotoDraw、Fireworks、Flash、Freehand 中的任意两种均可

（6）如果要创建一个指向电子邮件someone@https://www.doczj.com/doc/cd5618169.html,的超链接，代码应该如下：

指向someone@https://www.doczj.com/doc/cd5618169.html,的超链接

（7）在给图像指定超链接时，默认情况下总是会显示蓝色边框，如果不想显示蓝色边框，应使用以下语句：

（8）要在HTML 标记符中直接嵌入样式，应使用标记符的⑩style属性。

第4题问答题（20分）。

（1）简要说明html的基本工作原理。（6分）

答：HTML是用来表示Web文档的规范，是用于Web文档的格式化语言。HTML通过标记来标记要显示的网页中的各个部分，以通知Web浏览器应该如何显示网页，即确定网页内容的格式。浏览器按照顺序阅读HTML文件，然后浏览器根据内容附近的HTML标记来解释和显示内容，这个过程称为语法分析。例如，如果为某段文字添加了标记，浏览器将会以粗体字显示这段文字。

（2）简要说明使用网页图像时应注意的问题（6分）。

答：(1) 少而精。

（2）制作低分辨率图像，加快页面的下载时间。

（3）加入图片的替代文字，也就是图片的说明。

（3）简要说明表格与框架在网页布局时的区别（8分）。

答：（1）表格是在同一个网页中将页面划分为不同区域；

（2）框架是在同一个浏览器窗口中显示多个网页；

（3）框架可以通过指定超链接的目标框架获得交互式的布局效果。

第5题综合题（30分）每题10 分。

（1）已知网页如下图所示，其中表高度为150px，B单元格高度50PX，请将代码补充完整

（1）height=150（2）height=150（3）rowspan=2（4）colspan=2（5）height=100（6）200

（2）已知网页初始效果如图所示，整个窗口分为左右两框，左边框架为150像素；单击左边框架中的“文件1”超链接，将在右边框架中显示“内容1”；单击左边框架中的“文件2”超链接，将在当前整个窗口中显示“内容2”（即框架结构消失）。所有的超链接均没有下划线。请填写以下源代码中的空白。注意：所有5个文件都位于同一目录下。

-------------------index.htm-----------------

---------------content.htm-------------------

文件1

文件2

---------------main.htm---------------------

内容

----------file1.htm------------

内容1

----------file2.htm------------

内容2

（1）cols （2）"150,*" （3）content （4）A （5）"_top"

3、已知页面效果如图所示（其中的细线效果均为一像素粗细，颜色为灰色），请填写以下html代码中留下的空白。（10分）

（1）colspan="1" （2）align="center" （3）type="password" （4）checked （5）for="fp1"

网页设计与制作实例教程

网页设计与制作实例教程 习题答案 第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 二、简答题

网页设计说明书我的家乡--永昌

我的家乡—永昌展示网站 说明文档 题目：我的家乡—永昌 专业班级：11级计算机科学与技术2班 姓名：孙中军 学号：10240215 指导教师：朱爱红 成绩：

目录 第一章网页概述 (1) 1.1 网页简介 (1) 1.2网页组成 (1) 1.3网页设计思想 (2) 第二章网页设计思路 (3) 2.1 网页设计背景 (3) 2.2 制作工具选择 (3) 2.3 素材收集 (4) 2.4 网页设计内容构想 (4) 第三章网页内容简介 (7) 3.1 网页功能简介 (7) 3.2 网页主要功能描述 (7) 3.3网页的浏览 (7) 第四章网页设计 (9) 4.1 网页结构总图 (9) 4.2 各网页模块的组成 (10) 4.3 网页制作环境 (11) 4.4 网页设计思路 (12) 第五章网页制作 (13) 5.1 素材的加工制作 (13) 5.2网站的建立 (13) 5.3 网页设计 (14) 5.3.1主页设计 (14) 5.3.2“环境” (15) 5.3.3“历史” (16) 5.3.4“文化” (17) 第六章设计体会 (18) 致谢 (19)

摘要 【摘要】本网页主要用HTML语言编写，利用Macromedia Dreamweaver8.0作为开发工具，介绍了永昌县的历史、文化、民族、经济、地理、特产等基本概况，以图片和文字介绍相结合的方式，以网站浏览的方 式综合展示了永昌县的整体面貌，着重介绍了永昌的特色文化。 【关键词】网页设计说明书我的家乡永昌设计思路Dreamweaver8.0 Javascript语言

第一章网页概述 1.1 网页简介 网页，是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，网站就是由网页组成的。网页说具体了是一个html文件，浏览器是是用来解读这份文件的。 本次网页设计，主要用HTML语言编写，利用Dreamweaver8.0作为开发工具，中间插入了一些Javascript语言用以编制一些特效，如左右移动图片广告、显示当前时间等，主要介绍了永昌的历史、文化、环境、经济、地理、特产等基本概况，以图片和文字介绍相结合的方式，穿插一些视频媒体，以网站浏览的方式综合展示了将永昌的整体面貌展现给大家，着重介绍了永昌几大城市和特色文化。 1.2网页组成 1、主页 （1）永昌风景 （2）四大机构 （3）永昌特色 2、环境 介绍了永昌的自然生态环境。 3、历史 介绍了永昌的历史（清明时期）。 4、经济 5、气候 8、地理 介绍了永昌的地理概况。 9、经济 介绍了永昌2010年经济统计数据。

网页设计试题及答案

网页设计复习题 第1题判断正误 （1）HTML标记符的属性一般不区分大小写。（对） （2）网站就是一个链接的页面集合。（对） （3）将网页上传到Internet时通常采用FTP方式。（对） （4）所有的HTML标记符都包括开始标记符和结束标记符。（错） （5）用H1标记符修饰的文字通常比用H6标记符修饰的要小（错）。 （6）B标记符表示用粗体显示所包括的文字。（对） （7）GIF格式的图象最多可以显示256种颜色。（对） （8）HTML表格在默认情况下有边框。（错） （9）创建图象映射时，理论上可以指定任何形状作为热点。（对） （10）指定滚动字幕时，不允许其中嵌入图象。（错） 1.使用 FONT 标记符的size 属性可以指定字体的大小。 ( ) 2.网站就是一个链接的页面集合。 ( ) 格式的图象最多可以显示1024种颜色。 ( ) 4.制作图像映射只需要使用 标记符。 ( ) 5.在HTML表格中，表格的列数等于第一行中TH与TD的colspan属性的和。 ( ) 6.在HTML表格中，在TR、TD或TH标记符中使用 align 属性可以控制单元格内容的垂直对齐。 ( ) 7.指定滚动字幕时，不允许其中嵌入图象。 ( ) 8.框架是一种能在同一个浏览器窗口中显示多个网页的技术。 ( ) 9. CSS中的color属性用于设置HTML元素的背景颜色。 ( ) 样式表项的组成格式为：selector{property1:value1, property2:value2, ……} ( ) 1. T 2. T 3. F 4. F 5. F 6. T 7. F 8. T 9. F 10. F 11.只有在框架结构的网页，才能将A标记符的target属性指定为_blank使得超链接在一个新的浏览器窗口中打开. 错 判断正误

(完整版)《网页设计》课程教学大纲

《网页设计》课程教学大纲 一、课程说明： 课程类别：选修课 适用专业：工商管理、电子商务专业、信息管理与信息系统专业和计算机相关专业、艺术设计专业等。 计划学时：60学时（讲课24学时，上机实验36学时） 学分：4 先修课程：计算机基础 执笔： 审阅： 二、课程的教学目的 以培养应用型人才为目标，充分考虑远程教育学生的学习基础和学习特点。简单介绍HTML语言、CSS样式、javascript语言，全面介绍与网页设计制作有关的知识，通过对Web页制作技术和制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。并使学生具有解决一般网页制作问题的能力。掌握运用Dreamweaver CS6网页制作软件制作网页的方法，掌握运用Fireworks CS6、photoshop cs6图像处理软件进行网页中图形制作版式设计及切片的应用。掌握运用flash CS6动画制作软件设计网页中动画的方法，进而掌握将这四个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作工作打下基础。 三、课程教学基本要求： 1、课程重点 掌握网页制作三剑客Dreamweaver、Fireworks、flash及photoshop在网页设计过程中的应用，使学生具备网站策划、网页设计与制作、效果图设计与制作等方面的技能，提高学生分析解决问题能力和项目实施能力，注重学生在学习和实践过程中职业素质的养成。通过学习，使学生熟练掌握运用Dreamweaver网页制作软件制作网页，掌握运用Fireworks、Photoshop图形图像处理软件进行网页中图形图像的设计与制作，掌握运用flash动画制作软件设计网页中动画的方法。 2、课程难点 （1）理解HTML语言各种文本格式、字符格式、段落设置、列表、标记的作用； （2）理解CSS样式表中属性单位的作用和意义； （3）理解javascript语言脚本程序的工作方式； （4）深入理解超级链接、图形图像各种功能和应用； （5）深入理解表格、AP Div、框架、表单的作用； （6）深入理解模板、库、行为和脚本的高级应用； （7）理解网站测试的目的和测试方法； （8）深入理解“切片”和“热点”的涵义和应用； （9）深入理解动画的组成“时间轴”、“场景”、“帧”的涵义及各种动画的制作； （10）理解使用图像设计软件进行版式设计的方法。 3、能力培养要求 （1）了解HTML语言的基本内涵。理解基本标记的用法； （2）掌握在网页中添加CSS样式的方法。熟练使用CSS设置网页格式和列表的格式； （3）熟练掌握网页中文本的输入、特殊字符的插入及字符格式的设置方法； （4）掌握在网页中嵌入图象和多媒体的方法；

精品网页设计欣赏及评析

精品网页设计欣赏及评析 1.商业清爽型 国外现在较流行的风格，国内也有不少模范者，可是往往在色彩调配和细节方面有所欠缺。图一图二特点：利用方框构图，简介明了，图片一般大面积出现，但图片一定要结构清晰，色彩鲜明色彩方面多使用大面积浅灰度和白色，以衬托logo 和配图的色彩鲜艳，配以高明度小小色块（如导航处）。因为结构构图简单，细节方面一定要讲究，不适宜有过于复杂的logo 和点缀出现，多用简洁明快的几何图形结合。一般此类风格背景如果是彩色，都会是低纯度低亮度彩色，以反衬主题图片和logo。在大面积背景压住的情况下，图片明度越高越爽。画面应该有一个主色调。注意图二左下脚的logo，有意与背景色调相同，以免抢了视觉中心，这是很多人常犯的错误。图三注意细节图案的使用，这是大多数设计者弱点所在，细直线条与箭头、方块、园点不要乱用，每个点的存在你都要有理由。 2. 商业门户型现在的商业门户网站在几乎都是三栏，上面是logo＋banner 。其实门户网站因为信息大，更新频繁，在设计时应该充分考虑可扩展性，我认为可以充分利用下拉特性，充分考虑左上位置的设计，主体争取结构明了简洁。下面我们一起来看看几个门户网站的设计。图四所示的这个网站是卡通网站，广告栏很大，但通过精心设计使之醒目而不凌乱。图片统一使用斜角，统一又不呆板。图五所示网站使用曲线与直线的结合，蓝灰色主色，画面沉静而不脏，这里的色彩难度很高，需要细心调试，色块分割，简单明了。图六所示网站主题部分简之又简，在背景上做足了功夫，轻轻的灰度变化，是现在国际流行的风格，高雅，不花，充分烘托主体。图四图五图六 3. IT 企业实用模板图七图八图九图十 4. 时尚企业网站模板图十一图十二 5. 主题型实用网站模板图十三上图所示模板其logo 和图片以及其绿色的主色调与动物园的环境和业务非常贴切。美食业务主题网站，布局合理大方，整体设计“色香味”俱全，主题鲜明，功能齐全。 6. 学校教育型模板图十四图十五 7. 儿童主题型网站模板图十六图十七图十八图十九 8. 个人个性化网站模板 以下的10个网页设计作品是ThemeForest上最受欢迎的优秀企业网站设计模板的其中一小部分。它们风格低调沉稳，几乎只使用黑白灰三种色彩，却不雷同，并且在细节上都非常讲究。ThemeForest是非常值得网页设计师关注的高品质网站，其上的几乎每一个设计模板都称得上是杰出的设计作品，值得我们认真揣摩学习。这篇文章里我将根据自己的观点对这10个设计模板的设计思路和方法做一总结，列出其中的要点，挖掘值得我们在网页设计中值得借鉴的东西，希望能够对大家有所帮助。

Fireworks-网页设计综合实例

Fireworks-网页设计综合实例

Fireworks 网页设计综合实例 在本文中我们将帮助您亲身体验Fireworks 在网页创作中的强大功能，我们通过一个网站页面的设计过程，为您详细介绍Fireworks在网页设计的不同阶段是如何处理各种不同任务的。通过解决您所遇到的每一个具体的任务，您将对Fireworks的主要功能有一个统一的全局性的了解，同时为您在设计中如何利用Fireworks 提供一个清晰的思路。下图是这个教程完成后的外观： 我们将根据这一个典型网站其中一个页面设计流程，使您逐步学习到以下内容： 1、导入并编辑位图图像。 2、自动任务处理

3、创造矢量图形 4、创建文字 5、创建按钮 6、创建导航条 7、设定按钮属性 8、建立切片 9、创建拖拽翻转效果 10、创建弹出菜单 11、创建变形动画 12、优化图像 13、输出HTML文件到Dreamweaver 14、在Dreamweaver中进行往返表格编辑 一、设计前准备 1、网站介绍： 在教程介绍之前首先让我们来看一下我们将要完成的主要任务。这是一个服饰公司的企业网站设计，公司主要以男式服饰为主，同时也兼顾部分女士服饰。网站的主要任务是帮助浏览者了解公司的基本概况和产品信息，并作为公司的

一个展示窗口，向参观者展示企业的形象及产品系列。根据业主的要求，网站包含了企业概况、企业人才、产品展示、公司荣誉以及联系方式。我们将以此得到网站的导航结构。 2、设计指导思想： 本网站设计的指导思想是在网络上营造一 个优雅、高贵、宁静的氛围，为了体现这一主题，设计者将纹理、景深、光影、基调与有形的模特照片和静态的文字结合起来，更多的使用直线、坚硬的边缘、暗的色调来组成网站界面。页面中以较大面积的男性模特图片突出男式服饰这一 主题，以穿插的直线段体现一种服装纹理的感觉。公司的名称则以一种柔软光滑的粗倩体来表现，以打破整个页面的坚硬感，同时以白色突出企业名称，达到非常亮眼的感觉。 3、页面结构： 整个网站采用统一的结构，分为上下两个部分，上面为网站的导航条，下面左边以不同的男式服饰图片及文字标题表示各页主题。右边为内容区，以深色带条纹的图片作为背景。

网页设计说明书

设计说明书 需求分析 目标定位 a、制作这个的目的是为了方便我们学院的新生与老生能快速浏览的我们学校的基本情况， 了解我们学校所有好玩，有趣的事情。 b、本的主要职能是实时为新生提供部分新的资讯。 c、本所面向的用户是所有进入我校的同学以及想要了解我们学校的用户。 用户分析 a、使用本的用户主要是想要了解我们学校的所有信息，并且能够为他们提供所需的生活所 需的信息。 b、他们最想本为他们提供校外的所有资讯，包括饮食，住宿，景点旅游等。 c、本制作容架构清晰，避免过多的文字介绍造成用户过多阅读的麻烦。 d、用户可以每天浏览我们为其提供的实时热点以及校外最新的资讯，比如：校园通知、饭 堂价格等。 市场前景 a、本的市场需求在于为本校师生以及想要了解我校的用户提供最便捷，最新的信息。 b、基于前面的分析，决定了本的设计风格要简明、清晰；主题围绕着学生所需而开展。

容策划 a、本往主要经营的容是：校园文化、校园资讯、美食住宿、周边景点等主题。 b、基于以上主题，其中重点制作的是校园文化和美食住宿；而辅助的是校园资讯等主题。对于网页如此划分的目的是，使用本的用户都是想要了解我们学校于他们息息相关的事情，无论是新生、老生还是其他用户，都想知道我们学校有哪些特色的文化和美食。文化可以增进他们知道我们学校的最近的文化活动生活。而美食，则能吸引更多的学生来了解我们学校的吃货，这对于新进校园的新生有着极强引导作用。 界面设计 a、对于每个版块的设计都有着其不同的元素，首页，主要突出网页围绕的主题设计导航， 并且使用简单明了的文字对学院做出说明；而二级页面，则分为六个版块，每个版块都有着不同的设计元素来突出其主题；对于三级页面，由于其划分表达容上得较为详细，所以社体元素较为单调以图文介绍为主。 b、全版设计所使用的元素极为简单，主要以框架、线条、设计，在此基础之上配合色彩、 阴影、重叠、浮动、定位等的元素来协调画面风格。 c、对于次级页面的导航栏设计，是浮动置于页面的底部，这样设计的效果是让用户浏览简 洁方便，而且导航栏不会占据页面的容。

网页设计与制作选择题讲解学习

网页设计与制作选择 题

1、下列选项中支持透明的图片文件格式是_______。 （A）、 BMP （B）、 TIFF （C）、 GIF （D）、 JPG 正确答案： C 2、以下HTML标记中，________是双标记。 （A）、 img标记 （B）、 hr标记 （C）、 p标记 （D）、 br标记 正确答案： C 3、有关标记，正确的说法是________。 （A）、位置在网页正文区内 （B）、在文件头之后出现 （C）、中间放置的内容是网页的标题 （D）、表示网页正文开始 正确答案： C 4、网页是用__________语言编写，通过WWW传播，并被WEB浏览器翻译成为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一体的页面文件。（A）、 C++语言 （B）、 HTML语言 （C）、 Basic语言

正确答案： B 5、关于首页和主页，不正确的说法是______。 （A）、浏览网站时最先访问的页为首页 （B）、首页和主页可以是同一页 （C）、首页就是主页，没有区别 （D）、主页是整个网站的导航中心 正确答案： C 6、在Dreamweaver中，表格的宽度可以被设置为100%，这意味着______。 （A）、表格的宽度为100mm （B）、表格宽度为100个像素点 （C）、表格的宽度会随着浏览器窗口大小的变化而自动调整 （D）、表格的宽度是固定不变的 正确答案： C 7、在创建一个Dreamweaver模板时，必须在该模板中加入一个________，以便在把该模板套用到某个网页后，网页能被正常使用。 （A）、可控制区域 （B）、可套用区域 （C）、可复制区域 （D）、可编辑区域 正确答案： D 8、网页文件的扩展名为______。 （A）、 GIF

网页设计作品设计说明

湖南软件职业学院《网页设计》期末作品设计说明书 课程名称：网页设计期末作品设计说明书 设计题目：某律师团队专业法律服务网 专业班级： 学生姓名： 指导教师： 起止日期：

某律师团队专业法律服务网网站制作说明 一、网站开发目的和功能简介 随着网络技术的发展与互联网的普及，网站建设与网页制作越来越来成为各行各业以及个人宣传自己的有利工具。门户网站越来越称为律师行业进行…………（略） 二、网站的总体设计 2.1网站名称：某律师团队专业法律服务网 2.2网站栏目划分： 根据本网站的目的和功能规划网站内容，包括如下信息： （1）关于我们：介绍相关律师信息，事务所信息，收费标准…………（略） （2）法律服务：…………（略） （3）法律文书：…………（略） （4）律师手记：…………（略） （5）经典案例：…………（略） （6）在线服务：…………（略） 具休如下图示：

2.3网站导航应用于所有页面提高网站的操作友好性。 2.4网站的风格与色彩选择：页面以浅绿色为背景，黑白灰三色为主体。浅绿色体现了本律师事务所的活力，字体用黑、白、灰色给人一种清析、稳重的感觉。所有页面色调统一，布局相似。 2.5网站目录结构设计合理：不同素材采用不同学文件夹分开存放。如声音放在sound 文件夹、图片放在images文件夹，照片放在photos、FLASH动画放在flash文件夹、样式表文件放在CSS文件夹中、作业成果图放在works等。 三、网站的总体设计 3.1 LOGO设计 Logo应体现律师行业庄重、严谨的形象。本LOGO以暗绿色为背景，金黄色为前景，…………（略） 3.2首页的制作过程 版面分栏结构，即页头、导航栏、FLASH展示、相关内容、版权（如下图）

网页设计选择题及答案..

网页制作基础试题 一、单项选择题(本大题共20小题，每小题1分，共20分) 1.目前在Internet上应用最为广泛的服务是( B ) A.FTP服务 B.WWW服务 C.Telnet服务 D.Gopher服务 2.在域名系统中，域名采用( C ) A.树型命名机制 B.星型命名机制 C.层次型命名机制 D.网状型命名机制 3.IP地址在概念上被分为( B ) A.二个层次 B.三个层次 C.四个层次 D.五个层次 4.在网站设计中所有的站点结构都可以归结为( B ) A.两级结构 B.三级结构 C.四级结构 D.多级结构 5.Web安全色所能够显示的颜色种类为( C ) A.4种 B.16种 C.216种 D.256种 6.为了标识一个HTML文件应该使用的HTML标记是( C ) A. B. C. D.

的作用是( B ) A.标题标记 B.预排版标记 C.转行标记 D.文字效果标记 10.在DHTML中把整个文档的各个元素作为对象处理的技术是( C ) A.HTML B.CSS C.DOM D.Script(脚本语言) 11.下面不属于CSS插入形式的是( A ) A.索引式 B.内联式 C.嵌入式 D.外部式 12.使用FrontPage时，如果要检查网页的超链接是否正确有效，可以使用( C ) A.网页视图 B.超链接视图 C.报表视图 D.导航视图 13.如果站点服务器支持安全套接层(SSL)，那么连接到安全站点上的所有URL开头是( B ) A.HTTP B.HTTPS C.SHTTP D.SSL 14.下列描述错误的是( B ) A.DHTML是HTML基础上发展的一门语言 B.根据处理用户操作位置的不同，HTML主要分为两大类：服务器端动态页面和客户端动态页面 C.客户端的DHTML技术包括HTML4.0、CSS、DOM和脚本语言 D.DHTML侧重于Web的内容的动态表现 15.对远程服务器上的文件进行维护时，通常采用的手段是( B ) A.POP3 B.FTP C.SMTP D.Gopher 16.下列Web服务器上的目录权限级别中，最安全的权限级别是( A ) A.读取 B.执行 C.脚本 D.写入 17.XML描述的是( C ) A.数据的格式 B.数据的规则 C.数据的本身 D.数据的显示方式 18.Internet上使用的最重要的两个协议是( B )
门户网站界面设计方案-策划方案网
门户网站界面设计方案-策划方案网https://www.doczj.com/doc/cd5618169.html, 一、编写目的 该方案主要是为了给天天好菜网界面设计者提供一个概括性的内容，让设计者更深入了解天天好菜网这个平台。 二、网站介绍 天天好菜网是一个综合性的商务服务平台，主要准对居住在中大城市的家庭主妇提供网上买菜、家庭营养分析、健康饮食资讯、学做菜、娱乐积分换礼品。引导用户树立科学营养的饮食观念，让用户吃得放心、买得实惠、玩得开心。 以“蔬菜配送”为主要经营，以“方便大众”为经营理念，以“安全、新鲜、快捷、实惠”为服务宗旨，以客户利益最大化，立足于新兴行业。 品种齐全、质优价廉，有专门的蔬菜供应基地，这样不但减少了流通环节，而且保证了蔬菜的新鲜。无论份量多少，只要预订，我们将以最及时、最快捷的方式送货上门，并以最新鲜的、安全的蔬菜满足客户的需求。 秉承公道、诚信、价优、物美来迎接更多的挑战，以求做的最好，赢得更多人的信任，把真正的方便带给大家。 三、对设计的要求 界面一定要美观大方、功能简单实用、富有主题，注重每个细节，每一个栏目、图片、动画、线条、功能按钮都要有文字说明，写明你的设计理由和设计表达的思想。要考虑与用户的交互性，可以用一些flash动画、gif动态图片、js效果等。让整个页面变得生动起来，特别是首页，做为吸吲用户眼球的第一个窗口，一定要本着以上的设计理要求，抓住现代家庭主妇的心理需求、把她们停留在这个网站。 四、功能频道栏目规划 1.频道介绍
2.功能栏目
五、Logo设计（150元） 1. LOGO的样式应简洁、大方、大气，包含天天好菜、天天好彩的内含及经营特色。 2. LOGO设计作品应构思精巧，简洁明快，富有内含，色彩协调，健康向上，有独特的创意，易懂、易记、易识别，有强烈的视觉冲击力和直观的整体美感，有较强的思想性、艺术性、感染力和时代感。 3. 色调、构图、设计工具不受征集人局限，由设计人自由发挥，设计人可根据自己的理解和喜好进行创作，并应提供有多种配色的方案供选择。 4.设计的LOGO将应用于公司的徽标、网站宣传册、网站、名片、vip会员卡； 5.中标作品请提交完整的、可用的矢量图形源文件（如PSD格式图片）或矢量格式的.ai .fla .cdr 原图，并且告诉我们所用到的相关字体； 6.设计之前一定要写出详细的设计方案，写明你每一个细节的设计思想及理由。 著作权说明： 1 、所设计的作品应为原创，未侵犯他人的著作权；如有侵犯他人著作权，由设计者承担所有法律责任。完成的LOGO 设计不应与著名商标或常用图标/ 徽标雷同或类似（如进行商标注册时因与其它已注册了的商标类似而不能注册时，设计者应免费将LOGO 进行调整与修改，直到本公司认可与满意）； 2 、选中的设计作品，我方支付悬赏金后，即拥有该作品知识产权，包括著作权、使用权和发布权等，有权对设计作品进行修改、组合和应用. 六、对技术上的要求 1.界面全部采用div+css进行布局，样式写成相关文件 2.DIV+CSS+js+AS等编码必须有注释说明，遵循web2.0标准规范 3.必须兼容目前主流的浏览器，如IE、火狐、傲游、Mozilla/Netscape、Opera等 七、相关设计作品 说明：以下首页设计作品是公司美工设计的，但是界面设计大过于复杂，有点像门户网站，不是我们想要的效果。 效果1.1：
学网页设计从哪开始
学网页设计从哪开始 学网页设计从哪开始。现在网页设计发展成为目前最具前景的行业之一，越来越多的人想要学习网页设计从事相关行业的工作。对于大多数新手学员来说，刚开始接触网页有种无从学起的感觉，不知道从哪里开始学起。IT新时空建议新手学员，找一个专业的网页设计培训机构，在老师的带领下入门学习，是最快最好的方法。 武汉IT新时空网页设计学生作品 网页设计学习内容： 一、基础课（选修） 无基础免费补习基础课程，办公自动化，电脑维护等课程。 二、设计软件 学习内容：Photoshop、Flash、Dreamweaver、Fireworks、网页强化（DIV+CSS） 三、网页网站美工提高+实战 1、网站策划 2、界面设计（前台美工效果图设计） 3、布局设计（前台美工页面制作） 4、程序开发（后台程序功能开发） 网页设计就业前景： 在互联网越来越深入到生活中每一个角落的年代，网页的表现形式就如同以前书本上的文字，传达着的是网络语言，每一条线、每一个色块、每一种版式、每一种组合都传递给阅读者一种感觉。实际上网页的表现形式已是互联网至关重要的元素，这些工作都是由网页设计师来做的，是一种创造性、有成就感的工作，更是不可或缺的职业。 做网页设计师，有创造的快乐，也有很多无奈。如果做的是公司内部网站的设计，或是维护自己公司的网站，定期的改版，图片FLASH的增加等工作，那还好，自己内部嘛，通常沟通的清楚，自己的创意可以得到更多的尊重。如果是给客户做网站，即使是理解客户的所谓需求，作出来的东西常被客户指指点点，有任人宰割的感觉，但这没办法，出钱的都是爷，
客户是上帝，客户永远是对的。不必要在心里品评客户的品味，大千世界，人各有所好。要紧的是耐心地与客户沟通，尽管有时客户也说不清到底想要的是什么，更有甚者，需求也老是在变，直至最后的境况通常是你怎么说我就怎么做了，唉，这也是作为网页设计师的无言的结局。 在我们国家互联网开始的时间只有十几年，现在还没有那种老设计师，我们设想一下未来，若干年后，会不会有退休了的网页设计师，干了一辈子的网页设计？就象以前退休的钳工一样，还是再过若干年后网页就不用设计了，就是自动生成了，还是简单的就象现在写字，人人都会，根本不需要专人设计。未来会怎样，究竟谁知道，在这飞速发展的信息时代，一切皆有可能。如果是前者，难道这是网页设计师的一生？如果是后者，如果不做网页设计，我们做什么？以上内容由IT新时空网页设计培训学校整理发布，转载请注明来源。
摄影网站设计说明书
摄影网站设计说明书
WEB编程基础网站开发 设计说明书 设计题目：摄影网站 姓名：李家东 学号： 20101080114 班级： 10微高 指导教师：毕老师 完成日期： 2011-12-12
目录 前言 .................................................................................................. - 2 - 一、网站的规划 .............................................................................. - 2 - 1.1 网站的整体规划............................................................. - 2 - 1.1.1 网站定位.......................................................... - 2 - 1.1.2 网站版块的设置.............................................. - 3 - 1.1.3 网站设计的相关技术...................................... - 3 - 1.2 网站的功能设计........................................................... - 3 - 1.2.1 首页功能.......................................................... - 3 - 1.2.2 副页功能.......................................................... - 4 - 二、网站的设计与制作.................................................................. - 4 - 2.1 首页布局设计的特点................................................... - 4 - 2.1.1 logo设计.......................................................... - 5 - 2.1.2 Banner的设计 ................................................ - 5 - 2.1.3 导航的设计.................................................... - 6 - 2.1.4 栏目设计........................................................ - 7 - 2.1.5风格与色彩单配................................................. - 8 - 2.2副页布局设计特点.......................................................... - 8 - 三、创新亮点 ................................................................................ - 10 -
网页设计学习心得总结
网页设计学习心得总结网页设计培训总结 网页设计学习心得总结【一】 记得最初接触dreamweaver的时候，我很茫然，因为刚接触陌生的软件心里会很害怕跟不上老师的进程。刚开始几节课，老师讲得比较基础，还能跟得上，渐渐的老师授课的进程开始加速，有些跟不上了，需要下课后自己补上，问老师和周围的同学。渐渐的，在老师的悉心教导下，我们开始熟悉这个软件了。老师布置的第一个任务，要求做一个自我形象网站。由于学习的时间较短，老师只要求用PS做好模板即可，任务相对简单。但也要求设计感强，色彩搭配和谐，并且尽可能的做成实用又符合实际的漂亮网页。 第二个网页设计老师要求相对较高，用dreamweaver做一个比较接近真实的网页，还要做一个二级页面。于是开始收集各方面的资料。确定了主题就开始布局了。最开始使用了一个表格，然后在表格内进行拆分合并处理，接着就把通过ps处理出来一个版头并且把修改过大小的图片放进去了。 中间时预览，问题出现了，发现版头与下面的图片文字之间出现了很大的一段距离，但是在软件中已经把距离缩小为0了，多次尝试后没有效果。最后想到可以另外再加一个表格，把版头放在一个表格内面，这样问题就解决了。预览是效果还不错。但是总觉得首页
做得太普通，一次浏览学长做的网页时，觉得他们的文字滚动窗口做得效果做得不错，于是想借见一下。就决定把自己网站的左边修改修改。复制了他的代码，把上面的内容修改成我的网站需要的文字。本以为可以轻松的完成，但是却出现大问题了。 因为需要滚动的文字占的空间太大，把左边的那部分表格全部占满了，而在实际的网页预览中，这个有文字滚动的框只占了左边Oeasy教你玩转网页设计浏览的工具建站程序三分之一，左边有三分之二留白了。我就想可不可以把文字这样一层层的放在上面，试了很多方法，在网站查了很多资料，可能因为没有专业术语作为搜索的关键词，查不到任何相关的资料，试过div标签，试过不停的拆分表格，最后还是没有效果。 就这样试着试着，突然想到了层这个概念。于是在布局中点击了绘制层，结果成功了，经过一些加工，终于成功的完成左边的布局。印象还比较深刻的是插入声音，记得老师曾经给我们讲过很多次怎样插入声音，可是等到自己做网页的时候却忘记了，于是问其他人，结果居然都忘记了，于是自己在百度上收。 最后终于找到了一个可以使用的代码，但是在加入声音路径时出现了问题。在属性内加入源文件，结果就是加不进去MP3的音乐文件，然后自己就尝试加入了一个视频，记下了路径格式，然后照着这种格式写下了指向声音源文件的路径，最后成功了。在设计过程中
网页设计经典作品欣赏
____________________________________________________________________________________________ 网页设计经典作品欣赏 大同小异的网页设计已经让你视觉疲劳了吧，加入不规则几何形状的网页设计也许能让你的眼睛重获新鲜感。几何元素的融入不仅让网页变得高大上，也在无形中突出了网页中的某些内容，这样的突出方式并不单薄无力，反而让网页看起来更自然。一网学，致力于网页设计培训、UI设计培训、淘宝美工培训，平面设计培训，是最好的远程设计培训学校。 没有人会对沉闷的网页产生兴趣，而几何图形恰巧能在增强视觉体验的同时营造出活跃的氛围。我们为大家找到了14个融入了几何元素的网页设计，尽情享受吧！ Ondo Ondo的网站选用了较为鲜艳的色彩，再加以特别的效果，让用户在浏览时得到了一种别样的视觉感受。如果上一个案例表达了宁静的主题，那么Ondo表达的就是城市中的现代繁华。 Wildlife 这个网站中的几何元素体现在各方各面，既有设计师的设计，同时，局部也拼凑了一些包含几何元素的真实图片。我们可以看出该设计师对不规则元素十分热爱，图片本身的形状也不是传统的中规中矩，让整个页面多了一种拼贴感。
____________________________________________________________________________________________ Wixel Wixel的网站运用了几何元素，增加了现代化元素。
____________________________________________________________________________________________ Kinder Fotografie 几何元素的叠加使用使画面富有层次感，大小不一的正六边形更是增添了活力。 LIGAYA SCAFF 几何元素的作用比较多元化，随着周围坏境色彩的变化，它也能随之显现出完全不同的效果。在这个案例中，几何元素释放了它的神秘感。半透明的图片设计让网页有了重叠感，而规则的几何也不会让网页很繁复。
网页设计说明书
盛年不重来，一日难再晨。及时宜自勉，岁月不待人。 设计说明书 需求分析 目标定位 a、制作这个网站的目的是为了方便我们学院的新生与老生能快速浏览的我们学校的基本 情况，了解我们学校所有好玩，有趣的事情。 b、本网站的主要职能是实时为新生提供部分新的资讯。 c、本网站所面向的用户是所有进入我校的同学以及想要了解我们学校的用户。 用户分析 a、使用本网站的用户主要是想要了解我们学校的所有信息，并且能够为他们提供所需的生 活所需的信息。 b、他们最想本网站为他们提供校内外的所有资讯，包括饮食，住宿，景点旅游等。 c、本网站制作内容架构清晰，避免过多的文字介绍造成用户过多阅读的麻烦。 d、用户可以每天浏览我们为其提供的实时热点以及校内外最新的资讯，比如：校园通知、 饭堂价格等。 市场前景 a、本网站的市场需求在于为本校师生以及想要了解我校的用户提供最便捷，最新的信息。 b、基于前面的分析，决定了本网站的设计风格要简明、清晰；主题围绕着学生所需而开展。
内容策划 a、本往网站主要经营的内容是：校园文化、校园资讯、美食住宿、周边景点等主题。 b、基于以上主题，其中重点制作的是校园文化和美食住宿；而辅助的是校园资讯等主题。对于网页如此划分的目的是，使用本网站的用户都是想要了解我们学校于他们息息相关的事情，无论是新生、老生还是其他用户，都想知道我们学校有哪些特色的文化和美食。文化可以增进他们知道我们学校的最近的文化活动生活。而美食，则能吸引更多的学生来了解我们学校的吃货，这对于新进校园的新生有着极强引导作用。 界面设计 a、对于每个版块的设计都有着其不同的元素，首页，主要突出网页围绕的主题设计导航， 并且使用简单明了的文字对学院做出说明；而二级页面，则分为六个版块，每个版块都有着不同的设计元素来突出其主题；对于三级页面，由于其划分表达内容上得较为详细，所以社体元素较为单调以图文介绍为主。 b、全版设计所使用的元素极为简单，主要以框架、线条、设计，在此基础之上配合色彩、 阴影、重叠、浮动、定位等的元素来协调画面风格。 c、对于次级页面的导航栏设计，是浮动置于页面的底部，这样设计的效果是让用户浏览简 洁方便，而且导航栏不会占据页面的内容。
《Dreamweaver网页设计》综合练习题(二)及答案
《Dreamweaver网页设计》综合练习题（二）及解答一、选择填空题（每空2分，共20分） 1．HTML 2．URL 3．ICP 4．SGML 5．CSS （_____）网络内容服务商 （_____）网络内容服务商 （_____）标准通用标记语言 （_____）统一资源定位符 （_____）超文本标识语言 答案： （___3_）网络内容服务商 （__5_）网络内容服务商 （__4_）标准通用标记语言 （___2__）统一资源定位符 （___1_）超文本标识语言 1．标签 2．标签
 3．标签 4．标签 5．标签
 （____）指定链接地址 （____）图片标记 （____）表单 （____）无序列表 （____）框架标记 二、单项选择题（每个题只有一个选项是正确的。每题3分，共45分） 1、如下所示的这段CSS样式代码，定义的样式效果是（）。
a:link {color: #ff0000;} a:visited {color: #00ff00;} a:hover {color: #0000ff;} a:active {color: #000000;} 其中#ff0000为红色，#00000为黑色，#0000ff为蓝色，#00ff00为绿色 A．默认链接色是绿色，访问过链接是蓝色，鼠标上滚链接是黑色，活动链接是红色B．默认链接色是蓝色，访问过链接是黑色，鼠标上滚链接是红色，活动链接是绿色C．默认链接色是黑色，访问过链接是红色，鼠标上滚链接是绿色，活动链接是蓝色D．默认链接色是红色，访问过链接是绿色，鼠标上滚链接是蓝色，活动链接是黑色答案： D．默认链接色是红色，访问过链接是绿色，鼠标上滚链接是蓝色，活动链接是黑色2、下图为Dreamweaver 8的新建文档页面，一般情况下，创建完全空白的静态页面应选择（）。 A．基本页类别中的“HTML”选项 B．基本页类别中的“HTML模板”选项 C．动态页类别中的选项 D．入门页面中的选项 参考答案：A 3、在Dreamweaver 8中，设置超级链接的属性，目标设置为_top时，表示（）。 A．新开一个浏览窗口来打开链接 B．在当前框架打开链接 C．在当前框架的父框架中打开链接 D．在当前浏览器的最外层打开链接 参考答案：D 4、在Dreamweaver 8中，下面的操作不能实现插入到下图浅黄区域一行的是（）。 A．将光标定位在第三行单元格中，选择“修改”菜单下“表格”子菜单中的“插入行”命令B．在第三行的一个单元格中单击鼠标右键，打开快捷菜单，选择“表格”子菜单中的“插入行”命令 C．把光标定位在最后一行的第一个单元格中，将该单元格拆分为两行
网页设计学习总结
网页设计学习总结 网页制作学习心得体会 刘少波 xx2211111xx4 转眼间，我已经学习《网页设计与制作》这门课程一个学期了，虽然时间有点短，但是这个学期以后我受益匪浅。 记得最初接触dreamweaver的时候，我很茫然。因为以前从来没有见到过这种格式的软件操作窗口和如此多的陌生名词，只能用鼠标到处乱点。并且刚开始几节课，老师并没有给我们讲关于如何去使用这个软件的知识，基本上每几课有90%的时间在给我说一些有关电脑的基本知识和如何学习软件的操作，当时觉得没什么用，甚至有点反感，害怕一个学期以后没什么收获，最后问了一下周围的同学，原来大家都有这样的想法。 渐渐的，在老师的悉心教导下，我们开始熟悉这个软件了。然而一个学期也快结束了。最后几节课，老师布置了一个任务，要求做一个网站。虽然学了一个学期，但是我觉得我的能力完全没有这么高，做个网站真的很不容易。
最开始是确定主题。我一直都想不出应该做一个关于什么的网站，一次，一个朋友告诉我她在省博物馆，叫我帮她查一下勾践剑在哪个展厅。打开百度，我以外的发现省博物馆的网站进不去，于是突然想到可以做一个与博物馆有关的网站。于是开始收集各方面的资料。 确定了主题就开始布局了。最开始使用了一个表格，然后在表格内进行拆分合并处理，接着就把通过ps处理出来一个版头并且把修改过大小的图片放进去了。预览时，问题出现了，发现版头与下面的图片文字之间出现了很大的一段距离，但是在软件中已经把距离缩小为0了，多次尝试后没有效果。最后想到可以另外再加一个表格，把版头放在一个表格内面，这样问题就解决了。预览是效果还不错。 但是总觉得首页做得太普通，一次浏览学长做的网页时，觉得他们的文字滚动窗口做得效果做得不错，于是想借见一下。就决定把自己网站的左边修改修改。复制了他的代码，把上面的内容修改成我的网站需要的文字。本以为可以轻松的完成，但是却出现大问题了。因为需要滚动的文字占的空间太大，把左边的那部分表格全部占满了，而在实际的网页预览中，这个有文字滚动的框只占了左边的 三分之一，左边有三分之二留白了。我就想可不可以把文字这样一层层的放在上面，试了很多方法，在网站查了很多资料，可能因为没有专业术语作为搜索的关键词，查不到任何相关的资料，试过div
        

            
相关主题
            

                

                    

                            
网络及网页设计选择题
                            
网页设计学
                            
网页设计综合实例
                            
网页设计作品设计说明
                            
网页设计与制作选择题
                            
经典网页设计欣赏
                    
                
            
        
        

            
文本预览