电子商务网站规划与建设[1].ppt

网页设计案例--新浪商城主页 1．新建站点 站点概念 新建站点 修改站点 2.站点的基本操作 站点实际上是一个文件夹，这个文件夹和普通的文件夹相比，具有了一些特殊的属性，它是计算机上的一个站点，而不是单纯的文件夹。 单击“工具”菜单，选择“站点设置”命令，打开 “站点设置”对话框（或在导航视图中单击鼠标右键，从弹出的快捷菜单中选择“站点设置”命令，也可以打开此对话框）。在“常规”选项卡中可以改变站点的名称。 单击“文件”菜单中的“打开站点”命令，打开 “打开站点”对话框。 单击“编辑”菜单栏中的“删除”命令。打开 “确认删除”对话框。 1.新建网页 创建一个新的网页有三种方法：使用空白页、使用向导和使用模板。单击“文件”菜单，从下拉菜单“新建”的级联菜单中选择“网页”命令，打开“新建”对话框。 1)从本地磁盘或局域网中打开网页。 单击“文件”菜单中的“保存文件”命令，打开 “另存为”对话框，可以选择网页文件的“保存位置”，输入网页文件的“文件名”，选择网页文件的“保存类型”。单击“更改”按钮，在打开的“设置网页标题”对话框中可以更改网页的标题。 (1)编辑文本 网页背景包括：背景颜色和背景图片。 2)背景图片 与背景图片类似，插入图片的具体方法：单击“插入”菜单，选择“图片”级联菜单中的“来自文件”命令，打开“图片”对话框，查找合适的图片文件，单击“确定”按钮。也可以在“图片”对话框中的“URL”中输入网址，从网上搜索适合的图片；或单击“剪贴画”按钮，选择适合的图案。 (4)表格 在FrontPage中对表格的操作与Word中的操作方法基本一致，有四种创建表格的方法：“插入表格”命令、“插入表格”按钮、手动绘制和文本转换为表格。 (5)超级链接 在网页视图模式下，先选中已建立超链接的对象，单击工具栏上的“插入超链接”按钮，打开的“编辑超链接”对话框，将URL下拉列表框中的链接地址删除。或鼠标右击已建立超链接的对象，从弹出的快捷菜单中单击“超级链接”级联菜单中的“取消超级链接”命令。 框架网页样例： 课后训练 请根据相关企业实际，规划设计一个电子商务网站，理解其步骤。 请设计一个具有特色的个人主页。 (2)删除站点 如果要将整个站点删除，则选中“删除整个站点”单选按钮； 如果不想将该站点下的文件删除，则可以选中“只删除此站点中的FrontPage信息，保留所有的其他文件和文件夹”单选按钮，然后单击“确定”按钮。 采用后一种方法删除站点后，该站点将变为一个普通的文件夹。 图5 “确认删除”对话框 单击“常规”选项卡，在列表框中显示了FrontPage提供的创建网页的26种模板，使用各类模板可以创建不同类型的网页。 二、建立网页 图 6 “新建”网页对话框 (1)打开网页 单击“文件”菜单中的“打开”命令，或单击工具栏上的“打开”按钮 。打开 “打开文件”对话框。在“查找范围”下拉列表框中选择站点，从文件列表中选定要打开的文件。 2.网页的基本操作 2)从Web站点中打开网页。 单击“搜索Web”图标按钮，打开IE浏览器窗口，从中选择所需的网页。 图7 “打开文件”对话框 3)打开最近使用过的网页。 单击“文件”下拉菜单中的“最近使用的文件”级联菜单，从中选择最近访问过的网页即可。 (2)保存网页 图8 “另存为”对话框 3.网页设计 FrontPage中经常使用的编辑操作有：选中文本、删除、剪切、复制、粘贴、查找、替换、文本插入等。文字格式设定有：字体、字型、字号、字体颜色、字符间距及各种字体修饰等。段落格式设定有：行间距、段间距、左右缩进、对齐方式等。 图9 文本输入示例 (2)设置网页背景 1)背景颜色 鼠标右击网页编辑区，从弹出的快捷菜单中单击“网页属性”命令，打开“网页属性”对话框。单击“背景”选项卡，在“颜色”区中，可以从“背景”下拉列表中选择一种背景颜色，也可以进一步从“其他颜色”中选取自定义的颜色。 图10 “网页属性”对话框 在 “网页属性”对话框中，选中“格式”区中的“背景图片”复选框，再单击“浏览”按钮，从打开的 “选择背景图片”之“选择文件”对话框中查找满意的图片，或单击“剪贴画”按钮，可以从Microsoft剪贴画库中获取喜欢的图案。 图11 “选择背景图片”对话框 (3)插入图像 鼠标右击表格区，单击“表格属性”命令，打开“表格属性”对话框，可以设置“布局”的对齐方式、单元格边距与间距；“边框”的粗