任务18 制作简单个人主页摘要.pptVIP

学习情境七 网页制作与网站管理 任务18 制作简单个人主页 目 录 任务描述 Internet改变了人们的生活方式，也改变了整个世界。王清同学经常上网，浏览了不少网站。其中很多网站的页面都设计得非常精美，深深的吸引了小王同学，于是王清同学想给她实习的这家公司做一网站，可小王同学没有做网站的基础。FrontPage是优秀的专业化网页设计软件之一，下面我们就和王清同学一起用FrontPage先做一个简单的网页。 任务分析 为了完成上述任务，我们需要熟悉FrontPage 2003界面，掌握在FrontPage2003中如何新建、保存网页，如何在网页中添加文本、图片，如何设置网页标题、背景、视频、音频等内容。 相关知识 相关知识 相关知识 相关知识 相关知识 相关知识 相关知识 相关知识 相关知识 相关知识 完成步骤 完成步骤 完成步骤 完成步骤 完成步骤 完成步骤 1. 任务描述 2. 任务分析 3. 相关知识 4. 完成步骤 一、FrontPage 2003的主要功能 1．自定义浏览器分辨率预览检查 2．描摹图像 3．层功能 4．插入交互式按钮 5．行为的应用 6. 使用网页重定向 7. 检查网页错误 8. 优化HTML代码 9. 规划页面布局 二、FrontPage 2003界面简介 菜单栏 工具栏 文件夹列表 主编辑窗口 状态栏 三、网页基本元素 1．文本 2．图片 3．水平线 4．表格 5．表单 6． 超链接 四、网站或网页基本操作 1．创建新的 FrontPage 网站 （1）在“文件”菜单上，单击“新建” （2）在“新建”任务窗格中，单击“由一个网页组成的网站” （3）在“网站模板”对话框中，在“常规”选项卡下，单击需要的网站模板，并指定网站的位置，然后单击“确定”按钮 四、网站或网页基本操作 2.新建网页 （1） 在“文件”菜单上，单击“新建”。 （2） 在“新建”任务窗格中，在“新建网页”下，执行下列操作之一。 要从空白网页创建网页，请单击“空白网页”。 要根据您创建的动态 Web 模板创建网页，单击“根据现有网页”，定位并单击模板，然后单击“创建”。 要根据 Microsoft FrontPage 的模板创建网页，请单击“其他网页模 板”，再单击所需模板类型的选项卡，然后单击某个模板。 四、网站或网页基本操作 3．保存网页 （1）尚未保存的网页 （2）从当前网站打开的网页：单击“保存” （3）从当前网站之外的位置打开的网页 （4）将网页保存到不同的网站中 （5）将网页保存到文件系统 （6）在浏览器中预览网页之前自动保存网页 四、网站或网页基本操作 4．打开网站或网页 （1）打开网站 ? 在“文件”菜单上，单击“打开网站”。 ? 在“查找范围”框中，找到并单击要打开的网站。 ? 单击“打开”。 （2）打开网页 ? 单击“文件”菜单下的“打开”选项或单击“常用”工具栏上的“打开”按钮，即可打开“打开对文件”话框。 ? 在“打开文件”对话框中选择要打开的网页，单击“打开”按钮即可。 四、网站或网页基本操作 5．预览网页 （1）在“网页”视图中，在文档窗口的底部，单击“ ”即可。 （2）在“文件”菜单上，指向“在浏览器中预览”，然后执行下列操作之一。 若要在单个 Web 浏览器中打开您的网页，请单击所需的浏览器。 如果选项包括用于同一个浏览器的几个条目，浏览器名称旁边的数值将指示如果单击此选项浏览器将以此窗口大小打开。 若要在所有可用的浏览器中并以这些浏览器的默认窗口大小打开网页，请单击“在多个浏览器中预览”。 1．网站视图 2．网页视图 五、使用不同视图管理网站 1．字体 2．段落 3．项目符号和编号 4．背景 5．插入水平线 6．图片编辑 六、制作与修饰网页 1．安装Frontpage 2003 软件 2．设计网页的格式，网页中所放元素，确保图片、网页等网站元素都在站点主目录中 3．单击“开始”/“程序”/“Frontpage2003”命令，打开Frontpage 2003应用程序 4． 在“文件”菜单上，单击“新建” 5．在“新建”任务窗格中，单击“由一个网页组成的网站” 6．在“网站模板”对话框中，单击“常规”选项卡，选择只有一个网页的网站模板，单击浏览按钮，指定网站的位置为H:\清清家园\，然后单击“确定”按钮 制作简单个人主页 7.单击“视图”菜单的“页面”视图，则打开页面编辑窗口，系统默认创建一个名为new_page_1.htm的网页 8．向网页中添加内容，在网页编辑区单击鼠标左键，将光标插入到编辑区，输入网页文字即可，如输入“清清家园欢迎您的到来”。设置内容格式：华文行楷，36磅，居中 9．插入图