北大文计下 期末重点.docx
- 文档编号:8005369
- 上传时间:2023-01-27
- 格式:DOCX
- 页数:17
- 大小:27.28KB
北大文计下 期末重点.docx
《北大文计下 期末重点.docx》由会员分享,可在线阅读,更多相关《北大文计下 期末重点.docx(17页珍藏版)》请在冰豆网上搜索。
北大文计下期末重点
一、概论
●Internet与WWW
✓Internet是由数百万台计算机和数以千万计用户组成的全球范围内的计算机互联网络,是一个世界范围内信息资源的大型集合体系
✓网络信息发布模式:
客户端/服务器(Client/Server)模式
程序运行在服务器上(包括网页);客户端程序即网页浏览器,通过网络进行通信,将网页传送到用户计算机上并显示出来。
●HTML超文本标记语言(HyperTextMarkupLanguage):
用于描述超文本内容的标签系统,是最基本的网页编写语言。
●动态网页:
按照访问者的不同需要,对访问者输入的信息做出不同的响应,提供相应的信息反馈。
●网站项目开发
✓层状结构:
由网站文件的主页开始,依次划分为一级标题、二级标题等等,逐级细化,直至提供给浏览者具体信息。
✓线性结构:
引导浏览者按部就班地浏览整个网站文件。
常用于意义平行的页面
✓层状结构+线性结构:
这样可以充分利用两种结构各自的特点
二、HTML基础
●HTML(HyperTextMarkupLanguage,超文本标记语言)
✓表示网页的一种规范,它通过标记符定义了网页内容的显示
✓由国际组织W3C(WorldWideWebConsortium万维网联盟)制定和维护
✓HTML4.01-1999年确定
✓HTML5,2012年12月17日定稿
●标记符
✓<标记符>受此标记符影响的内容</标记符>
✓<标记符属性1=“属性值1”属性2=属性值2…>受影响的内容</标记符>
✓标记符是不区分大小写的
●Web安全色=216
✓28=256–40(微软、mac系统保留色)=216
✓跨平台,所有计算机都能正确显示
●页面背景图像
✓background-repeat:
repeat;
⏹repeat:
在纵向和横向上平铺(默认)
⏹no-repeat:
不平铺
⏹repeat-x:
在横向上平铺
⏹repeat-y:
在纵向平铺
●字符样式
粗体bold斜体italic
下标subscript上标
删除线下划线
●表格属性
✓表格边框border
✓尺寸widthheight=100/80%
✓cellpadding单元格内容与边框之间的空白
✓cellspacing单元格之间的距离
✓背景色bgcolor
●什么是表单
表单是用于实现网页浏览器与服务器之间信息交互的一种页面元素,被广泛用于各种信息的搜集和反馈。
●表单控件(FormControls),常用控件有:
✓inputtype="text"单行文本输入框
✓inputtype="checkbox"复选框
✓inputtype="radio"单选框
✓select下拉框
✓textArea多行文本输入框
✓inputtype="password"密码输入框(输入的文字用*表示)
✓inputtype="submit"将表单(Form)里的信息提交给表单里action所指向的文件
性别
请选择喜欢的颜色
红色
蓝色
绿色
●Action(wrong)
✓指明处理表单信息的文件URL,如./html-39.asp
●Method:
发送表单信息的方式
✓get,将表单控件name中的value值经过编码之后,通过URL发送(可以在地址栏里看到),常用于只是为取得和显示数据
✓Post,将表单的内容通过http发送,在地址栏看不到。
常用于涉及数据的保存和更新时
●CSS
CascadingStyleSheets--层叠样式表单
高级版面样式和位置控制
✓优点
⏹解决了网页界面排版的难题
⏹站点维护更方便(母版)
⏹样式信息独立于结构信息
✓缺点
⏹不是所有浏览器都支持
✓CSS语法
⏹属性:
属性值;color:
red;
⏹注释:
/**/
⏹Style设置多个属性,属性之间分号分隔
●样式
✓内嵌样式(InlineStyle)
⏹是写在标签内,只对所在的标签内有效
✓内部样式表(InternalStyleSheet)
⏹写在head中,对所在的网页有效
✓外部样式表(ExternalStyleSheet)
⏹将样式(Styles)写在一个以.css为后缀的CSS文件里,在需要用到这些样式的网页里引用此文件
●JavaScript
✓一种专门用在网页中的脚本语言
●HTML5-是开放web网络平台的奠基石
✓主要特点
⏹技术公开、跨平台性好
⏹移动应用和游戏
⏹多媒体元素(视频和音频),替代Flash(adobe已经放弃flash开发)等
⏹代码清晰-标签去掉了几个,增加了几个,提高用户友好体验
⏹表单、web存储、应用缓存
⏹拖放、画布
⏹地理定位
✓但有缺点
⏹还在发展
⏹有些浏览器不支持-标准之争
⏹2013年3月4日,HTML5编程语言的一个最新漏洞被发现,它允许网站利用数GB垃圾数据对用户展开轰炸,甚至会在短时间内将硬盘塞满。
多款主流浏览器均会受此影响
●框架frame
✓内容可以滚动浏览,但导航工具栏不变。
✓优点:
可以将窗口的某一部分不动,其他较长内容部分可滚动
✓缺点:
html5不支持,过时
三、Fireworks
●选择工具:
✓指针工具:
选择对象或选择画布。
✓选择后方对象工具:
多层次对象时,反复点击,即可选择后方对象
✓部分选定工具:
可修改矢量路径(矢量点);可选择组合后的单个对象
⏹若要单独改变路径点一端的控制手柄,ALT键
✓扭曲工具:
各个矢量点的相对位置
●橡皮图章:
将图象的一个区域复制到另一个区域。
✓选择橡皮图章工具
✓鼠标左键-建立图象取样点和范围
✓目标区域-鼠标左键-拖动鼠标开始绘制
●魔术棒:
在图像中选择一个颜色相似区域
●小刀工具:
将一条路径切断
✓选择路径-选择小刀-切
●正圆:
shift+
●绘制“心”heart.
✓绘制两个正圆
✓对齐、移动到一起
✓修改-组合路径-联合
✓通过节点调整图形形状,并删除两个节点
●蒙版:
用来充当一扇朦胧的窗户,通过它便可以显示或是隐藏蒙版下方对象的某些部分
●快捷键:
✓显示比例:
使用Ctrl=(+)快捷键放大Ctrl-快捷键缩小
✓指针v(按一下v就变回指针),文本t
●对于任何一个图片,可以利用切片工具,制作热点
●符合窗口大小:
所选择的对象将被设置为符合窗口大小
●隐藏选区:
相当于层上对象的小眼睛闭上,所选择的对象被隐藏,可通过层面板看见和调出
四、网站规划开发
●整个网站开发分为:
规划、设计、开发、发布与维护四个阶段
●建站流程
1)网站的主题定位
2)资料收集
3)结构设计
4)形象设计
5)主页设计
6)其他页面设计
7)站点规划
8)定义站点
9)测试
10)申请域名和空间
11)上传
12)宣传
五、Dreamweaver
●概述
✓1997年Macromedia开发出Dreamweaver软件。
与Web图像处理工具Fireworks、矢量动画工具Flash一起被称为网页制作“三剑客”
✓提供强大的网站管理功能,适合单个网页和大型网站的开发。
支持动态网页技术,CSS、层、JavaScript、Flash、Shockwave、ActiveX等
●创建简单网页
✓创建新页面crtl+N
✓修改页面属性crtl+J
●一种插入文本的方式就是从MicrosoftWord等其他文本编辑器中复制到文档窗口中。
Dreamweaver不会保留其他程序的文本格式,但文本中换行符会被保留,废代码较多。
●如果需要在浏览器窗口中查看网页效果,则应按下“F12”键。
●创建轮替图:
“插入”-“图像对象”-“鼠标经过对象”
●超级链接
✓外部链接:
本站点之外的站点或文档,也可以是程序,如电子邮件等
✓内部链接:
跳转到本站点的其他资源。
✓局部链接:
跳转到当前页面的特定位置,比如跳转到网页的顶部或底部
●链接路径
✓绝对路径:
提供所链接文档的完整URL,包括协议(如对于Web页,通常使用http协议)。
如,
✓根目录相对路径:
/layer/layer.htm表示位于根目录下的layer文件夹中的layer.htm文件。
根目录相对路径通常应用于链接那些在站点根目录中经常移动的链接。
✓文档相对路径:
layer.htm是指当前文件夹layer中的一个文档,则../index.htm表示此文件上一层文件夹中的文档;而link/context.htm就是指当前文件夹中的一个名为link的文件夹中的文件。
常用来链接同当前文档处于同一个文件夹中的文件
●锚点链接:
锚记名称区分大小写,同一篇文档中锚名称不能重复。
✓常用“命名锚记”按钮,在弹出的对话框中输入锚点名称(最好使用有意义的英文字符或用汉语拼音代替)
✓将光标定位到文档窗口中要跳转到的定义锚点的区域,选中文本或图像。
✓在“属性”的“链接”文本框中首先输入一个“#”号,再输入锚点名称(它们之间不要有空格)
●“目标”选项
✓_blank:
在新浏览器窗口中打开链接,同时保持当前窗口不变。
✓_self:
在当前框架或窗口中打开链接,同时替换该框架中的内容。
为默认选项。
✓_parent:
在显示链接的框架的父框架集中打开链接,同时替换整个框架集。
如果包含链接的框架不是嵌套框架,则所连接的文档会载入整个浏览器窗口。
✓_top:
在当前浏览器窗口中打开链接,同时替换所有框架。
✓注意 只有在框架集内编辑文档时才显示框架名称。
当在文档自身的“文档”窗口中编辑该文档时,框架名称不显示在“目标”弹出式菜单中。
如果正在编辑框架集外的文档,则可以将目标框架的名称键入“目标”文本框中。
✓提示 如果链接到自己站点外的某一页面,请始终使用target="_top"或target="_blank"来确保该页面不会显示为您站点的一部分。
●管理站点中的链接
✓检查超链接:
窗口-结果-链接检查器,可直接修改
✓站点-更改整个站点链接:
将所有指向某个文件的链接修正为另外一个链接
●APdiv元素绝对定位元素
✓分配有绝对位置的HTML页面元素
✓控制文字和对象的位置,包含文本、图像或其他任何可在HTML文档正文中放入的内容
✓主要用于高效地进行页面布局排版工作
●创建层
✓插入面板“布局”-“层”按钮,鼠标指针变成十字形
✓拖动鼠标,绘制层。
✓如果希望一次添加多个层,可以在按住Ctrl键的同时,单击绘制层按钮,就可以在窗口中连续绘制多个层
●设置层的属性
✓选中该层:
在想要选中的层的边框上单击鼠标左键;在按下Shift键的同时,再单击层中任意位置;单击层标记。
✓Z轴:
用于设置层在层重叠中的顺序。
该值可取正值、0、负值。
Z轴值大的层在Z轴值小的层上面。
✓“显示”下拉列表框,用于设置插入新APdiv元素时的可见性:
⏹Default系统默认选项
⏹Inherit嵌套APdiv元素的父级上,继承父级的显示属性
⏹Visible可见
⏹Hidden不可见
✓“溢出”下拉列表框:
⏹Visible内容超出APdiv元素时,自动扩展容纳超出的内容
⏹Hidden内容超出APdiv元素时,隐藏超出部分的内容
⏹Scroll添加垂直和水平滚动条
⏹Auto根据内容自动添加垂直和水平滚动条
●层的操作
✓对齐:
选中要对齐的层,“修改”-“对齐”,与最后一个选中的层在某方向上对齐
✓嵌套:
在一个层中插入另外一个层,嵌套层随其父层一起被移动
⏹先激活一个层,再“插入”-“层”
⏹若要将已经存在的两个层变为嵌套层,可以在层面板中,按下Ctrl键的同时将一层拖动到另一层上
●CSS冲突
当两个或更多的CSS样式应用于同一文本时,显示这两种样式的所有属性,除非特定的属性发生冲突。
特定的属性发生冲突,则浏览器显示最里面的样式。
●选择器类型
✓类:
类名(以“.”开头的英文),使用最广泛。
是唯一可以应用于文档中任何文本的CSS样式类型
✓标签:
对HTML标签重新定义
●新建样式表文件:
新定义的样式表将作为一个独立的外部样式表存在
●用CSS美化超链接
✓a:
link:
正常状态下链接文字的样式。
✓a:
visited:
已经访问过的链接文字的样式。
✓a:
hover:
当鼠标指针移到链接文字时文字的样式
✓a:
active:
在链接文字上按下鼠标左键时链接文字的样式
●表单:
文档中定义一个表单体
✓文本域:
可输入数字和字母,可输入“*”用于密码保护。
可有单行和多行文本。
✓隐藏域:
提交对用户而言是隐藏的某些信息,如提交用户的IP、喜好的查看方式。
或者存储用户输入的信息,该用户下次访问该站点时可以再次使用这些数据。
插入-表单-隐藏域。
✓复选框:
复选框允许用户在一组选择中有多个选项。
✓单选按钮:
即在一组选择中只能选择其中之一。
(name不同,组不同)
✓单选按钮组:
在表单中插入一组单选按钮集合。
✓列表/菜单:
普通列表和菜单列表
菜单:
与跳转菜单结合使用,选择后可打开指定的网页
列表:
可指定高度,可允许多选,
✓跳转菜单:
插入一个菜单列表框,并将菜单中的每一项链接到指定的网页。
当选择某项后浏览器即打开该项链接的网页。
“每一项菜单之后插入一个前往按钮”
✓图像域:
利用图像域可以用图像替换“提交”按钮,使按钮图像化。
✓文件域:
在表单中插入一个“文本区域”和一个“浏览”按钮,可以用于给服务器上传文件。
✓按钮:
接受鼠标单击并执行指定的任务。
✓标签和字段集:
不常用。
●表单体的属性
✓动作:
指定处理该表单的网页或脚本的路径。
可以在文本框中键入URL地址,也可以单击文件夹图标定位到同一站点中包含该脚本或应用程序页的相应文件夹。
✓MIME类型:
指定对提交给服务器进行处理的数据使用MIME编码类型。
按默认设置即可。
✓方法:
设置表单数据发往服务器时的方法:
⏹POST:
参数在消息的正文中发送的/将在HTTP请求中嵌入表单数据
⏹GET:
将参数追加到请求的URL上。
只能传递不超过8192字节的表单数据(常为默认的方式)。
●行为:
利用简单语句,添加动态效果和简单的交互功能
●行为=事件+动作。
✓动作:
预先写好的JavaScript代码。
如打开一个新的浏览器窗口、播放一段声音等
✓事件:
浏览器对每一个页面元素的响应途径,与具体的页面对象关联在一起。
如鼠标悬停、鼠标移出和单击
●事件-鼠标事件:
✓Mouseover-鼠标移动到目标;Mousemove-在目标上移动;mouseout-移出目标
✓Mouseup-鼠标在目标松开;Mousedown-鼠标在目标按下
✓Click-在目标上单击;Dblclick-上双击
✓键盘事件keyDown、keyUp、keyPress等
✓Other:
ready(准备就绪)、load(载入内容)、unload(关闭内容)、change(内容改变)、blur(失去焦点)、focus(获得焦点)
●加入行为:
✓给网页元素加上一定的事件,以及由这个事件所触发的动作
✓给整个网页添加一个行为:
当我们打开这个网页时,浏览器会弹出一个窗口
●添加删除行为:
利用行为面板
每一个行为,其实质都是一段JavaScript程序。
添加一个行为后,在HTML的源文件中会插入这些JavaScript程序。
只有通过行为面板来删除行为,才能将这些JavaScript程序完全去掉。
否则,遗留的代码会影响网页的效果和质量
●定义多个动作的触发顺序
一个事件可以触发多个动作,在行为面板中位置靠上的先被执行。
●在行为面板上选择欲改变次序的行为,单击面板中的“提高”或“降低”按钮
●行为包括:
✓调用JavaScript
✓播放声音
✓打开浏览器窗口
✓检查浏览器
✓弹出式菜单
六、Flash
●概述
✓1996年开始,逐渐成为交互式矢量动画的标准
✓Flash是目前最流行的多媒体软件之一
✓丰富绚丽的动态效果,文件相对较小,可以有交互性
✓最流行的动画作品的制作工具(如网上各种动感网页、LOGO、广告、MTV、游戏和高质量的课件等)
●特点
✓生成的动画文件可以独立播放
用Flash制作的动画作品不仅可以在线观看,也可以离线观看,并同时保留其原来动画中的各种交互式操作功能。
✓流媒体动画
Flash播放器在下载Flash影片时采用流媒体方式,也就是说,在Flash文件还没有完全下载完毕时就播放动画,即下载的同时进行播放。
✓文件体积较小
采用是矢量图,生成的文件相对较小:
使用关键帧和图符使得所生成的动画(.swf)文件非常小,非常适合低带宽的互联网
✓可自由缩放,自动调整图像尺寸
可根据浏览者对浏览器窗口尺寸的改变自动调整窗口中网页内容的尺寸,这样就不会因为浏览器窗口的缩小而丢失网页内容
✓具有交互式作用的多媒体影片:
可通过ActionScript脚本语言与使用者建立交互式关系,使用者可以通过键盘操作或鼠标操作与影片之间产生互动
●三大功能
✓绘画
✓动画,包括MTV等
✓交互动画,主要包括游戏等
●刷子
✓标准绘画-边框和填充
✓颜料填充-只修改填充色
✓后面绘画-舞台上所有的对象的后面
✓颜料选择-必须先用套索等选择工具选区一个颜色区域
✓内部绘画-只修改起始点的区域
●橡皮擦
✓标准擦除
✓擦除填色
✓擦除线条
✓擦除所选填充
✓内部擦除
●库、元件、实例
✓库:
元件和实例的载体。
包括动画、图形、按钮、声音、视频及其他对象等。
可以是内部创造的或引入的JPG、GIF、BMP等。
✓元件:
是动画和库中最基本的元素。
⏹制作一次,可重复使用
⏹自动更新
⏹减小文件大小,增快文件下载速度
✓实例:
位于舞台上或嵌套在另一个元件内的元件副本
●元件
✓种类
⏹图形元件:
主要用于表现静止的图形e-动画补间
⏹按钮元件:
类似按钮,对鼠标的按下、拖曳等产生交互动作
⏹影片剪辑元件:
可有自己独立的时间轴,常用于制作需要复合运动的场合。
✓操作:
⏹插入-新建元件
⏹修改-转换为元件
●影片剪辑
✓插入影片剪辑元件到库中
✓若需要影片只播放一次,在影片元件的最后一帧上添加动作stop
●按钮
✓由4个关键帧组成:
弹起、指针经过、按下和点击(响应鼠标单击的区域,此区域在SWF文件中是不可见)
●Flash中支持的音频格式
✓WAV(onlywindows)
✓AIFF(onlymacintosh)
✓MP3(both)
●声音
✓可以独立与时间轴,也可以动画和声音同步
✓在鼠标经过或单击时,发出特定的声音等
✓导入
⏹文件-导入,存在库中
⏹添加到图层
✓效果
⏹事件:
无论声音是否结束,只要从头开始,再次添加声音
⏹开始:
直到本声音结束后,才开始新的声音
⏹结束:
结束上一个声音,播放本声音
●逐帧动画(Frameby
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 北大文计下 期末重点 北大 文计下 期末 重点