湖南美术出版社九年级美术下册 第6课 我的网页 ——网站设计步骤 课件(共50张PPT)

(课件网) 我的网页 ———网站设计步骤 一、网 页 设 计 2. 网页修饰 3. 网页链接 4. 动态效果 1. 网页编辑 网页的内容丰富多彩，有漂亮的图片、生动的多媒体、规范的表格、交互的按钮。文本是信息传递的载体，是支撑网页的基础，是网页的主要部分，其他都是用来修饰文本的。FrontPage 2003集网站管理、网页制作于一身，对普通的网页具有很强的编辑能力。 网页设计 1) 编辑文本 ① 加入空行或换段 用Enter键空行或换段，按下Shift+Enter组合键则只换行，不产生新的段落。 ② 定义格式 可以对文本的字体、字号、字型、字体颜色、突出显示颜色等格式进行设置，以及对段落的对齐、间距、缩进等格式进行设置。 ③ 设置边框和底纹 选择【格式】→【边框和底纹】命令，可以设置选定段落的边框和底纹等等。 文本是网页中的主体内容，在FrontPage中输入和编辑文本与在Word中非常类似，常用的操作如下： 看图 2. 网页修饰 3. 网页链接 4. 动态效果 1. 网页编辑 2) 插入图片 插入图片会给网页增色，尽量多用小而精的图片。 将插入点定位于要插入图片的位置，选择【插入】→【图片】→【来自文件】命令，在打开的图片对话框中选择要插入的图片，然后单击“插入”按钮。 插入图片后，可以调整图片的大小和位置。先在编辑窗口，单击需要编辑的图片，然后使用“图片”工具栏上的按钮可以对图片进行旋转、翻转、裁剪、调整图像的对比度和亮度、改变图片的效果等。也可以直接在点选图片后，拖动图片四周的控制点来调整图片大小。双击图片，打开“图片属性”对话框，在“外观”选项卡中可以设置图片的环绕方式、对齐方式、边框粗细、间距大小等。 网页设计 2. 网页修饰 3. 网页链接 4. 动态效果 1. 网页编辑 3) 插入flash影片或视频 选择【插入】→【图片】→【flash影片】或【视频】命令，在打开的对话框中选择要插入的flash影片或视频，然后单击“插入”按钮。 插入后，双击进入属性窗口，可把背景色改成透明。 网页设计 2. 网页修饰 3. 网页链接 4. 动态效果 1. 网页编辑 4) 使用列表 在网页中加入项目符号或列表编号可使内容有条理、更清楚，可以通过列表把大量内容简要地描述出来。 还有另外一种形式即列表编号，可以用来描述一个问题的处理步骤和顺序，这两种处理形式在FrontPage中运用起来很方便。 加入项目符号或列表编号与在Word中的操作也很类似。 看图 网页设计 2. 网页修饰 3. 网页链接 4. 动态效果 1. 网页编辑 1) 模板 网页模板是预先设计的、可以包含网页设置、格式和网页元素的网页。 FrontPage内部包含各种各样的网页模板，在网页视图方式下，选择 【文件】→【新建】，在任务窗格中选择“其它网页模板”链接，打开新建网页的模板选择窗口。 在网页模板选择窗口中，有三个标签页，在“常规”标签页中有十多个模板供选择，选择其中某个模板项，然后点击“确定”，即开始按模板新建网页。 切换到主窗口，就可以看到一个有大概结构的网页，这个网页以很清晰的方式提示我们该在什么地方添标题，什么地方添正文，网页段落结构也排得很好，设计者只需按照提示添加相应的内容就可以了。 2. 网页修饰 3. 网页链接 4. 动态效果 1. 网页编辑 网页设计 2) 主题 用模板自动设计出来的网页的页面的背景图、导航栏、颜色选择，边框等都不一定完全符合最终的设计，而且模板不能修改。这时可以使用主题。 主题是FrontPage事先准备好的各种各样的网页模板。在主题中定义了网页背景、导航栏、横幅、按钮等几乎所有网页中的元素的样式。主题的内容有几十种，设计者可以根据自己的喜好选择，这样，可以不用分别对这些页面元素进行设置。 在网页中加入主题的方法为：打开网页，选择【格式 ... ...