传智播客网页平面设计学院-网页设计-网页导航制作 2

导航在网站设计中占有举足轻重的地位，导航是整个站点中（特别是门户站）视觉的焦点和中心，其影响力仅次于Banner!导航的成败直接影响了整个站点的表现，不管是企业站，还是Flash站点，都不应该轻视导航的设计！

在这里我就大概讲一下质感类导航的制作方式！

我们可以把导航的质感分为几层，例如高光，泛光，点光，投影等，也就是基本一个实物应该具备的一些效果，把他们综合到界面上，就可以比较好的展现出界面的质感，详细请看下图！

当然这种效果的制作的方法很多，那么我就按着我的个人经验和制作习惯为大家讲解一下制作的步骤

第一步：绘制背景

1、选择圆角矩形工具绘制背景

2、双击背景层弹出图层样式，给背景增加投影来体现一下质感

第二步：增加高光效果

1、按住CTRL键点击点击背景层小窗口把背景层的形状提取出来，绘制高光

2、出现选区

3、新建图层，命名高光

4、选择渐变工具，绘制高光

5、快捷键ctrl+D 去掉选区点击矩形选择工具删除多余的部分

显示最终效果

6、增加高光线步骤同上把中间多余的部分删掉

第三步:增加泛光

1、选择椭圆选框工具绘制一个选区

2、选择渐变，这个步骤之前已经介绍，我们通过变形工具来进行压缩实现我们需要的泛光效果

3、给泛光增加滤镜，高斯模糊

放到上面显示最终效果

第四步:增加内透光

1、制作步骤和增加泛光步骤基本一致，不用加滤镜，把下面的部分删除

显示最终效果

第五步:增加投影

1、把泛光层从新复制一层来做投影（命名投影层）

2、修改投影层样式，将颜色叠加颜色调成黑色

显示最终效果

第六步：增加logo投影及文字1、导入logo图片调整大小

2、选择logo层增加图层蒙版

3、选择渐变工具，将渐变调成黑白

4、把背景选区的形状点出，前面有介绍

5、ctrl+shift+I进行反选删除多余的部分

6、选择横排文字工具输入文字，我用的文字是微软雅黑，字号14点

现在就大功告成了

《网页制作教学设计》教案

《网页制作》教学设计法、说学法、说教学过程、说板书设计。一、说教材： (一)教材分析：本节内容是省编《信息技术》全一册第六章网络与INTERNET基础知识第五节的内容(2000年版为第八章第四节内容，2001、2002版教材第六章第五节内容)。虽然在这一节内容在新版教材变更为拓展模块，但针对现在网络快速发展，广大的学生接触，使用INTERNET的机会也大大增加，学生在使用网络获取信息时，更多的是通过浏览网页这一方式，我认为上好这节课是非常必要的，这对学生进一步认识、使用INTERNET更有益处，同时通过网页制作这一过程也利于学生对计算机常用素材的类型有更深入的了解，在一定程度上也起着培养学生运用综合知识能力作用，所以我认为这节课是非常值得我们去研究上好的，考虑这节课的内容及教法、学法的需要，我把这节分为两课时，第一时：学生自学，自练Word制作网页的基本方法；第二课：让学生自己构思创意一个内容丰富，页面美观的网页。 (二)教学目标：根据对教材的分析及学生实际情况，制定如下的教学目标： (1)知识目标：1、有关网页文件的说明 2、熟悉用Word制作网页的基本方法 3、超级链接是网页实现互相链接的基本方法 (2)能力目标：1、培养学生的自学能力 2、创意构思能力 3、能制作出具有多重链接、多种素材、内容丰富的网页。 (3)情感目标：1、教育学生正确认识和理解信息技术相关文化，伦理和社会问题，负责地使用信息技术。 (三)教学的重、难点：根据对教材的分析及网页制作过程中的实际情况，我认为要出制作内容丰富的网页，关键是要知道网页间互相链接的方法，所以我把超级链接做为本节的

网页设计与制作期末试题及答案

网页设计与制作模拟试题一、单项选择题(每空1分，共10分) 1. 客户/服务器系统的最大特点是客户机和服务器 ( D ) A. 必须运行在同一台机器上 B. 必须运行在同一个网络上 C. 必须运行在不同的计算机上 D. 不必运行在同一计算机上 2. 若需要软件把LAN上的客户机从Internet上隐藏起来，并为客户机执行Web 请求，则下面( D )软件能实现此项功能。 A. Internet Information Server B. Index Server C. Personal Web Server D. 代理服务器 3. 通常一个站点的主页默认文档名是 ( C ) A. Main.htm B. Webpage.htm C. Index.htm D. Homepage.htm 4. 通常，比较好的建立站点目录的习惯是 ( A ) A. 在根目录下建立一个总的IMAGE目录放置图象文件 B. 直接把图象文件放置在各栏目的目录下 C. 为各栏目建立一个单独的IMAGE目录放置图象文件 D. 在每个目录下建立一个IMAGE目录放置图象文件 5. 以下有关页面布局的说法正确的是 ( D ) A. 分辨率越高，可供使用的页面尺寸越大 B. 网页布局与平面设计一样，不受页面大小的影响 C. 页眉和页脚中只能出现文本，不能出现图形 D. 页面布局通常是通过手工设计的，目前还没有相应的电脑软件完成这一工作 6. 以下关于HTML文档的说法正确的一项是 ( A ) A. 与这两个标记合起来说明在它们之间的文本表示两个HTML 文本 B. HTML文档是一个可执行的文档 C. HTML文档只是一种简单的ASCII码文本 D. HTML文档的结束标记可以省略不写 7. 正确描述创建一个一级标题居中的句法是 ( D ) A. Heading Text B.

Heading Text

C. Heading Text

《网页设计与制作》期末考试试题

《网页设计与制作》期末考试试题一、单项选择题(本大题共30小题，每小题2分，共60分) 1、目前在Internet上应用最为广泛的服务是( )。 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 2、域名系统DNS的含义是( )。 A、Direct Network System B、Domain Name Service C、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn由四个子域组成，其中( )子域代表国别代码。 A、center B、nbu C、edu D、cn 4、当阅读来自港澳台地区站点的页面文档时，应使用的正确文本编码格式是( )。 A、GB码 B、Unicode码 C、BIG5码 D、HZ码 5、当标记的TYPE属性值为( )时，代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个HTML文件开始应该使用的HTML标记是( )。 A、

B、 C、 D、 7、在客户端网页脚本语言中最为通用的是( )。 A、javascript B、VB C、Perl D、ASP 8、在HTML中，标记的Size属性最大取值可以是( )。 A、5 B、6 C、7 D、8 9、在HTML中，单元格的标记是( )。 A、 D、 10、在DHTML中把整个文档的各个元素作为对象处理的技术是( )。 A、HTML B、CSS C、DOM D、Script(脚本语言) 11、下面不属于CSS插入形式的是( )。 A、索引式 B、内联式 C、嵌入式 D、外部式 12、在网页中最为常用的两种图像格式是( )。 A、JPEG和GIF B、JPEG和PSD C、GIF和BMP D、BMP和PSD 13、如果站点服务器支持安全套接层(SSL)，那么连接到安全站点上的所有URL开头是( )。 A、HTTP B、HTTPS C、SHTTP D、SSL

网页设计与制作教案

《网页设计与制作教案》湄洲湾职业技术学院 2008-2009学年第一学期教师：唐俊奇系部：信息技术工程系专业：计算机应用电子信息班级：计机07（1）信息07（1）08（2）

第一讲网页设计概述【教学内容】讲解网页设计的相关术语及网站制作的基本流程。【教学目的】使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣。【教学重点】网页设计中的若干术语。【教学难点】理解网页设计中的若干术语。【教学方式】讲授式、讨论式、案例分析式。【教学参考】 1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社。 2、《Internet 网页工场》Wittime工作室重庆出版社。 3、《WEB网站设计》Joel Sklar著高等教育出版社。 4、《HTML网页制作教程》材义语编著铁道出版社。【新课内容】 1.1 WWW和URL 1.1.1 Web的起源 Web是World Wide Web的简称，一般也称之为WWW或3W 1.1.2 Web的特点和结构 Web最大的特点是使用了超文本（Hypertext） WWW采用C/S（客户机/服务器）工作模式在浏览器和服务器之间应用HTTP（Hyper Text Transfer Protocol，超文本传输协议）作为网络应用层通信协议 1.1.3 URL URL的完整格式协议://主机名或IP地址：端口号/路径名/文件名 1.2 IE5的使用 Web浏览器是浏览Internet资源的客户端软件在Windows环境下使用的浏览器主要有Internet Explorer、Netscape Navigator、Mosaic 等 1.2.1 IE5的界面 1.2.2 IE5的使用

网页制作教学设计(公开课)

一体化课程教案（首页）课程网页制作授课教师课题（项目）名称创意型网站开发审批学习任务创意型网站开发授课课时16 授课日期年月日至年月日授课班级13电商高中项目（任务）描述小李刚刚通过应聘进入了一家网页制作公司，公司规模不大，主要业务是承接各类网站的制作。现在公司刚接了四个不同的制作网站业务，由于公司人数不多，所以小李要独立负责其中一个网站的建设，由于时间紧迫，现要求小李选择其中一个网站，并和策划部进行快速沟通和需求分析，完成资料的整理和素材的简单加工，设计出基本框架，再通过网页编辑工具完成网页版面的制作和内容元素的编辑，最后通过公司服务器发布网站到互联网上。教学目标通过完成本次任务，学生能够 ●通过多方调研明确客户需求，撰写需求确认分析说明书； ●通过组内讨论，做好网站开发详细计划，撰写项目工作计划表； ●通过小组分工合作，自主探究学习，设计有特色的网站； ●通过测试，发现存在问题并提出解决方案； ●能够展示小组作品的优势和特色，并能客观评价他人； ●通过基于工作情境的角色扮演，熟悉网站开发的工作流程，并从中获得沟通表达，解决问题的经验，体验团队合作和信息共享的乐趣。教学重点分析客户需求；设计网站规划书；创建网站站点；设计网页版面布局；素材编辑和修辞；内容页制作和超链接。教学难点使用Dreamweaver进行网页布局；内容页制作；页面间的超链接。学情分析根据客户需求，开发一个商务网站，进行宣传推广商品。该网站以信息发布、产品介绍、在线销售、顾客服务、提升品牌形象为主要功能和目的。学生在学习任务中首先要进行客户需求分析，制定网站设计书，并进行创建站点和管理站点，然后在已创建的站点上进行主页、内页设计完善网站功能，并使用多种工具进行网页美工，最后发布和管理已建好的网站，根据公司的要求，更新和维护网站。教学策略本次教学任务在电商实验班进行授课，采用任务驱动，模块演示的教学方法；以学生为

网页设计与制作实例教程

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

网页制作期末考试试卷

2011年上学期《网页制作》期末考试试题班级：_____ 姓名：_____ 一、选择题（每小题2分，共50分） 1、Internet最旱起源于（）。 A．中国 B．英国 C．美国 D．德国 2、Web服务器与浏览器之间进行相互通信的协议是（）。 A．HTTP B．IPX/SPX C．TCP/IP D．FTP 3、使用【格式】工具栏可以（）。 A．设置样式 B．保存文件 C．打印文件 D．插入超链接 4、在FrontPage 2003中，“打开站点”是指 ( ) 。 A、新建一个站点文件夹 B、打开一个网页文件 C、打开一个站点文件夹 D、新建一个网页文件夹 5、网页标题通常显示在浏览器的（）。 A．状态栏 B．地址栏 C．菜单栏 D．标题栏 6、使用【图片】工具栏上的（）按钮可以对图片进行裁剪。 A． B． C． D． 7、在FrontPage 2003中,我们要全选所有文本内容的快捷组合键是。（） A、 Alt+Tab B、 Shift+A C、 Ctrl+A D、 Ctrl+C 8、先按住（）键不放，用鼠标可以选择不连续的多个单元格。 A．Ctrl B．Shift C．Enter D．Alt 9、表格边框厚度设为（），在浏览器中显示时就没有边框了。 A．“0” B．“1” C．“2” D．“3” 10、下列（）表示新打开一个浏览器窗口。 A．“_self” B．“_top” C．“_blank” D．“_parent” 11、对于下拉框选项，下列说法错误的是（）。 A．可以设置成单选 B．可以设置成多选 C．不能设置成单选 D．可以把第一项设置为禁用项 12、FrontPage 2003中，下述关于图片与链接的关系正确的是（） A、图片不能建立链接 B 、一张图片只能建立一个链接 C 、图片要建立链接需经过处理 D、通过设置热区，一张图片可建立多个链接 13、FrontPage 2003中，要使表格单元格的背景色不一样则可设置下列（） A、单元格属性 B、表格属性 C、页面属性 D、框架属性 14、在FrontPage 2003中，我们需要改变表格外框的粗细,可使用下列（）属性 A、单元格属性 B、表格属性 C、书签属性 D、表单属性 15、在FrontPage 2003中共有六种视图方式，若在要网页中插入表格，应选用的视图方式是：（） A、网页视图 B、导航视图 C、超链接视图 D、报表视图 16、在FrontPage 2003中，我们可以使用下列（）方法进行页面布局，使图文整齐有序地放在想要的位置上。 A、表格 B、书签 C、表单 D、单元格 17、使用浏览器访问网站时，第一个被访问的网页称为（）。 A、网页 B、网站 C、HTML语言 D、主页

网页设计与制作简答题

简答题 1.图象处理工具主要有那几类应用？答：使用图像处理工具可对图像进行编辑修饰`优化`图形文件格式转换等处理。包括：1图形编辑。图形编辑包括制作页面中的字体`制作3D效果，建立透明GIF文件，插入背景阴影，处理字体`箭头`徽标等页面元素。并能对图像进行剪切`移动和旋转处理。图像修饰。图像优化。 2.什么是Web服务器？Web浏览器的作用是什么？简述浏览器打开文件的步骤. 答：Web服务器是是用于存储WWW文件并响应处理客户机请求的计算机.浏览器的作用在于解释并显示超文本档，包括指向其他文档的引用（或指针），与其他HTTP服务器上非常相似，这些指针也称链接。从一个超文本页上选择一个链接时，浏览器将请求送该回到新的服务器，然后在客户端上显示另一个充满链接的页面。打开一个Web文件的基本步骤如下： 1）.在浏览器中指定要访问的Web文件的URL。 2）.浏览器将请求发送给服务器。 3）.服务器将请求转递给指定的URL处的服务器。 4）.该服务器将文件送回到服务器上。 5）.服务器将文件送回到客户端浏览器上。 6）.浏览器将文件显示在计算机屏幕上。 3.网站设计过程中的最重要原则是什么？为什么？答：网站设计过程中的最重要原则是创意。虽然一个网站的主要目的是传递给人们信息，但是在传递信息的同时还要把他的文化同样也传递给获取这些信息的人们，比如众所周知的2 63首都在线.新浪网.网易.ChinaRen等网站的页面都是非常朴实的，没有太多的花逍的效果，运用普通的制作软件就能够制作完成，但它们的页面只需要看一眼见就能够让人马上识别他是谁，这是因为他们不仅向访问者传达了新闻等网站的信息，更传递了自己的独特风格。网站的设计基本上是按照一定的步骤进行的，不同的站点开发人员有他们不同的习惯，对于网页设计都有自己独特的见解。但一般来说有些原则是共同的，有些主要概念也是共同的：仅仅会输入文本，制作超级链接和排列图片，不是真正意义上的网页制作，或者说还不能称为网页创作。因为网页制作最重要的原则是创意。这个原则也可以看成是网页制作的根本，没有创意的网站不能算一个成功的网站，而这个网站也不能长期存在。因此，创意是最重要的原则。 4.什么是站点的风格？典型的商业站点具有那些风格特征？答：站点的风格是指整个网站所采用的结构布局.色调.文字.标志.图案等要素带给浏览者的关于该网站的印象。商业公司站点由于其目的与个人站点以及非营利性的组织完全不一样，因此他的站点风格也与其他两类站点的风格完全不一样。典型的商业站点的风格特征主要体现在以下几个方面： 1）.公司的徽标或商标应出现在页面的最上方，尽可能作到色彩醒目，同时占用版面小。 2）.可以采用主题图形产品广告来突出公司形象和风格。主题图形或产品广告应精心设计，给浏览者以良好印象。 3）.主题栏目一般采用图文并茂的超级链接实现，要考虑到主要栏目图片.文字之间的色彩

网页设计期末考试试题题库

网页设计 1.打开Dreamweaver8窗口后，如果没有出现属性面板，可执行（窗口）菜单中的“属性”命令将其打开。 2.在站点中建立一个文件，它的扩展名应是（HTM ）。 3.如果不想在段落间留有空行，可以按（Shift + Enter ）组合键。 4、在网页中连续输入空格的方法是（按下Ctrl+Shift键再连续按空格键）。 5、按（F12 ）键可以在浏览器中预览页面。 6、网页代码可以分为两个部分，一个部分是头部信息，另一部分是网页的（主体部分）。 7、（文档）窗口是指中间的白色大块区域，用来显示当前创建和编辑的文档。 8、打开Dreamweaver 8窗口后，如果没有出现站点浮动面板。可执行窗口菜单中的（文件）命令将其打开。 9、网页的正文部分用代码（）标记。 10、在网页中不能添加的元素是（ D ） A、文字、图像 B、表格、动画 C、声音视频 D、纸张等实物 11、下面不属于“页面属性”中可以设置的内容（ D） A、外观 B、链接 C、跟踪图像 D、首选参数 12、网页标题的标记是（） 13、空格的标记是（） 14、设置背景图片的属性是(background ) 15、下列(B )方法无法添加网页标题 A、在HTML代码中添加网页标题 B、在文档窗口中添加网页标题 C、在网页属性中添加网页标题 D、在文档工具栏中添加网页标题 16、新建文档之后，默认情况下，属性面板显示的是（文本属性）。 17、下面哪个功能不是开始页能够完成的操作（D ）。 A、创建新网页 B、创建新网站 C、打开网页文档 D、删除网页文档 18、在下面的选项中哪种不属于网页设计的范围（ C） A、页面内容设计 B、网页架构设计 C、服务器设计 D、LOGO设计 19、试题编号：0002700,答案：b。规划站点的目的是（对网页与素材分门别类的存放，便于管理，提高工作效率）。 20.用下面哪种方法能退出Dreamweaver(Alt+F4 )。 21、网页默认的字体、字号是（宋体、12号） 22、要实现面板的快速显示与隐藏可以按下快捷键（F4 ）。 23、下面的哪一项不属于网页标准色的三大色系（D ） A、蓝色 B、黄/橙色 C、黑/灰/白 D、绿 24、。若要使后面的内容隔一行显示，应使用（
标记）标记。 25、设置网页正文字体的大小为9磅，下列正确的单位是（pt ）。 26、下面文件属于静态网页的是 ( C )。 A、 B、 C、 D、 27、如果正在编辑的文件没有存盘，系统在文件名上加上(* )符号提示用户。 28、定义站点时，存放网页的默认文件夹为( C盘根目录)。 29标记必须包含在( )标记中。 30、表格的宽度和高度可以通过浏览器窗口百分比或者使用绝对（像素）值来定义。 31、选择多个非连续单元格，只要按下（ctrl ）键，依次单击要选择的单元格即可。

网页设计与制作简答题

1、简述Web浏览器打开一个Web文件的工作过程。 2、描述网页设计的一般步骤。 3、简述网页设计的基本准则。 4、简述规划网站目录结构时应遵循的原则。 5、描述版面布局的步骤。 6、什么是“HTML”？HTML“标记”又是什么？ 7、简述“HTML”文档的基本结构。 8、简述以下一段HTML代码中各对标记的作用。〈html〉〈head〉〈title〉网页设计〈/title〉〈/head〉〈body〉〈h2〉北国风光〈/h2〉〈/body〉〈/html〉 9、如何进行本地网页的测试？ 10、网站管理和维护的主要工作有哪些？ 11、什么是Web浏览器? 12、简述网页设计中所需要注意的通用规则。 13、简述DHTML的概念及主要组成。 14、简述使用FrontPage在网页中插入一个日历的过程。 15、简述色彩的三原色的概念及每种颜色的调配范围。 16、为什么要采用DHTML技术？客户端动态网页技术有哪些优点？ 17、网站栏目划分的原则是什么？ 18、XML与HTML相比的主要优点有哪些？

19、请简述一下网站的设计流程？ 20、简述FireWorks的特点。 21、网页制作的步骤是什么？ 22、怎样让链接没有下划线? 23、怎样在网页中加入多媒体播放? 24、怎样让网页的背景图像不滚动? 25、怎样定义网页的关键字? 26、什么是Web浏览器? 27、网页上所说的重心平衡指的是什么? 28、什么是DHTML？DHTML技术主要由哪几部分组成？ 29、在CSS中，对字体的的设置所涉及到的属性有哪些？ 30、用HTML语言回答一个HTML文件应具有的基本结构。 31、比较GIF格式和JPG格式的原理与各自的适用范围。 32、为什么要采用DHTML技术?客户端动态网页技术有哪些优点? 33、简述站点的概念以及虚拟目录和实际目录之间的对应关系。 34、什么是Web安全色? 35、简述虚拟主机的概念和功能。 36、简述Dreamweaver的工作窗口由哪些部分组成。 37、在Dreamweaver中，插入图像的方法有哪些？ 38、在Fireworks中，如何使文字附加于路径？ 39、在Flash MX中可以创建哪些类型的元件？各元件的含义是什么？ 40、HTML中
标记和

标记有何区别?

《网页设计与制作》期末考试题与答案

〈网页设计与制作》期末考试试题、单项选择题（本大题共30小题，每小题2分，共60分） 1、目前在In ternet上应用最为广泛的服务是（b）。 A、FTP 服务 B、WWW 服务 C、Tel net 服务 D、Gopher 服务 2、域名系统DNS的含义是（b ）。 A、Direct Network System B 、Domain Name Service C 、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn 由四个子域组成，其中（d）子域代表国别代码。 A、center B、nbu C、edu D、cn 5、当标记的TYPE属性值为（d ）时，代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个 HTML文件开始应该使用的HTML标记是（c）。 A、

B、 C、

B、 C、 D、 7、在客户端网页脚本语言中最为通用的是（a）。 A、javascript B、VB C、Perl D、ASP & 在HTML中，标记的Size属性最大取值可以是（c）。 A、5 B、6 C、7 D、8 9、在HTML中，单元格的标记是（a ）。 A、 D、 11、下面不属于CSS插入形式的是（a ）。 A、索引式 B、内联式 C、嵌入式 D、外部式

12、在网页中最为常用的两种图像格式是（a）。 A、JPEG 和 GIF B、JPEG 和 PSD C、GIF 和 BMP D、BMP 和 PSD 13、如果站点服务器支持安全套接层（SSL），那么连接到安全站点上的所有URL开头是 (b)。 A、HTTP B、HTTPS C、SHTTP D、SSL 14、在HTML中，要定义一个空链接使用的标记是（a ）. A、＜a href= "#"＞ B、＜a href= ”？"＞ C、＜a href= "@"＞ D、＜a href= ”"〉 15、对远程服务器上的文件进行维护时，通常采用的手段是（b） A、POP3 B、FTP C、SMTP D、Gopher 16、下列Web服务器上的目录权限级别中，最安全的权限级别是（a ） A、读取 B、执行 C、脚本 D、写入 17、用Fireworks切割图形时，需要的工具是（c） A、裁剪 B、选取框 C、切片 D、自由变形 18、 In ternet上使用的最重要的两个协议是（b ） A、TCP 和 Tel net B、TCP 和 IP C、TCP 和 SMTP D、IP 和 Tel net 19、 body元素用于背景颜色的属性是（c） A、alink B、vlink C、bgcolor D、background 20、下面说法错误的是（d） A、规划目录结构时，应该在每个主目录下都建立独立的images目录 B、在制作站点时应突出主题色 C、人们通常所说的颜色，其实指的就是色相 D、为了使站点目录明确，应该采用中文目录

网页设计与制作课程教案

《网页设计与制作》课程教案一、课程定位本课程是计算机应用技术专业的一门专业基础课程，该课程的学习能够提升他们对网页制作的兴趣，让他们学习网页制作的基本技能，为后继课程打下基础，同时扩展其就业面，为就业做好准备。本课程的目的和任务是让学生学会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制作各种超级链接

《网页制作》教学设计(优质课比赛优秀设计)

信息技术课虽然已经成为初中的必修科目，但是城乡学生之间掌握情况的差异却相当大，条件好一点的初中学生不仅已经熟练掌握了课本上的内容，还对一些常用软件有所了解；而差一点的可以说是从高中开始才正式接触到信息技术知识的学习，他们需要多锻炼、多指导，所以协作学习对学生的学习帮助很大。三、教学策略的选择及媒体的使用在教学策略的选择上，我使用的是任务驱动和协作学习相结合的方法。任务驱动就是要求本章内容学习完之后，每个小组都要完成自己班级网站的制作，并在全班进行评比，选择最好的作为班级主页挂到学校主页上去，这有助于激发学生参与学习的积极性。协作学习则是让学生在学习过程中互帮互助，用较短的时间、教少的精力学到更多的东西，完成一个集体项目，让他们在学习之后获得成就感。因此在媒体的选择上，我们使用的是TOP2000系统。TOP2000系统有利于教师进行分组教学和学生作品的点评及成果的展示。教学过程开始之前，教师把学生按座位分成四组，每个组都按学生对计算机的掌握程度平均分配，保证每个组都有计算机操作方面比较突出的，也有相对比较差的，使其形成能够互帮互助的学习小组。并由他们自己选出组长各一名，然后由组长根据组员的情况，确定在班级主页制作过程中主要完成什么任务，也就是说起到一个组织者的作用。做过网页的人都知道，做网页是一项比较费时的工作，而要学生在较短的时间内制作出像样的网页是比较困难的，而在这个过程中，网页的设计占去了相当多的一部分时间，组长把任务分到各组员头上以后，组员就可根据自己要完成的任务相对集中的做某方面的工作，做完以后，组员之间进行经验交流，告诉组员自己的网页是如何制作出来的，在完成自己的网页后，再重复一遍制作过程花费的时间的不多的。这样，其他组员就可在较短的时间之内

网页设计与制作试卷试题(附答案)

“双语”教育2012-2013第2学期《网页设计与制作》年级专业：学号姓名：一、单选题（共45小题，每小题1分，共45分） 1、在网站设计中所有的站点结构都可以归结为【 B 】 A、两级结构 B、三级结构 C、四级结构 D、多级结构 2、在客户端网页脚本语言中最为通用的是【 A 】 A、javascript B、VB C、Perl D、ASP 3、所学网布局的方法是【 E 】 A、表格 B、布局 C、层 D、DIV E、都是 4、在HTML中，标记的Size属性最大取值可以是【 C 】 A、5 B、6 C、7 D、8 5、所学网页页面构成有【 E 】 A、顶部（标题） B、底部（注释） C、正文 D、导航 E、都有 6、用户登陆页面不可能用到的是【 B 】 A、服务器行为检查新用户 B、绑定字段 C、用户身份验证 D、建立数据库 7、成绩录入系统不能用到的【 C 】 A、建立数据库 B、绑定插入记录集 C、检查表单 D、重复区域 8、非彩色所具有的属性为【 C 】 A、色相 B、饱和度 C、明度 D、纯度 9、下面说法错误的是【 D 】 A、规划目录结构时，应该在每个主目录下都建立独立的images目录

B、在制作站点时应突出主题色 C、人们通常所说的颜色，其实指的就是色相 D、为了使站点目录明确，应该采用中文目录 10、目前在Internet上应用最为广泛的服务是【B 】 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 11、Web安全色所能够显示的颜色种类为【C 】 A、4种 B、16种 C、216种 D、256种 12、为了标识一个HTML文件应该使用的HTML标记是【C 】 A、 B、 C、 D、

B、 C、

13、框架结构页面正确的说法是【 D 】 A、点击左边导航显示右边 B、只能链接图片 C、框架页面为新建常规页面 D、插入可编辑区域可以生成模板 14、显示页面设计时不能用到的是【 D 】 A、建立数据库 B、设置数据源 C、连接数据库 D、更新记录集 15、对远程服务器上的文件进行维护时，通常采用的手段是【B 】 A、POP3 B、FTP C、SMTP D、Gopher 16、下列Web服务器上的目录权限级别中，最安全的权限级别是【A 】 A、读取 B、执行 C、脚本 D、写入 17、Internet上使用的最重要的两个协议是【B 】 A、TCP和Telnet B、TCP和IP C、TCP和SMTP D、IP和Telnet 18、网页的特征是【 A 】 A、HTML文档的基本特征——超文本 B、标识语言，网页中不能没有标记（Tag） C、网页提供了一些措施以防在网上冲浪的过程中迷失方向 D、网页实现了对原文档信息的无限补充或扩展 19、与上网无关．．的协议是【 C 】 A、HTTP B、SMTP C、SOKET D、POP3 20、设置字体大小的代码是【D 】

网页设计与制作电子教案

实用标准文案电子教案课程：第1章网页制作基础课时内容网页制作基础授课时间学时数2 教学目标了解 HTML 的组成和语法了解网页制作的常用软件掌握网页制作软件的启动和退出方法教学重点网页制作的一些基本知识教学难点HTML的组成和语法教学设计1、教学思路：首先，让同学们说说他们对网页的一个认识。然后进行系统地介绍网页是什么，由哪些部分组成，还有网页制作时所需掌握的一些基础知识和制作网页时常用到的一些软件。最后学习网页制作软件的启动和退出方法。 2、教学方法：先登录一些常用的网站，让同学们看一些网页，然后让同学们说下他们度网页的认识，最后才开始讲解本周内容。 3、教学手段：利用多媒体并结合网络进行教学。 4、教学资料及要求：课前要求学生先大致浏览本书内容，对本书所要讲解的内容有个基本的了解。教学内容讨论问题： 1、什么是网页？ 2、网页的基本组成部分是哪些？ 3、网页有什么作用？第 1 章网页制作基础# 1.1网页制作基础知识 1.1.1网页简介 1.1.2什么是HTML 1.1.3 HTML 的组成结构及语法 1.1.4应用举例——使用记事本编写网页 1.2网页制作的常用软件 1.2.1图形图像处理软件 1.2.2动画制作软件 1.2.3网页布局软件 1.2.4软件配合及制作流程 1.2.5应用举例——实战网页制作流程 1.3网页制作软件的启动与退出 1.3.1网页制作软件的启动 1.3.2文件的打开 1.3.3网页制作软件的退出 1.3.4应用举例——启动并退出 Photoshop CS3 1.4上机及项目实训 1.4.1Flash CS3 的启动与退出 1.4.2制作“蓝莲花”网页

网页制作教案

课堂任务快速建站技术—模板的应用课程名称：利用模板快速建站课时数：4 教学目标：知识与技能：了解模板的定义，模板的可编辑区域的定义。过程与方法：掌握在网页中创建模板的三种方法；掌握模板的可编辑区域的定义、建立和取消；掌握模板的应用和取消；掌握如何将模板从网页中分离出来；掌握使用模板快速建站；情感与价值观：培养学生主动思考问题的习惯和自主学习的能力。教学重点：在DreamWeaver8中创建模板和应用模板。教学难点：学会模板的可编辑区域的定义、建立和取消。教法：任务驱动法学法：记录关键步骤，积极动手练习。课前准备：第三章第三节素材和实例，视频教程：快速建站技术－模板的应用.WMV，快速建站技术－模板的应用(快速更新).WMV。教学过程设计：（一）导入设计：我们制作一个网站时，会发现许多网页的版面和元素都是相同的，在设计一个新页面时，我们还可以用复制原来做过页面来减轻工作量。但是如果一个网站有几十、上百张页面都基本相同，这时修改或更新网页的共同元素如网站标志时，会发现工作量实在太大！而使用Dreamweaver 软件中的模板功能来创建新网页，可以大大提高更新和修改的工作效率，网站的维护工作会轻松很多。本节主要内容如下。（二）新课讲解设计：（1）请学生带着以下问题阅读P110～115知识预读，问题如下： A、模板的定义？ B、模板创建的三种方式？了解资源面板的使用方式。 C、学会模板的可编辑区域的定义、建立和取消； D、学会模板的应用和取消； E、学会如何将模板从网页中分离出来；（2）教师提问，请学生一一回答以上问题。期间对回答问题的同学要多多表扬，如“你真棒”。增强学生对教师的亲和力。（3）教师在学生回答问题的同时，总结评价并补充相关要点。（4）教师展示完成后的模板网站作品，与学生共同讨论分析该网站制作过程。（5）教师演示建立模板,创建可编辑区域,应用模板等部分操作（详见教材任务一）。

网页设计期末考试题答案

1.我们学习过很多种语言，与编译语言相比，HTML有哪些特点？ HTML特点和好处：HTML文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是WWW盛行的原因之一，其主要特点如下： 1 简易性，HTML版本升级采用超集方式，从而更加灵活方便。 2 可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。 3 平台无关性。虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上，这也是WWW盛行的另一个原因。 2.HTML是一种纯文本文件，可以用简单的文本编辑器如Notebook编写，也可以用集成开发系统如Dreamweaver编写，使用这两种方式各有什么优劣？ notebook和dreamweaver都可以直接编写html代码，而dreamweaver可以实现可视化操作即也就是所谓的所见为所得，notebook无法实现这种功能。但是dreamweaver的功能更强大，软件较notebook复杂。但是notebook软件简单占用系统资源少。 3.完整的网页制作有哪些过程？一个完整的网站制作需要哪些部份组成： 1. 网站域名，网站的域名又叫网址，通过访问域名就能找到一个网站。 2. 网站空间，网站空间就是放存网站的地方，一个网站制作完成后，需要放到互联网的某个地方，这个地方就是存放网站的空间。 3.网站代码，网站代码就是网站制作技术人员在开发过程中，使用前台网页制作工具，再加上后台脚本语言，通过技术人员一系列有序的加工之后，一个完整的网站程序才算开发完成。有了这三样之后，我们需要使用FTP工具将网站代码传到服务器空间，再通过空间的后台程序对网站域名进行绑定，最后再通过域名的后台管理系统，进行需要解析，将域名解析到存放网站的空间IP地址。这些工作完成之后，2-24小时之内，网站就可以正常访问了，2-24小时，是一个域名解析一般需要的时间。页面功能与内容设计；页面布局设计；页面视觉设计；页面效果设计。 4.什么是www？什么是HTTP？它们之间有什么关系？什么是WWW？它是Internet上把所有信息组织起来的一种方式，它是一个超文本文档的集合，其中包括所要的任何本地信息。它是从一个文档链接到另一个文档，使你可以纵横于Internet网什么是超文本传输协议（Http）:支持WWW上信息交换的Internet标准，是定义Web 服务器如何响应文件请求的Internet协议。 HTTP，即超文本传输协议，是 HyperText Transfer Protocol的缩写。浏览网页时在浏览器地址栏中输入的URL前面都是以''http://';'开始的。HTTP定义了信息如何被格式化、如何被传输，以及在各种命令下服务器和浏览器所采取的响应 WWW是WorldWideWeb的缩写，可译为“环球网”或“万维网”,它是基于Internet提供的一种界面友好的信息服务，用于检索和阅读连接到Internet上服务器的有关内容。该服务利用超文本（Hypertext)、超媒体（Hypermedia)等技术，允许用户通过浏览器（如微软的IE、网景的Netscape）检索远地计算机上的文本、图形、声音以及视频文件。 Web的应用层协议HTTP是Web的核心。HTTP在Web的客户程序和服务器程序中得以实现。运行在不同端系统上的客户程序和服务器程序通过交换HTTP消息彼此交流。HTTP定义这些消息的结构以及客户和服务器如何交换这些消息。

网页制作的教学设计

网页制作的教学设计一、教学目标 1 、知道站点、主页的概念，能在指定位置建立只有一个网页的站点； 2 、认识FRONTPAGE 的界面； 3 、掌握在主页中插入文字、图片、水平线； 4 、掌握页面文件与图片的保存。二、教学重点 1 、能在指定位置建立只有一个网页的站点（难点） 2 、能在页面中插入文字、图片、水平线 3 、掌握页面文件与图片的保存（难点）三、学情分析学生已经学习了WORD 、POWERPOINT 与上网浏览信息，对计算机的基本操作（WORD 中文档的编辑，网页的浏览等）比较熟练。这使得学生主动探索、自主学习成为可能。每位学生必须完成基本任务，有能力的学生还可以完成提高篇的学习，以充分发挥学生的积极性与自主性。四、教学方法在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。五、教学过程设计教师活动：1 、引入课题：（激发兴趣，活跃气氛）同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）浏览新浪网站，浏览的第一个页面称为什么？（主页）我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。问题1 ：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，

通过超链接把不同的页面链接起来）问题 2 ：网页是不是就是主页？( 第一个页面称为主页, 网站设计者可以确定哪一个是主页, 主页的文件名一般为：index.htm, 主页也是网页) 设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet 上，让所有的人访问浏览。今天我们学习用Frontpage 建立站点，制作一个主页。先来研究一下没有发布的网站, 打开教师做的网站问：同学们看到了什么？（文件夹）总结：可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。请学生浏览教师课件，了解学习任务 2 、新建站点 FP 的启动问：与word 比较，有什么不同？（增加了视图区，编辑区有三个窗口）总结：视图区：多种视图模式是为了方便网站的管理。制作网页时，必须在网页视图中编辑页面普通窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式预览窗口：浏览器中出现的效果，与PowerPoint 中的“放映幻灯片”类似。 Html 窗口：编写HTML （超文本标记语言，它是描述网页内容和外观的标准。）打开导学软件，根据步骤，示范建立只有一个网页的站点，强调新站点的位置、路径的正确输入，站点的名称。