站点的创建与管理.ppt

第二章 站点的创建与管理 主讲：钱瑞河 网站规划 网站的开发流程 网站开发的一般流程为： 网站规划 网站的规划： 确定网站的主题； 规划网站的栏目及目录结构； 收集素材； 确定网站的风格； 创建站点 1、站点的概念及分类： 概念： 站点可以简单地理解为存放网页及各种素材的文件夹。 分类： 按地理位置分类：分为本地站点和远程站点； 按交互性分类：分为静态站点和动态站点 创建站点 地理位置： 本地站点：本地计算机硬盘中存放网页的文件夹； 远程站点：Internet网络服务器上存放网页的文件夹； 交互性： 静态站点：浏览者与网页之间不涉及交互活动，静态页面向每一位浏览者发送完全相同的响应； 动态站点：动态页面可自定义响应，根据浏览者的输入信息提供不同的页面； 动态网页网址中有一个“？”符号 创建站点 DW CS5开发站点的普遍做法： 先建立本地站点，管理其中的各种文件，完成本地站点后，经过一系列的测试，将其上传到远程Internet服务器上，成为真正的站点供他人在互联网上浏览； 创建站点 创建本地站点的步骤： 运行DW CS5，选择“站点—新建站点”命令，打开“站点定义向导”对话框； 在“编辑文件”对话框中输入站点的名称，单击“下一步”； 在“编辑文件”的第二部分对话框中询问是否使用服务器技术，选择“否”，单击“下一步”； 创建站点 管理站点 站点被创建后，选择“站点—管理站点”命令，打开“管理站点”对话框，在此对话框中可以对站点进行站点的管理操作，如编辑、复制、删除、导入及导出等操作： 编辑站点： 在“管理站点”对话框中选择已存在的某个站点，单击编辑按钮，可以重新编辑站点； 删除站点： 删除站点只是删除了站点定义信息，站点文件夹中的文件不受影响； 管理站点 导出站点： 选择导出站点按钮，站点定义信息将保存到一个扩展名为“.ste”的文件夹中，与站点文件夹中的文件无关； 站点定义文件只包括站点定义信息，不包括其他任何内容； 导入站点： 单击导入按钮，将出现导入站点对话框，选择站点定义文件，可导入一个站点； 站点被导入之后，导入的站点将出现在列表中，若列表中有重名站点，则导入的站点名称后制动加上数字，以示区别； 创建网站目录结构 创建方法： 在“文件”面板中选择站点名称或父级文件夹，单击右键，在弹出的快捷菜单中选择“新建文件夹”命令，输入文件夹的名称，按Enter键完成 要注意的问题： 不要将所有文件都存放在根目录下，以免造成文件管理混乱； 按栏目内容建立子目录； 创建网站目录结构 要注意的问题： 在每个栏目目录下都建立独立的images目录保存图像资源； 目录的层次不要太深，建议不要超过3层，以免在查找、使用等操作时出现问题； 目录使用英文名称，不要使用中文名称； 不要使用过长的目录名称； 网页的基本操作 新建网页文件： 方法1：使用启动界面创建网页，单击“新建--HTML”选项； 方法2：使用“文件”面板创建网页，单击右键，选择“新建文件”命令； 方法3：使用菜单命令创建网页，选择“文件—新建—空白页--HTML”，单击“创建”按钮； 网页的基本操作 网页的命名要求： 根据不同服务器的命名要求，网页文件名通常使用小写英文、阿拉伯数字以及符号的组合，不能使用空格、特殊字符、中文等，否则在显示时会出错，由于许多服务器不支持中文，或是对大小写有要求； 网页的基本操作 设置首页： 在“文件”面板中的网页文件上单击鼠标右键，选择“设成首页”命令； 根据不同的服务器类型，首页的名称有一下几种： Windows Server： index.htm index.html default.htm default.asp等 Unix、Linux： index.htm index.html 网页的基本操作 保存网页： 选择“文件—保存”命令； 按Ctrl+S快捷键； 如果对打开的文档进行了修改，但尚未保存，文件名后将自动添加一个“*”号； 预览网页： 选择“文件—在浏览器中预览--IExplore”预览； 按F12快捷键进行预览； 网页的基本操作 文件面板： 用来管理文件和文件夹，完成在本地站点和远程服务器之间传输文件； 基本操作： 打开文件：双击； 新建文件/文件夹：单击右键—新建文件/文件夹命令； 移动文件：直接拖动； 删除文件：按Delete键； 网页的基本操作 文件面板工具栏： 从左向右依次是：连接到远端主机、刷新、获取文件、上传文件、取出文件、存回文件、同步以及展开/折叠 * 《网页设计与制作》* 山东现代职业学院 * 考纲要求： 1、了解网站的规划流程： 2、掌握站点的创建、编辑、导入等基本操作； 3、掌握创建目录结构及注意事项； 4、掌握网页文件新建、保存、预览等基