FrontPage2003网页设计教程.ppt

提 纲 一、概述 二、网站设计 三、网页设计 四、表单设计 五、站点发布 练 习 网页编辑： 编辑文本 插入图片 插入Flash或视频 网页修饰：模板 主题 背景 日期和时间 水平线 练 习 网页链接 与当前Web站点的网页建立超链接 与本机中的其它文件建立超链接 与万维网上某一站点建立超链接 网页内链接 E-Mail链接 图片链接 文件下载链接 设置超链接字体效果 设置超链接颜色 设置超链接屏幕提示 删除超链接 练 习 动态效果 DHTML效果 网页过渡 插入交互式按钮 滚动字幕 在网页中加入计数器 美化网页 添加背景音乐: FrontPage支持的音频文件格式有： ＊.wav、 ＊.mid/midi、 ＊.aif/aifc/aiff、 ＊.au、 ＊.rac等。 添加背景音乐操作如下： 在页面编辑区单击鼠标右键，弹出“网页属性”对话框，在“背景音乐”栏中单击“浏览”，在“背景音乐”对话框中选择“背景音乐”文件，单击“打开”设定要播放的次数。 美化网页 添置视频播放 FrontPage支持的视频文件格式有： Windows视频文件(＊.avi)、Windows Media文件(＊.asf)、REALAUDIO文件(＊.ra)等。 添加视频操作如下： 选择“插入”“图片”“视频”，弹出视频对话框，选择准备好的视频，单击“打开” 插入Flash动画 操作如下： 选择“插入”→“图片” →“Flash影片”，在弹出的“选择文件”对话框中选择事先准备好的Flash影片后单击“插入”即可。 制作个人网站：要求网站文件夹的名字要以 “班级+姓名”命名 内容包括： ①主页 ②个人简历 ③个人相册 ④个人爱好 ⑤个人作品：插入Flash影片 技术要求：超链接、主题、滚动字幕、 交互式按钮、网页过渡 常见的网页浏览器包括微软的Internet Explorer、Opera、Mozilla的Firefox、Maxthon和Safari 和一般文本的不同的是，一个HTML文件不仅包含文本内容，还包含一些Tag，中文称“标记”。 关于标记，需要记住的是，它们是成双出现的。 来看个HTML语言的例子：放在单书名号里面的就是标记，它们都是成对出现的。 Dreamweaver：是由Macromedia公司推出的一款可视化的网页设计和网站管理工具。它与Flash、Fireworks合在一起被称为网页制作三剑客。 FrontPage：FrontPage2003是由微软公司推出的新一代网页制作工具，是office办公软件中的一员。我们只需要通过鼠标就可直接生成具有专业效果的web网页。 Photoshop：是一款目前最常用的图形处理软件。 制作网站的流程：主题。也就是说你建立的这个网站是属于个人网站呢，还是企业网站呢，还是综合网站，或是其他类型的网站。要先把主题定下来。 风格：有个主题后，就是定风格。根据主题定风格，是欢快，是时尚，还是神秘呢等等。 规划：之后就可以开始规划具体的栏目了。这个规划就相当于写一本书的提纲一样 配色：再接下来就是配色，只有很好的配色，才能突出主题和风格。 素材：上面都做好后，就要开始收集素材了，收集更主题相关的素材。 编辑： 测试：也可以说是预览。 上传：上传就是把你制作好的网站上传，上传到哪呢？上传到服务器里面。所以说这里面就有个要求，你可以在制作网站之前去申请一个空间和域名，也可以在网站制作好之后再去申请一个空间和域名。你必须要有空间和域名，别人才能通过Internet去浏览到你的网站。 这些就是制作网站的基本流程，当然这个顺序你没必要完全严格的去遵循它，但是可以给你一个参考。 那么建好的个人网站都包括哪些内容呢？Images图片文件夹。网页上会包含文字，图片，动画，