《FrontPage2000 网页制作软件》由会员分享，可在线阅读，更多相关《FrontPage2000 网页制作软件（55页珍藏版）》请在金锄头文库上搜索。
1、FrontPage2000 网页制作软件安 杰 aj_第九章 FrontPage2000网页制作软件安 杰aj_信息中心计算机教研室网页设计基础l网页的概念由HTML超文本标记语言编写，用于在IE等 浏览器上播放，网页中通常包括文字、图片 等，文件的扩展名为.htm或.html。l站点（或网站）的概念站点是文件夹，是文件和图形的组合；是由 一张或多张网页组成。网页中的常见元素 文本文本是最重要的信息载体与交流工 具，是网页发布信息所用的主要形式。标题字号字体 图形这里的图形概念是广义的，它可以 是普通的绘制图形，可以是各种图像， 还可以是动画。图片类型很多，如GIF、JPEG、 BMP、PNG
2、、WMF、PCX等，目前在 网页上使用最多的图片格式是GIF和 JPEG。 超链接l超链接是从一个网页指向另一个目的端的链接 。超链接在网页上通常表现为一种特殊的颜色 ，当鼠标指到超链接区域时，指针变为手形标 志。l这个目的端通常是另一个网页，也可以是一幅 图片、一个电子邮件地址、一个文件、一个程 序或者相同网页的不同位置。 l超链接主要由两部分组成：源和所指向的URL地址表格l表格用来控制网页中信息的布局方式。 l表单网页区别于其他媒体的一个重要标志就是它 的交互功能。 通常网页的交互功能都是利用表单来实现的 。声音和视频l声音是多媒体网页的一个重要组成部分 。 l网页的声音文件格式很多，常
3、用的有 MIDI、WAV、MP3和AIF等。常用网页制作工具 l超文本标识语言HTML超文本标识语言（Hypertext Markup Language，HTML）是一种专 门用于Web页制作的编程语言，它能够 对网页内容、页面的格式以及超链接进 行描述，形成HTML文档。 lDreamweaverDreamweaver是Macromedia公司推 出的一款大众化的网页制作软件，它具 有可视化编辑界面，用户不必编写复杂 的HTML源代码就可以生成跨平台、跨 浏览器的网页. Dreamweaver支持动态HTML技术 ，从而奠定了在网页高级设计功能方面 的领先地位。 lFrontPageFron
4、tPage是Microsoft公司推出的网 页制作工具。能够使用户更加方便、快 捷地创建和发布网页，具有直观的网页 制作与管理方法，减少编写HTML语言 代码的工作量，能满足多数用户的需要 。常用的网页美化工具 lFireworksFireworks是由Macromedia公司开 发的基于RGB颜色模式的图形处理工具 。 可以生成占用空间很小、质量很高的 JPEG和GIF图像 。lFlashFlash是Macromedia公司开发的用于 矢量图形编辑和动画创作的专业软件， 它是一种交互式动画设计工具，用它可 以将音乐、声效、动画以及富有新意的 界面融合在一起，以制作出高品质的网 页动态效果。
5、lPhotoshopPhotoshop是Adobe公司开发的图形 处理软件，它是目前公认的PC上最好的 通用平面美术设计软件，它功能完善、 性能稳定和使用方便，所以在几乎所有 的广告、出版和软件公司，Photoshop都 是首选的平面制作工具。 建立网站的基本流程策划阶段l确定主题: 网站的主题也就是网站的题材，是 网站设计首先遇到的问题。 l网站的定位要小，内容要精。 l网站的题材最好选自己擅长或者喜爱的内容。 l网站名称，是网站设计的一部分，而且是一个 关键的要素，和现实生活中一样，网站名称是 否正气、响亮、易记，这对网站的形象和宣传 推广也有很大影响。 制作阶段l整体规划：是组织网站的内
6、容并设计其结构。 l网页设计与制作静态网页的设计与制作（.htm .html )动态网页设计( .asp .aspx )l测试与发布网页功能性测试: 是要保证网页的可用性，达到最初的 组织设计目标，实现所规定的功能。 网页的完整性测试: 是保证页面内容显示正确，链 接准确，无差错无遗漏。后期阶段l网站的宣传与推广l网站的反馈与评价l网站的更新与维护网站要注意经常维护更新内容，保 持内容的新鲜 。网 页 艺 术 设 计 l网页版式设计 1版式设计原则 （1）统一 （2）平衡 （3）连贯和呼应 （4）分割 （5）对比 （6）和谐2常见网页布局 （1）表格布局 （2）框架布局 （3）层布局 （4）自
7、由式布局l网页色彩设计合理运用色彩。在网页设计中，根 据和谐、均衡和重点突出的原则，将不 同的色彩进行组合、搭配来构成美丽的 页面。 FrontPage制作网页l启动FrontPage2000l开始程序Microsoft FrontPage2000 FrontPage窗口组成标题栏菜单栏工具栏视图栏工作区状态栏网页显示方式按钮 （普通、HTML、预览 ）站点的基本操作l创建站点：文件新建站点（将显示五个模板和三个 站点向导）选择模板或站点向导，为新站点 起名，指定新站点的位置。例如输入：C:我的站点 只有一个网 页的站点 该网页文件为：index.htm，它是系统默认的 主页文件 l打开站点：
8、文件打开站点通过路径找到站点l文件夹列表的使用：文件夹列表按钮位于常用工具栏中；在文件 夹列表中使用鼠标右键可创建网页；查看站 点结构。l删除站点单击文件夹按钮，选中要删除的站点编辑菜单删除网页的基本操作l新建网页：菜单文件新建网页（26种模板）l网页的预览预览网页（ 两种方法）FrontPage预览模式IE5l网页的保存文件菜单“保存”文件或“保存”按钮网页设计 l输入及修饰文本文本的换行与分段：回车=分段 Shift+回车=换行文本的修饰：格式字体或格式工具栏中设 置文本的字体、颜色等效果l插入水平线l插入时期和时间网页的主题l设置网页的主题主题决定网页的风格，相当于设计模板。“格式”菜单
9、“主题”或右击工作区主题网页的属性l设置网页属性：背景、音乐等文件菜单属性或右击工作区网页属性网页标题、背景表格l插入表格：精确布局创建表格按钮表格插入表格/标题l表格属性表格改变行高及列宽表格背景表格边框（粗细为0时不显示表线）可以通过设置单元格间距设置分栏效果图形l网页添加图形插入图片剪贴画或来自文件图形的保存：应保存在站点中的Images中图形的处理：使用图片工具栏可以剪裁图形 、设置图形的艺术效果、图形的重新取样等 。图形设置图片外观：右击图片图片属性文字对图片的环绕：格式定位视频和Flashl网页中插入视频插入图片视频: 选择文件l网页中插入Flash动画插入高级ActiveX控件S
10、hockwave Flash Object右击 ActiveX控件属性 Movie URL（键入Flash路径）确定超链接l通过文字创建超链接 选定文字插入超链接 使用浏览器来选择要链接到的网页文件。 链接到本地的一个文件 链接到一个E-mail地址 链接到一个空白的网页 超链接l链接到页面的指定位置（书签）插入书签选定页面中的文本插入超链接选择书签超链接l图片创建超链接选定图片插入超链接超链接l图片热点超链接: 所谓热点，就是指一副图 片中的不同区域. 选定图片：单击图片在图片工具栏中选取长方型、圆型、多边形在图片上画出热点建立超链接表单l插入表单单行文本框、滚动文本框、下拉菜单、复选 框、单选按钮等。l设置表单属性双击表单对象动态网页l滚动字幕 插入组件字幕字幕属性l悬停按钮 插入组件悬停按钮悬停按钮属性:输入文本、设置按钮颜色、效果、效果颜色 、按钮高度和宽度及链接等。l横幅广告 插入组件横幅广告横幅广告管理器 添加选择文件l站点计数器：插入组件站点计数器只有发布网站后才能显示框架l框架式网页的特点：框架式网页的每个 窗口都是一个独立的网页 l创建框架式网页新建网页框架网页l编辑框架式网页框架框架属性l保存框架网页文件保存网页站点的发布l申请个人网址申请免费主页空间http:/ l中华网：http:/l中华网博客： http:/
