当前位置:文档之家› 大学计算机基础(Windows 10+Office 2016) 第9章 网页制作

大学计算机基础(Windows 10+Office 2016) 第9章 网页制作

重命名文件或文件夹:选择需重命名的文件或文件夹并单击鼠标右键,在弹出的快捷 菜单中选择【编辑】/【重命名】命令,使文件或文件夹的名称呈可编辑状态,在可编辑的 名称框中输入新名称即可。
大学计算机基础(Windows 10+Office 2016)
第9章 网页制作
9.2.3 创建网页基本元素
1.在网页中添加文本
后单击“浏览文件夹”按钮 。
打开“选择根文件夹”对话框,在该对话框中选择存放站点的路径,然后单击

钮。
大学计算机基础(Windows 10+Office 2016)
第9章 网页制作
9.2.1 创建本地站点
返回到“站点设置对象wasj”对
话框中,在“本地站点文件夹”
对话框中则会显示存储站点的路
大学计算机基础(Windows 10+Office 2016)
第9章 网页制作
9.2.3 创建网页基本元素
3.在网页中添加多媒体元素
(1)插入HTML5 Video HTML5最重要的新特性就是对音频和视频的支持,如视频的在线编辑、音频的可视化 构造等。而HTML5 Video元素是一种将视频和电影嵌入到网页中的一种标准样式。 (2)插入HTML5 Audio音频文件 HTML5 Audio是HTML5 音频元素提供的一种将音频内容嵌入网页中的标准方式。同 样,HTML5音频文件在插入时,只是以一个占位符的形式进行显示。
径,单击
按钮。
大学计算机基础(Windows 10+Office 2016)
第9章 网页制作
9.2.1 创建本地站点
返回Dreamweaver CC 2019主 界面中,则会在“文件”面板中 查看到创建的wzsj站点。
大学计算机基础(Windows 10+Office 2016)
第9章 网页制作
网页:网页是组成网站的基本单元,用户上网浏览的一个个页面就是网页。网页又称 为Web页,一个网页通常就是一个单独的HTML文档,其中包含有文字、图像、声音和超 链接等元素。
大学计算机基础(Windows 10+Office 2016)
第9章 网页制作
9.1.2 网页的构成要素
文字
Logo
导航
超链接
大学计算机基础(Windows 10+Office 2016)
目录
CONTENTS
9.1 网页设计基础 9.2 制作基本网页 9.3 使用表格布局网页 9.4 使用DIV+CSS统一网页风格 9.5 使用表单和行为
大学计算机基础(Windows 10+Office 2016)
第9章 网页制作
9.2.1 创建本地站点
【例】创建一个名称为“wzsj”的本地站点。
启动Dreamweaver CC 2019,选择【站点】/【新建站点】命令,打开“站点设置对象
未命名站点1”对话框。
在“站点名称”文本框中输入站点名称,这里输入“wzsj”,单击对话框中的任一位置,
确认站点名称的输入,此时对话框的名称会随之而改变。在“本地站点文件夹”文本框
第9章 网页制作
9.1.1 网页与网站的概念
网站:网站是指在互联网上根据一定的规则,使用HTML(标准通用标记语言)工具 制作的用于展示特定内容相关的一组网页的集合。通常情况下,网站只有一个主页,主页中 会包含该网站的标志和指向其他页面的链接,用户可以通过网站来发布想要公开的资讯,或 者利用网站来提供相关的网络服务。也可以通过网页浏览器来访问网站,获取自己需要的资 讯或者享受网络服务。
9.2.2 管理站点中的文件和文件夹
添加文件或文件夹:网站内容的分类决定了站点中创建文件和文件夹的个数,通常, 网站中每个分支的所有文件统一存放在单独的文件夹中,根据网站的大小,又可进行细分。
移动和复制文件或文件夹:新建文件或文件夹后,若对文件或文件夹的位置不满意, 可对其进行移动操作。
删除文件或文件夹:选中需删除的文件或文件夹,单击鼠标右键,在弹出的快捷菜单 中选择【编辑】/【删除】命令,或直接按“Delete”键,在打开的对话框中单击“是”按 钮可删除文件或文件夹。
【例】在“hhjj.html”网页中输入文本。 打开“hhjj.html”网页文件,将插入点定
位到内侧DIV中,输入“花火植物家居 馆……”文本(具体内容可参见提供的花 火简介.txt素材),当输入完“进出口等 为一体的农业产业化国家重点龙头企业。” 后按“Enter”键分段。
大学计算机基础(Windows 10+Office 2016)
第9章 网页制作
9.2.3 创建网页基本元素
打开“花火简介.txt”文件,选择除 第1段外的其他文本,按“Ctrl+C” 组合键复制,返回“hhjj.html”网 页文件,然后按“Ctrl+V”组合键 粘贴。
大学计算机基础(Windows 10+Office 2016)
第9章 网页制作
9.2.3 创建网页基本元素
ER
大 学 计 算 机 基 础 (Windows10+Office 2016)
第9章 网页制作
目录
CONTENTS
9.1 网页设计基础 9.2 制作基本网页 9.3 使用表格布局网页 9.4 使用DIV+CSS统一网页风格 9.5 使用表单和行为
大学计算机基础(Windows 10+Office 2016)
2.在网页中添加图像
(1)插入图像 在网页恰当的位置插入图像, 不但可以为网页增彩增色,还可以 使整个网页更有说服力,从而吸引 更多浏览者。
(2)插入鼠标经过图像 插入鼠标经过图像,是指当鼠标经过 图像时变化成另一张图像,是网页中较为 常见的一种操作。选择【插入】/【鼠标经 过图像】命令,打开“插入鼠标经过图像” 对话框,在其中进行设置。
视频
图像
表单元素
动画
音频
大学计算机基础(Windows 10+Office 2016)
第9章 网页制作
9.1.3 常见的网站类型
门户网站
个人网站
企业网站
大学计算机基础(Windows 10+Office 2016)
专业网站
职能网站
第9章 网页制作
9.1.4 网站开发的工具
Dreamweaver CC是集网 页制作和网站管理于一身的网页 编辑器,是第一套针对专业网页 设计师特别发展的视觉化网页开 发工具,利用它可以轻而易举地 制作出跨越平台限制和跨越浏览 器限制的网页。
相关主题