西安邮电学院 网页制作27.pptVIP

　 　 ８.2.8 网页中的表单 含有各种表单域的一个具体表单 ８.3.1 创建本地站点 ８.3 用FrontPage 2003建立网站 任务窗格 “网站模板”对话框 新建站点 ８.3.2 站点的打开与关闭 “打开网站”对话框 ８.3.3 Web站点的发布 1、准备工作 （1）网页测试 （2）准备主页空间 （3）选择发布工具 2．上传网页 “远程网站属性”对话框 发布网站 ８.3.4 个人网站建设实例 1．运用模板创建个人网站站点 2．编辑和修饰网站 通过网站模板建立了网站之后，需要根据个人的需求对页面内容进行一定的修改，这里以修改网站主页标题、图片信息等为例简要描述怎样快速添加个人感兴趣的内容。 网页视图 “网页横幅属性”对话框 “主题”任务窗格 下拉菜单 应用主题 插入超链接 电子邮箱链接 * 　 第８章 网页设计基础 了解网页与网站的基本知识。 掌握网页设计的基本方法。 掌握用FrontPage 2003制作网页的方法。 掌握用FrontPage 2003建立网站的方法。 初步了解动态网页有关知识。 学习目标： ８.1 网页设计初步 ８.2 用FrontPage 2003制作网页 ８.1 网页设计初步 ８.1.1 网页与网站 一个网站通常由众多网页有机地组织起来，为网站用户提供各种各样的信息和服务。网页是网站的基本信息单位。 主页（Homepage）是一种特殊的网页，它专指一个网站的首页。 ８.1.2 网页的相关操作 1．浏览网页 （1）打开IE浏览器。 （2）在IE浏览器的地址栏处，输入需要浏览的网页地址，即该网页的URL 2．保存浏览的网页 3．保存浏览的图片 （1）将鼠标指向图片，单击鼠标右键，在弹出的快捷菜单中，单击“图片另存为”命令，打开“保存图片”对话框。 （2）在“保存图片”对话框中，选择图片保存路径，然后单击“保存”按钮。 3．查看网页的HTML代码 ８.1.3 网页制作的素材 ① 文 ② 图 ③ 声 ④ 动画和视频 ８.1.4 网页的制作方法 HTML语言是构成网页的基础，而可视化的网页制作工具是网页设计的捷径。在制作网前需要了解HTML语言，掌握一种网页制作工具的使用。 1．HTML编码 HTML文件是文本文件，可以用文本编辑器来编辑（如Windows 的记事本、写字板）来编写，只要在保存文件时扩展名使用htm、html等即可。 第一个HTML网页 2．可视化网页制作 ① FrontPage ② Dreamweaver ８.1.5 网站的制作流程 1．确定网站主题 2．准备素材 3．规划网站 4．创建网页 5．网页编码 6．网页链接 7．发布 ８.2 用FrontPage 2003制作网页 ８.2.1 FrontPage基本功能 FrontPage 2003采用与Office 2003其他组件相一致的工作界面，具有易于掌握、使用灵活、功能强大等优点，能与其他Windows应用程序高度集成。 FrontPage 2003不仅支持可视化的网页制作，还具有强大的网站创建、维护和发布功能。 ８.2.2 FrontPage工作界面 1．启动 2．7种试图 （1）网页视图 （2）文件夹视图 （3）报表视图 （4）导航视图 （5）超链接视图 （6）任务视图 （7）远程网站视图 ８.2.3 创建网页 1、新建网页 2、设置网页背景 3、设置网页标题 4、保存网页 选择“文件”菜单中的“保存”命令，打开“另存为”对话框。在保存位置中选择文件夹，在“文件名”文本框中输入文件名，然后单击“保存”按钮。 ８.2.4 文字效果的编排 1．文本的输入 格式工具栏 2、文本的格式化 “字体”对话框 “段落”对话框 2、在网页中插入特殊对象 （1）插入特殊字符 （1）插入水平线 ８.2.5 在网页中插入图像 1．插入图片 （1）将光标定位到需要插入图片的位置上。 （2）打开“插入”菜单，选择“图片”项，最后选择“来自文件”命令，打开“图片”对话框。 （3）在对话框中，选择图片文件，单击“插入”按钮，将图片插入到网页中。 2、设置图像属性 ８.2.6 网页中表格的处理 1．插入表格 2、编辑表格 “表格与单元格属性”对话框 ８.2.7 建立超级链接 1．创建到其他页面或其他网站的超链接 2、创建书签超链接 “书签”对话框 3．创建网页与应用程序间的链接 “书签”对话框