网页设计基础知识共28页
网页设计与制作 简答题
简答题1.图象处理工具主要有那几类应用？答：使用图像处理工具可对图像进行编辑修饰`优化`图形文件格式转换等处理。
包括：1图形编辑。
图形编辑包括制作页面中的字体`制作3D效果，建立透明GIF文件，插入背景阴影，处理字体`箭头`徽标等页面元素。
并能对图像进行剪切`移动和旋转处理。
图像修饰。
图像优化。
2.什么是Web服务器？Web浏览器的作用是什么？简述浏览器打开文件的步骤.答：Web服务器是是用于存储WWW文件并响应处理客户机请求的计算机.浏览器的作用在于解释并显示超文本档，包括指向其他文档的引用（或指针），与其他HTTP服务器上非常相似，这些指针也称链接。
从一个超文本页上选择一个链接时，浏览器将请求送该回到新的服务器，然后在客户端上显示另一个充满链接的页面。
打开一个Web文件的基本步骤如下：1）.在浏览器中指定要访问的Web文件的URL。
2）.浏览器将请求发送给服务器。
3）.服务器将请求转递给指定的URL处的服务器。
4）.该服务器将文件送回到服务器上。
5）.服务器将文件送回到客户端浏览器上。
6）.浏览器将文件显示在计算机屏幕上。
3.网站设计过程中的最重要原则是什么？为什么？答：网站设计过程中的最重要原则是创意。
虽然一个网站的主要目的是传递给人们信息，但是在传递信息的同时还要把他的文化同样也传递给获取这些信息的人们，比如众所周知的2 63首都在线.新浪网.网易.ChinaRen等网站的页面都是非常朴实的，没有太多的花逍的效果，运用普通的制作软件就能够制作完成，但它们的页面只需要看一眼见就能够让人马上识别他是谁，这是因为他们不仅向访问者传达了新闻等网站的信息，更传递了自己的独特风格。
网站的设计基本上是按照一定的步骤进行的，不同的站点开发人员有他们不同的习惯，对于网页设计都有自己独特的见解。
但一般来说有些原则是共同的，有些主要概念也是共同的：仅仅会输入文本，制作超级链接和排列图片，不是真正意义上的网页制作，或者说还不能称为网页创作。
网页制作基础课件
步骤： （1）打开“站点定义”对话框 （2）定义站点
网页制作基础
12
3. 站点的管理
站点建立后，Dreamweaver可 以对站点及站点中的文件进行管理， 可以对所建立的站点进行移动、复制、 删除、导入、导出等操作。
（1）打开“管理站点”对话框
1. 文本操作
（1）输入文本和空格
（2）文本换行（Enter与Shift+Enter）
网页制作基础
14
（3）网页页面属性设置
设置网页的标题、背景图像、背景颜 色、文本颜色、链接颜色、页边距等，对 外观进行整体上的控制，以保证页面属性 的一致性。
单击此按钮， 打开 “页面属性”对话框
网页制作基础
15
列表菜单选择 列表属性设置
网页制作基础
19
2. CSS样式
CSS（Cascading Style Sheet）称为“层叠 样式表”，简称为“样式表”。CSS是一组格 式设置规则，用于控制Web页面元素的外观布 局。
使用CSS可以灵活并更好地控制许多文本 属性，包括特定字体、大小、粗体、斜体、下 划线等。
设计通常以一张精美的海报画面为布局的主体。
网页制作基础
47
8．FLASH布局 FLASH布局是指网页页面以一个或多个Flash作为页面主体的 布局方式。在这种布局中，大部分甚至整个页面都是Flash。
网页制作基础
48
网页布局的方法
在网页制作中，网页布局的重要性是显而易见的。布局有很多方法， 但最基本的方法有两种：
插 入 链 接 对 话 框
网页制作基础
27
在“目标”下拉列表中可以选择超级链接的打开 方式。
网页设计简答
简答1．简述相对路径和绝对路径的异同。
相对路径就是指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系；HTML绝对路径（absolute path）指带域名的文件的完整路径。
3．简述表单的两种传送方式的区别。
Post：采用此方法传送时，数据没有长度上的限制，但速成度比get慢。
Get：使用这种设置时，会在浏览器的地址栏显示要传送的数据，并且要传送的数据是不超过255个字符的，这种方式也是默认的方式，由于要传送的数据显示在地址栏，所以数据的保密性差，不安全。
互联网又称因特网，被称为“第四媒体”，也叫“超媒体”，它襄括了声音、图像、视频、交互、实时信息等各种特点，是至今为止表现力最强的媒体方式。
1 没有拥有者2 没有范围感3 没有方向感4 没有位置感5 无限制得传播6 极大的信息量7 多样的传达形态8 时效性强9 交互传达10 自由性网页是构成互联网的基本元素两者的概念：网站———由一个特定人群和组织控制的一组网页的组合。
网页———组成网站的基本单元。
界面是个体间相互联系的路或者空间。
界面设计的目标是有效传递该网站所提供的内容，并使浏览者与之相互在界面设计前需要了解如下几个概念：1Ui——User Interface,用户界面。
用户界面是指人与系统的连接空间，通过此界面用户能够从中获得并处理信息，最充分地实现此过程的互动。
2HCI-----Human----Computer Interaction,人与计算机的相互作用。
3GUI-----Graphical User Interface,图形用户界面，图形用户界面是相对纯文本而言的，它通过图形构成用户与系统间的界面。
网络的界面设计因而基于网络的特性，有以下局限？1 版面局限2 技术局限“小而精”网站制作流程？1 策划网站2 网站布局规划3 色彩搭配4 收集资料5 链接设计6 界面设计7 申请域名和空间8 上传网站9 广告宣传10维护更新设计者的任务？1 确定网站CI （网站CI设计内容包括：网站、标志、标准色彩、标准字体、宣传标语等等）.2 创建交互界面（界面随受众的反馈智能地变化或改进，又即时反馈给受众，这使得交互设计成为一种有趣的个性化的艺术设计形式）3 实现不同得的功能（在网页设计中形式永远是为功能服务的）4 完善网页之间的链接关系（超链接是网络的灵魂所在，它由特殊的文本、图形和一个URPL组成。
页设计基础知识
12
HTML? HTTP? URL?
B/S模式
服务器与 浏览器关系示意图
网页分类
静态网页 动态网页
客户端动态技术 服务器端动态技术
15
实践1
创建一个基本的网页：myindex.html 在本地计算机中访问这个网页 在浏览器中访问这个网页 区别是什么？ 构建网站的流程是怎样的？
组合、测试和部署站点
使用dreamweaver等编译资源，测试代码，将站 点发布到服务器上
使用dreamweaver等保持内容的更新
维护、更新站点
18
网页基本元素
导航栏 表单 动画 超链接 文本 表格 图片 声音和视频 其他常见元素
19
网页标准的组成
Web2.0网页标准：
结构标准语言：xhtml和xml 表现标准语言：css 行为标准语言：dom、ecmascript
20
结构标准语言
Xml可扩展标记语言：满足网络信息发布的需 要，网络数据的转换和描述 Xhtml可扩展超文本标记语言：是html向xml过 渡的一个桥梁，是一个引导人们逐步走向规范 的过渡方案
3
网页动态元素的使用
Flash基本动画特效 网页中常见的动画元素 Flash ActionScript3.0基础知识 Flash交互应用程序的创建
4
教材
主教材
《 CSS网页设计标准教程》人民邮电出版社
参考教材
《网页制作综合技术教程》 网址：校课程中心网站《网页设计》(矫) 《 Dreamweaver cs3网页制作基础教程》 《dreamweaver 与xml综合应用》 《flash 网站制作创意与表现》
网页设计与制作简答题
1、简述Web浏览器打开一个W e b文件的工作过程。
2、描述网页设计的一般步骤。
3、简述网页设计的基本准则。
4、简述规划网站目录结构时应遵循的原则。
5、描述版面布局的步骤。
6、什么是“HTML”？HTML“标记”又是什么？7、简述“HTML”文档的基本结构。
8、简述以下一段H T ML代码中各对标记的作用。
〈html〉〈head〉〈title〉网页设计〈/title〉〈/head〉〈body〉〈h2〉北国风光〈/h2〉〈/body〉〈/html〉9、如何进行本地网页的测试？10、网站管理和维护的主要工作有哪些？11、什么是Web浏览器?12、简述网页设计中所需要注意的通用规则。
13、简述DHTML的概念及主要组成。
14、简述使用Fro ntPage在网页中插入一个日历的过程。
15、简述色彩的三原色的概念及每种颜色的调配范围。
16、为什么要采用D H TML技术？客户端动态网页技术有哪些优点？17、网站栏目划分的原则是什么？18、XML与HTM L相比的主要优点有哪些？19、请简述一下网站的设计流程？20、简述FireW orks的特点。
21、网页制作的步骤是什么？22、怎样让链接没有下划线?23、怎样在网页中加入多媒体播放?24、怎样让网页的背景图像不滚动?25、怎样定义网页的关键字?26、什么是Web浏览器?27、网页上所说的重心平衡指的是什么?28、什么是DHTM L？DHTML技术主要由哪几部分组成？29、在CSS中，对字体的的设置所涉及到的属性有哪些？30、用HTML语言回答一个HT ML文件应具有的基本结构。
31、比较GIF格式和JPG格式的原理与各自的适用范围。
32、为什么要采用D H TML技术?客户端动态网页技术有哪些优点?33、简述站点的概念以及虚拟目录和实际目录之间的对应关系。
00900《网页设计与制作》复习资料
《网页设计与制作》自考课程复习资料1．网络协议分为：硬件协议和软件协议。
2．TCP/IP协议：TCP为传输控制协议，工作在传输层，FTP默认端口号为21；IP为网际协议，工作在网络层，WEB默认端口号为80；Telnet为远程登录协议，默认端口号为23；SMTP为简单邮件传输协议，默认端口号为25；POP3为邮局协议，默认端口号为110。
3．IP地址：由32位二进制数表示，每8位为一组，以圆点“．”分隔；其中IP直观表示时采用十进制，每组的有效范围是0~255；主要分为三个层次，分别是主机、由主机构成的网络和网络构成的互联网；IP分为5类IP地址，A类1~126，B类128~191，C类192~223，D类224~239，E类240~254。
4．域名与域名系统：IP是三个层次的由数字表示，而域名是多个层次由字符表示，域名分为国内域名（中国.cn）和国际域名（商业.com/网络.net/教育.edu/政府.gov/组织.org），DNS即（Domain Name System/ Domain Name Server）实现域名与IP地址的一一对应关系。
5．URL：即统一资源定位器，基本格式为：访问类型：//访问主机[：端口号]/访问的文件。
6．网页：即基于超文本和超媒体的信息载体；超文本指一个网页可以通过事先嵌入的超级链接跳转到存储于其他任何地方的网页；超媒体指网页包含了种种多媒体信息或多媒体链接。
7．网页的核心是HTML，它并不是一种程序设计语言，而是一种页面描述语言。
8．WEB浏览器是指一个运行在用户计算机上的程序，它负责下载、显示网页，因此也称为WWW客户程序。
9．超媒体的两大应用：一是指网页中的图形本身就是一个链接，二是指WEB链接可以打开某一程序，而且显示并播放其中的图片、音频或视频剪辑。
10．目前流行的两大浏览器：Internet Explorer和Netscape Navigator。
网页设计与制作知识点
网页设计与制作知识点第一部分HTML1. 在常用表格模式下进行网页布局（经济学专业编号）2. 在布局表格下进行布局1．制作双线边框的表格（南岳学院电商编号）2．制作单线边框的表格1．制作占位表格（电商编号）2．各种文字超链接的制作（一般链接，锚链接，email链接及打开方式）3．制作图像链接和热区链接4．在表格中插入图片和透明flash5．制作用户登录表单无序列表的使用（无序列表的嵌套）（此条不做）6．层与行为（显示隐藏层，交换图像）第二部分CSS7．修改文字大小和行距8．制作动态超链接(a:hover)9．用CSS创建交互（a元素的交互和非a元素的交互）10．制作首字下沉和图文混排和分栏（float定位）11．相对定位和绝对定位的实验12．（此学号为空）13．美化表单样式(盒子的边框背景属性)14．用CSS盒子模型制作导航条15．用无序列表制作tab样式导航条16．利用盒子的定位属性制作缺角菜单17．用滑动门技术制作圆角菜单18．用4图象法制作可变宽圆角栏目框19．CSS＋DIV固定宽度的三栏布局20．可变宽度布局的制作第三部分Fireworks21．规则和不规则图形的绘制（组合路径）22．图片融合技术（填充、渐变和蒙版）23．文字效果（阴影、倒影、描边）24．用fireworks做按钮和下拉菜单25．切片和图像的导出第四部分JavaScript26．制作层的Zindex改变的导航条27．用CSS和JavaScript制作下拉菜单28．制作Tab面板第五部分ASP29．创建虚拟目录和动态站点30．将静态网页转换为动态网页（切割头尾网页，导出CSS文件）31．数据库的连接32．创建记录集33．绑定动态数据到页面34．创建重复区域服务器行为35．转到详细页面服务器行为36．记录新闻点击次数37．创建记录集分页38．新闻搜索页面的设计39．插入动态图片40．用IIF函数将过长新闻标题用省略号取代后部41．创建用户登录验证界面（包括验证表单数据不为空）42．限制非注册用户对页的访问43．创建添加新闻页面44．创建编辑新闻页面练习第一章HTML1．分析一个URL的结构//web/1/200807/10172331484.html信息被放在一台被称为www的服务器上，是一个已被注册的域名，域名对应一台DNS服务器，cn表示中国，主机名，域名合称为主机头。
网页版面设计基础
一 基本概念 二 网页版面设计 三 实训
一 基本概念
1 虚拟界面
由于网页是通过计算机的显示通道与人们交流的，并不 是现实世界中的实际物体，因此又被称为“虚拟界面”。从 网络的角度来看，虚拟界面是一个网站的窗口，网站中的数 据库信息、链接功能以及各种网络服务都通过这个界面进行 实施。一个网站的网页可以有多个，通常根据需要分层设置。
在无彩色系中，明度最高的是白色，而最低的是黑色。在有彩色系中，明度 最高的是黄色，最低的是紫色。下面为颜色的明度由低到繁多，单纯以颜色的名称来表示颜色是无法适应平
面设计及工业生产需要的。因此，人们引入了色彩模式的概念。 色彩模式是表示色彩的方法。在不同的应用领域里，表示色彩的方式也
12
Banner
Banner为网页中的广告条，又被称作旗帜、网幅或横幅，是一种可 以由文本、图像和动画相结合而成的网页栏目。
国际广告联盟的“标准与管理委员会”联合广告支持信息和娱乐联 合会等国际组织，推出了一系列网络广告宣传物的标准尺寸，被称作 “IAC/CASIE”标准，共包括7种标准的Banner尺寸。
1．突出中心，理清主次
2．搭配合理，大小呼应
3．图文并茂，相得益彰
二 网页版面设计
2 网页排版布局的一般步骤 （1）构思
根据网站内容的整体风格，设计版面布局。 （2）初步填充内容
这一步就要把一些主要的内容放到网页中，例如，网站 的标志、广告条、菜单、导航条、计数器等。 （3）细化
在将各主要元素确定好之后，下面就可以考虑文字、图 像、表格等页面元素的排版布局了。在这一步，设计者可以 利用网页编辑工具把草案做成一个简略的网页，当然，对每 一种元素所占的比例也要有一个详细的数字，以便以后修改。