《振动与波》PPT课件.ppt
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_05.gif)
《《振动与波》PPT课件.ppt》由会员分享,可在线阅读,更多相关《《振动与波》PPT课件.ppt(53页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、第8章 网页制作基础兰州大学信息科学与工程学院8.1 概述 8.2 创建和管理站点8.3 使用表格布局网页8.4 编辑网页 8.5 发布站点8.6 动态网页技术介绍兰州大学信息科学与工程学院8.1 概述back兰州大学信息科学与工程学院兰州大学信息科学与工程学院8.1.1 基本概念网页(Web Page)网页是一种可以在WWW上传输,并能被浏览器解释和呈现的文件。是网站最基本的组成单位。网页可分为静态网页和动态网页。都可以包含各种视觉动态效果,区别在于客户端与服务器之间是否发生交互行为静态网页的扩展名通常为.htm或.html等。动态网页的扩展名较多,如.asp、.jsp、.aspx和.php
2、等。兰州大学信息科学与工程学院8.1.1 基本概念网站(Web Site)网站是相关网页的集合,这些网页之间通常具有一定的链接关系。网站由域名、网页和主机空间组成,用户通过浏览网页来访问网站。如果访问者在浏览器的地址栏里输入网站的域名或IP地址,浏览器将会自动打开网站的默认首页(又称主页)。兰州大学信息科学与工程学院8.1.1 基本概念统一资源定位地址(Uniform Resource Locator,URL)统一资源定位地址完整地描述Internet上网页和其他资源的地址,主要用于指明通信协议和地址,例如。URL的一般格式为:协议:/IP地址或域名/路径/文件名兰州大学信息科学与工程学院8.
3、1.1 基本概念超链接(Hyperlink)超链接是组成网站的基本元素,通过它可以在网站内部网页或资源之间建立链接,也可以与其他网站的网页或资源之间建立链接。超链接是网页的一部分,它记录了链接目标的URL。当访问者单击已经创建超链接的文字或图片后,链接目标将自动打开。兰州大学信息科学与工程学院8.1.1 基本概念超文本(Hypertext)超文本是一种包含网页元素和效果,具有超链接功能的网状文本。超文本通常使用超文本置标语言(HTML)进行编辑,它能够对网页的内容、显示效果及超链接进行描述,形成HTML文档。兰州大学信息科学与工程学院8.1.2 常用网页制作工具文本编辑器:Notepad、Ul
4、traEdit可视化网页编辑软件:Dreamweaver、FrontPage图像处理软件:Photoshop、Fireworks音频处理软件:Adobe Audition、GoldWave视频处理软件:Adobe Premiere、会声会影动画制作软件:Flash兰州大学信息科学与工程学院8.1.3 Dreamweaver介绍Dreamweaver是Adobe公司的集网页制作和网站管理于一身的可视化网页编辑器。兰州大学信息科学与工程学院8.1.3 Dreamweaver介绍工作界面文档窗口标签选择器文档工具栏属性面板状态栏浮动面板组插入工具栏兰州大学信息科学与工程学院8.1.4 案例介绍案例是
5、一个关于现代诗“再别康桥”欣赏的网站,网站名称为“zbkq”。兰州大学信息科学与工程学院8.1.4 案例介绍8.2 创建和管理站点back兰州大学信息科学与工程学院兰州大学信息科学与工程学院8.2.1 创建本地站点站点就是放置网站文件的一个文件夹,每一个网站都要有一个自己的站点,以便方便有效地管理站点中的各种资源。本地站点:在本地开发时使用的文件夹。兰州大学信息科学与工程学院8.2.1 创建本地站点创建演示案例的本地站点,操作步骤如下:选择菜单命令【站点】【新建站点】,弹出“站点定义向导”对话框,输入站点名称“zbkq”。单击【下一步】按钮。选择“否,我不想使用服务器技术”。单击【下一步】按钮
6、。选择第一个选项,然后指定文件存储在本地硬盘的位置为“D:zbkq”。单击【下一步】按钮。从下拉列表框中选择【无】。单击【下一步】按钮。单击【完成】按钮,站点创建完成,站点zbkq将显示在“文件”面板中。兰州大学信息科学与工程学院8.2.2 向站点中添加内容向站点中添加网页文件index.html和zzjs.html 打开站点zbkq,在面板中单击鼠标右键,从弹出菜单中选择【新建文件】命令,新建一个网页文件。新建网页的默认名称是untitled.html,将untitled.html命名为index.html。使用同样的方法添加网页zzjs.html。在index.html上单击鼠标右键,从弹
7、出菜单中选择【设成首页】命令,将其设置成主页。添加文件夹的方法与添加网页的方法类似,在站点zbkq中添加两个文件夹images和media。兰州大学信息科学与工程学院8.2.3 管理本地站点Dreamweaver 8提供了强大的站点编辑和管理功能。选择菜单命令【站点】【管理站点】,弹出“管理站点”对话框。8.3 使用表格布局网页back兰州大学信息科学与工程学院兰州大学信息科学与工程学院8.3.1 插入表格向index.html中插入一个表格,操作步骤如下:打开index.html。选择菜单命令【插入】【表格】,或者在“插入”工具栏的“常用”选项卡中,单击“表格”按钮,弹弹出“表格”对话框。在
8、“表格”对话框设置行数为2,列数为1,表格宽度为300像素,边框粗细、单元格边距和单元格间距均为0。兰州大学信息科学与工程学院8.3.1 插入表格向index.html的表格中嵌入两个表格,操作如下:将光标定位到表格的第一个单元格,插入一个表格,表格属性为:行数1,列数2,表格宽度100%,边框粗细1,单元格边距0,单元格间距1。将光标定位到表格的第二个单元格,插入一个表格,表格属性为:行数4,列数2,表格宽度100%,边框粗细1,单元格边距0,单元格间距1。兰州大学信息科学与工程学院8.3.2 选择表格元素1.选择表格单击表格中任一单元格,然后在“标签选择器”中选择“”标签。单击表格中任一单
9、元格,然后选择菜单命令【修改】【表格】【选择表格】。2.选择行或列将鼠标指针移动到行的左边缘或列的上边缘。当鼠标指针变为选择箭头或时,单击以选择当前行或列。按住鼠标左键进行上下或左右拖动,可以选择相邻的多个行或列。选择不相邻的行或列,可以在按住Ctrl键的同时选择行或列。兰州大学信息科学与工程学院8.3.2 选择表格元素3.选择单元格选择单个单元格,执行下列操作之一:单击单元格,然后在“标签选择器”中选择“”标签。按住Ctrl键,然后单击单元格。选择一行或矩形的单元格块,执行下列操作之一:从一个单元格拖到另一个单元格。单击一个单元格,然后按住Shift键单击另一个单元格。这两个单元格定义的直线
10、或矩形区域中的所有单元格都将被选中。选择不相邻的单元格,可以在按住Ctrl键的同时单击要选择的单元格。兰州大学信息科学与工程学院8.3.3 设置表格属性表格和单元格分别有各自的属性面板,可以分别进行参数设置。选择index.html中第一个插入的表格。指定表格ID为table0,宽为777像素,对齐为居中对齐,背景图像为images/table_bg.gif。选择table0的第一行后。设置垂直对齐方式为顶端,高度为162像素。兰州大学信息科学与工程学院8.3.3 设置表格属性选择第一个嵌套表格,指定ID为table1,高为156像素,边框颜色为#0099CC。选择table1的第一个单元格,
11、指定宽度为568像素。选择第二个嵌套表格,指定表格ID为table2,边框颜色#0099CC。选择table2的第一行的两个单元格和第三行的两个单元格,指定高度为28像素,背景图像为images/table_title.gif。选择table2的第二行,指定高度为240像素,第一列宽度468像素。选择table2的第四行,指定高度为80像素。兰州大学信息科学与工程学院8.3.4 添加及删除行和列在index.html中table2的最后添加一个新行,操作步骤如下:单击table2的最后一个单元格。选择菜单命令【修改】【表格】【插入行或列】,弹出“插入行或列”对话框。选择“行”,设置“行数”为1
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 振动与波 振动 PPT 课件
![提示](https://www.deliwenku.com/images/bang_tan.gif)
限制150内