项目七网页制作软件Frontpake的应用概论.ppt

任务一 用记事本创建一个简单的文字网页;7.1.1 HTML语言概述 HTML脚本都是以html标记开头，/html标记结尾。 在html……/html标记之间是HTML的脚本内容，一般情况下它分为两部分：“头部”和“主体”。 头部是由head……/head标记组成的，其中包含了该HTML脚本的标题和说明信息（如编码方式、关键字、编辑软件、作者信息等）。 主体部分是由body作为起始标记，/body作为结束标记，其中所包含的就是在浏览器中所看到的内容，包括文字、图片、动画等。 做一个简单的例子打开一个文本文档，输入如下代码，然后将这个文件存成first.html。 html head titleTitle of page/title /head body This is my first homepage.（个人页面） bThis text is bold（加粗）/b /body /html 可以看到这些文本在网页中的效果。 ;7.1.2 HTML脚本中的标记 1．标记有三种语法格式 （1）标记内容/标记 （2）标记　属性1=参数1 属性2=参数2 …内容/标记 （3）标记 不同的标记采用不同的语法格式，其中的参数要加引号。 2．常用的标记 （1）html/html （2）head/head （3）body/body （4）title/title （5）p/p （6）br （7）font/font （8）b/b和i/i （9）img （10）a/a （11）table.../table （12）form.../form ;7.1.3任务实施： 步骤1. 打开记事本，在记事本中输入如下代码： html body bgcolor=yellow h1 align=center这是一个简单的网页/h1 p上面的1号标题是居中显示的。/p h2世界/h2 h3中国/h3 h4山东省/h4 h5德州市/h5 h6德城区/h6 p用hr这个Tag可以在HTML文件里加一条横线。/p hr pb粗体用b表示。/b/p hr ppre 这是预格式(preformatted)文本 浏览器会保留pre里面的空格和分行。 /pre/p /body /html 步骤2. 选择文件菜单保存命令，在弹出的对话框中将保存路径设置为“桌面”，再将文件名称由“*.txt”改为“简单网页.html”，单击保存按钮。 步骤3. 返回到桌面，双击桌面上的“简单网页.html”，观看最终效果。;任务描述：FrontPage2003是Microsoft公司推出的Office2003组件之一，是一个网页制作和网站维护工具。如何利用FrontPage 2003创建新的网页文件呢？ 任务分析：FrontPage 2003提供了“所见即所得”的网页创作环境可以轻松愉快地制作出自己喜爱的网页。它的工作方式与Word非常相似，有了使用Word的基础，使用FrontPage2003能很容易的制作出满意的网页。 知识点：启动与退出 窗口界面 新建空白网页及站点;7.2.1 FrontPage 2003的启动与退出 1. FrontPage的启动 启动FrontPage2003有两种方法： （1）单击任务栏中的“开始”按钮，在“开始”菜单中选择“程序”→“Microsoft FrontPage 2003”菜单命令即可，打开的窗口界面如图7-1所示。 （2）如果在桌面上添加了 Microsoft FrontPage2003 的快捷方式，双击其图标即可。 2．FrontPage2003 的退出 使用结束需退出 FrontPage2003系统时，有五种方法： （1）选择“文件”→“退出”菜单命令。 （2）单击标题栏中最左边的控制菜单图标，再单击菜单中的“关闭”命令。 （3）单击标题栏中最右边的按钮。 （4）双击FrontPage2003窗口左上角的控制菜单按钮。 （5）使用快捷键Alt+F4。 ;7.2.2 FrontPage 的窗口界面 启动FrontPage 2003后，出现如图7.2 所示的窗口界面，它由标题栏、菜单栏、工具栏、视图栏、编辑区、滚动条和状态栏等组成。主要部分的功能及使用方法如下： 1．标题栏、菜单栏和工具栏 标题栏、菜单栏和工具栏的功能和使用方法和Word类似，在此不再赘述。 2．编辑区 FrontPage2003窗口中的空白区域就是编辑区，如图7-3所示 。用户可以在该区域中输入文本、插入图片、表格以及各种组件。 打开一个新网页文件时，FrontPage2003在编辑区的左下方显示网页编辑状态切换标签：“设计”、“拆分”、“代码”以及“预览”。单击某个标签后，系统将在对应的编辑状态中显