网页设计复习整理
诞生1969年命名为ARPANET。
中国Internet发展史1网路探索阶段1987-1994 ~2蓄势待发阶段94-95 3应运而起96-98~ 4网络大潮阶段99-2002 5繁荣与未来阶段2003至今。
IP分为IPV4和IPV6两种!主流是ipv4!
能被浏览器识别显示的文本文件,拓展名是htm 和html
Internet地址又称IP地址!确定每一个计算机每一个用户的位置!
每个IP地址有网络标识netid和主机标识hostid!网络标识号的分配必须是全球统一,但主机标识可本地分配!
域名具有唯一性。Com商业公司net网络服务。域名可分为国内域名和国际域名。我国二级域名也可分为类别域名和行政区域名。查IP地址方法开始运行输入cmd 然后输入网址!
URL是统一资源定位器的英文缩写!
HTML是一种用来制作超文本文档的简单标记语言,用其编写的超文本文档称为HTML文档。
网站建设的步骤
1网站目标和主题的确定,2网站的规划3 网站素材的准备4 网站制作工具的选择和确定,5网站的的建立 6 注册域名和申请网页空间7网站的测试和发布8网站的宣传和推广9 网站的更新和维护!
网站建设的原则1牢记内容第一的原则 2 网页文件命名原则3图片命名的原则4 重视网页标题的设计5网站导航设计要清晰6网页长度应限定在三个整屏以内7善用图像元素8网站中所有路径都采用相对路径9确保链接的有效性,链接层次不要太深10善用表格来布局,但表格的嵌套层次要控制在三层左右11遵循3次点击原则12兼顾下载速度与美观13 及时更新网页14避免滥用技术15要保护好个人信息。
网页色彩搭配的技巧 1 用一种色彩2用对比色调3用一个色系4用黑色和一种颜色5黑白是最基本最简单的搭配6象征色7风格色
图片格式GIF JPEG BMP PNG等
网页设计常用工具FrontPage Dreamweaver
辅助工具photoshop fireworks flash 记事本
HTML基本概念
表示换行
标题
#000000 黑
#0000FF 蓝
#FFFFFF 白
#FF0000 红
语法规则:
HTML文件以纯文本形式存放拓展名为HTM或HTML
不区分大小写
字型设置~~~~文字以粗体显示
~~~~~~文字显示斜体
显示下划线
相对路径就是指索要链接或者嵌入到当前HTML文档的文件与当前文件的相对位置形成的路径
层的属性default 不指明层的可见性
Inherit 可以继承父层的可见性
Visible 显示层及其内容
Hidden 隐藏层极其内容
行为是事件与动作的组合事件激发行为.
矢量图的存储表现为一个描叙该图基本形状的数学方程的算法。
位图是无数个点组合在一起的一副图像。
Flash 编辑区分为舞台和工作区两个不同的部分。
矢量化位图可将导入的位图转换成为可编辑的矢量图形。
Flash不能自己创建声音或者录制声音必须导入。
Flash 8 的库分两种专用库和公用库
元件的种类图形元件按钮元件影片剪辑元件
实例是指位于舞台上或者嵌套在另一个元件内的元件副本,它是元件在场景中的应用。FLASH动画的帧速率是12FPS
关键帧普通帧空白关键帧动作帧
图层的种类1普通层用于放置最基本的动画制作元素
2引导层用于辅助图形的绘制和为对象的运动路径设置起导向作用。
3遮罩层可使用透过该层中对象的形状看到与其链接的层中的内容
动画序列的基本方法逐帧动画(具体定义每一帧的内容)补间动画(运动补间动画和形状补间动画也包含引导动画和遮罩动画。
Ctrl+Enter 组合键测试影片
P372页引导动画步骤
P382页交互动画的制作
网页设计复习资料 一.选择题(每题1分,共30分)-----以课后习题及幻灯片为主二.判断题(每题2分,共24)-----以课后习题及幻灯片为主 三.简答题(每题6分,共36) 1.什么是网站?构成网站的主要文件有哪些?P1 答:(1)网站也称为站点,是根据一定规则由专业的网页设计软件制作,并呈现特定内容的网页及相关文件组成的集合。网站所提供的大部分信息都通过网页来呈现,不同类型的信息可包括文本、图像、多媒体视频、音频和动画,以及数据库。(2)构成网站的主要文件有图像文件、多媒体文件、程序代码文件、支持程序、数据库文件。 2.网站规划设计包括哪些方面?P9 答:网站规划设计包括:了解客户需求、制作项目规划文案、规划网站主题及风格、规划网站内容、设计站点栏目及地图、制作网站页面和站点的发布与推广。 3.规划网站主题与风格应遵行的原则是什么?P11 答:确定网站主题的是三个原则是:主题要小而精、题材不能太滥、目标不能太高。确定网站风格的三个原则是:风格要建立在有价值的内容之上、网站要给人一种清晰的印象,既要有冲击力、深度,同时也要让人感觉到网站的独特风格、网站风格要和网站的主题相匹配。 4.常见的网站宣传推广方式有哪几种?P13 答:常见的网站推广方式有:搜索引擎推广、网络广告推广、免费资源推广、电子邮件推广、资源合作推广、信息发布推广、传统媒体广告推广。 5.简述Dreamweaver 8 有哪些特点?幻灯片2-2 答:Dreamweaver8的特点是:采用了所见即所得的编辑方式、具有强大的网页编辑功能、提供了功能全面的编码环境、可以使用服务器技术生成由动态数据库支持的Web应用程序、提供了完善的站点管理功能。6. Dreamweaver 8 的文档窗口有几种视图方式?它们各自的作用是什么?P308 答:Dreamweaver 8的文档窗口有三种视图方式:设计视图、拆分视图、代码视图。设计视图是一种所见即所得的网页设计模式;拆分视图将编辑窗口拆分成两个部分,上方区域显示代码视图模式,下方区域显示设计视图模式;代码视图将显示网页所有的HTML代码。 7.在Dreamweaver 8中,要给网页中的一行文字添加超链接,应该如何操作步骤?P435 答:要给网页中的一行文字添加超链接应该:(1)先选择文本内容
网页设计简答题: a.相对定位与绝对定位的区别?并举例说明。 相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状,它原本所占的空间仍保留。 绝对定位的元素框从文档流完全删除,并相对于其包含块定位,元素原先在正常文档流中所占的空间会关闭元素定位后生成一个块级框。 b.制作菜单的常用方法? 【第一步】我们要先做一个容器(要求:ID为“nav”,宽度为960px,高度为:35px,位于页面水平正中,与浏览器顶部的距离是30px;)【第二步】盒子做好了,我们就要往里面放导航条中的容了“CSS学习学前准备入门教程提高教程布局教程精彩应用”,插入标签有序列表ul,单元格li新建样式—复合类型—#nav ul li{ float:left;};在li标签的CSS属性中加入“list-style:none;”【第三步】后面的文字全部贴着前面的文字。设置
文字大小修改为12px;3)并且规定样式,鼠标移上去和拿开的效果 c.图片与文字的对齐方式?(padding,margin,DIV的float、行高、对齐、背景图片设置属 性) 1. padding简写属性在一个声明中设置所有边距属性。不允许使用负值。可能的值auto、length、%、inherit 2. margin简写属性在一个声明中设置所有外边距属性。该属性可以有1 到4 个值 可能的值auto、length、%、inherit 3. float定义元素在哪个方向浮动none、left 、right、inherit(规定应该从父元素继承float 属性的值) 4. line-height属性可设置行间的距离,不允许使用负值。 5. text-align 属性规定元素中的文本的水平对齐方式。 图像由标签定义。 是空标签,意思是说,它只 包含属性,并且没有闭合标签。 DIV中设置CSS的两种方式(联和外联方式代码) 外联:是指把样式写在一个CSS文件过link标签导入到页面中 例如: 1. 2. 联:是指在同一个页面文件中,统一写出在head style标签中,要使用联样式,你需要在相关的标签使用样式(style)属性。Style 属性可以包含任何CSS 属性。 本例展示如何改变段落的颜色和左外边距: d.ul与li的设置。
网页设计与制作实例教程 习题答案 第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.网络协议分为:硬件协议和软件协议。 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。 11.评价一个网站设计好坏,主要包括创意和制作两个部分。 12.网页制作的工具:HotDog、Notepad、HomeSite属于标记型网页制作工具;Frontpage、Dreamweaver属于所见即所得网页制作工具;Photoshop、Fireworks属于图形处理型网页制作工具;CGI、JAVA属于编程型网页制作工具。 13.图形图像处理主要包括:图形编辑、图像修饰和图像优化。 14.网站设计专业流程:初始商计、网站构思、综合内容、页面布局与导航、图形制作、内容流程、网站测试和验收交付。 15.网站风格:指整个网站所采用的结构布局、色调、文字、标志、图案等要素给浏览者的关于该网站的印象。个人网站的基本风格为3种:主题图形、信息发布及介于两者之间的形式。 16.站点的层次:一般采用三级结构,首页、栏目页、文章页。 17.站点目录结构规划原则:不要将所有文件都存放在根目录下,按栏目内容分别建立子目录,在每个主目录下都建立独立的images
精品网页设计欣赏及评析 1.商业清爽型 国外现在较流行的风格,国内也有不少模范者,可是往往在色彩调配和细节方面有所欠缺。图一图二特点:利用方框构图,简介明了,图片一般大面积出现,但图片一定要结构清晰,色彩鲜明色彩方面多使用大面积浅灰度和白色,以衬托logo 和配图的色彩鲜艳,配以高明度小小色块(如导航处)。因为结构构图简单,细节方面一定要讲究,不适宜有过于复杂的logo 和点缀出现,多用简洁明快的几何图形结合。一般此类风格背景如果是彩色,都会是低纯度低亮度彩色,以反衬主题图片和logo。在大面积背景压住的情况下,图片明度越高越爽。画面应该有一个主色调。注意图二左下脚的logo,有意与背景色调相同,以免抢了视觉中心,这是很多人常犯的错误。图三注意细节图案的使用,这是大多数设计者弱点所在,细直线条与箭头、方块、园点不要乱用,每个点的存在你都要有理由。 2. 商业门户型现在的商业门户网站在几乎都是三栏,上面是logo+banner 。其实门户网站因为信息大,更新频繁,在设计时应该充分考虑可扩展性,我认为可以充分利用下拉特性,充分考虑左上位置的设计,主体争取结构明了简洁。下面我们一起来看看几个门户网站的设计。图四所示的这个网站是卡通网站,广告栏很大,但通过精心设计使之醒目而不凌乱。图片统一使用斜角,统一又不呆板。图五所示网站使用曲线与直线的结合,蓝灰色主色,画面沉静而不脏,这里的色彩难度很高,需要细心调试,色块分割,简单明了。图六所示网站主题部分简之又简,在背景上做足了功夫,轻轻的灰度变化,是现在国际流行的风格,高雅,不花,充分烘托主体。图四图五图六 3. IT 企业实用模板图七图八图九图十 4. 时尚企业网站模板图十一图十二 5. 主题型实用网站模板图十三上图所示模板其logo 和图片以及其绿色的主色调与动物园的环境和业务非常贴切。美食业务主题网站,布局合理大方,整体设计“色香味”俱全,主题鲜明,功能齐全。 6. 学校教育型模板图十四图十五 7. 儿童主题型网站模板图十六图十七图十八图十九 8. 个人个性化网站模板 以下的10个网页设计作品是ThemeForest上最受欢迎的优秀企业网站设计模板的其中一小部分。它们风格低调沉稳,几乎只使用黑白灰三种色彩,却不雷同,并且在细节上都非常讲究。ThemeForest是非常值得网页设计师关注的高品质网站,其上的几乎每一个设计模板都称得上是杰出的设计作品,值得我们认真揣摩学习。这篇文章里我将根据自己的观点对这10个设计模板的设计思路和方法做一总结,列出其中的要点,挖掘值得我们在网页设计中值得借鉴的东西,希望能够对大家有所帮助。
〈网页设计与制作》期末考试试题、单项选择题(本大题共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、