站点的创建与管理

1、第二章第二章 站点的创建与管理站点的创建与管理 主讲：钱瑞河 网页设计与制作网页设计与制作2 2 山东现代职业学院山东现代职业学院 考纲要求：考纲要求： 1 1、了解网站的规划流程：、了解网站的规划流程： 2 2、掌握站点的创建、编辑、导入等基本操作；、掌握站点的创建、编辑、导入等基本操作； 3 3、掌握创建目录结构及注意事项；、掌握创建目录结构及注意事项； 4 4、掌握网页文件新建、保存、预览等基本操作；、掌握网页文件新建、保存、预览等基本操作； 5 5、掌握首页文件的名称要求及设置方法；、掌握首页文件的名称要求及设置方法； 6 6、了解文件面板的组成与功能；、了解文件面板的组成与功能； 网

2、页设计与制作网页设计与制作3 3 山东现代职业学院山东现代职业学院 第二讲 操作站点文件 2 第一讲 网站规划及站点管理 3 1 网页设计与制作网页设计与制作4 4 山东现代职业学院山东现代职业学院 第二讲 操作站点文件 2 第一讲 网站规划及站点管理 3 1 网页设计与制作网页设计与制作5 5 山东现代职业学院山东现代职业学院 第一讲：网站规划及站点管理第一讲：网站规划及站点管理 知识要点：知识要点： 1 1、了解网站的规划流程：、了解网站的规划流程： 2 2、掌握站点的创建、编辑、导入等基本操作；、掌握站点的创建、编辑、导入等基本操作； 网页设计与制作网页设计与制作6 6 山东现代职业学院

3、山东现代职业学院 网站规划网站规划 网站的开发流程 v网站开发的一般流程为： 网站规划设计网站规划设计 网站创建及网页制作网站创建及网页制作 网站发布和更新维护网站发布和更新维护 网页设计与制作网页设计与制作7 7 山东现代职业学院山东现代职业学院 网站规划网站规划 网站的规划： 确定网站的主题；确定网站的主题； 规划网站的栏目及目录结构；规划网站的栏目及目录结构； 收集素材；收集素材； 确定网站的风格；确定网站的风格； 网页设计与制作网页设计与制作8 8 山东现代职业学院山东现代职业学院 创建站点创建站点 1、站点的概念及分类： v概念： 站点可以简单地理解为存放网页及各种素材 的文件夹。

4、v分类： 按地理位置分类：分为本地站点和远程站点； 按交互性分类：分为静态站点和动态站点 网页设计与制作网页设计与制作9 9 山东现代职业学院山东现代职业学院 创建站点创建站点 v地理位置： 本地站点：本地计算机硬盘中存放网页的文件夹； 远程站点：Internet网络服务器上存放网页的文件夹； v交互性： 静态站点：浏览者与网页之间不涉及交互活动，静 态页面向每一位浏览者发送完全相同的响应； 动态站点：动态页面可自定义响应，根据浏览者的 输入信息提供不同的页面； 动态网页网址中有一个动态网页网址中有一个“？”符号符号 网页设计与制作网页设计与制作1010 山东现代职业学院山东现代职业学院 创建

5、站点创建站点 DW CS5开发站点的普遍做法： v先建立本地站点，管理其中的各种文件， 完成本地站点后，经过一系列的测试， 将其上传到远程Internet服务器上，成为 真正的站点供他人在互联网上浏览； 网页设计与制作网页设计与制作1111 山东现代职业学院山东现代职业学院 创建站点创建站点 创建本地站点的步骤： v运行DW CS5，选择“站点新建站点” 命令，打开“站点定义向导”对话框； v在“编辑文件”对话框中输入站点的名 称，单击“下一步”； v在“编辑文件”的第二部分对话框中询 问是否使用服务器技术，选择“否”， 单击“下一步”； 网页设计与制作网页设计与制作1212 山东现代职业学院

6、山东现代职业学院 创建站点创建站点 创建本地站点的步骤： v在“编辑文件”的第三部分对话框中， 选择网页存放的处理方式及指定站点文 件夹，单击“下一步”； v在“共享文件”对话框中询问如何连接 到远程服务器，选择“无”，单击“下 一步”； v显示“总结”对话框，单击“完成”； 网页设计与制作网页设计与制作1313 山东现代职业学院山东现代职业学院 管理站点管理站点 站点被创建后，选择站点被创建后，选择“站点站点管理站点管理站点”命令，命令， 打开打开“管理站点管理站点”对话框，在此对话框中可以对对话框，在此对话框中可以对 站点进行站点的管理操作，如编辑、复制、删除、站点进行站点的管理操作，如编

7、辑、复制、删除、 导入及导出等操作：导入及导出等操作： v编辑站点： 在“管理站点”对话框中选择已存在的某个站点， 单击编辑按钮，可以重新编辑站点； v删除站点： 删除站点只是删除了站点定义信息，站点文件夹中 的文件不受影响； 网页设计与制作网页设计与制作1414 山东现代职业学院山东现代职业学院 管理站点管理站点 v导出站点： 选择导出站点按钮，站点定义信息将保存到 一个扩展名为“.ste”的文件夹中，与站点文 件夹中的文件无关； 站点定义文件只包括站点定义信息，不包括 其他任何内容； v导入站点： 单击导入按钮，将出现导入站点对话框，选 择站点定义文件，可导入一个站点； 站点被导入之后，导

8、入的站点将出现在列表 中，若列表中有重名站点，则导入的站点名 称后制动加上数字，以示区别； 网页设计与制作网页设计与制作1515 山东现代职业学院山东现代职业学院 第二讲 操作站点文件 2 第一讲 网站规划及站点管理 3 1 网页设计与制作网页设计与制作1616 山东现代职业学院山东现代职业学院 第二讲：操作站点文件第二讲：操作站点文件 知识要点：知识要点： 1 1、掌握创建目录结构及注意事项；掌握创建目录结构及注意事项； 2、掌握网页文件新建、保存、预览等基本操作；、掌握网页文件新建、保存、预览等基本操作； 3、掌握首页文件的名称要求及设置方法；、掌握首页文件的名称要求及设置方法； 4、了解

9、文件面板的组成与功能；、了解文件面板的组成与功能； 网页设计与制作网页设计与制作1717 山东现代职业学院山东现代职业学院 创建网站目录结构创建网站目录结构 创建方法： v在“文件”面板中选择站点名称或父级 文件夹，单击右键，在弹出的快捷菜单 中选择“新建文件夹”命令，输入文件 夹的名称，按Enter键完成 要注意的问题： v不要将所有文件都存放在根目录下，以 免造成文件管理混乱； v按栏目内容建立子目录； 网页设计与制作网页设计与制作1818 山东现代职业学院山东现代职业学院 创建网站目录结构创建网站目录结构 要注意的问题： v在每个栏目目录下都建立独立的images目 录保存图像资源； v

10、目录的层次不要太深，建议不要超过3层， 以免在查找、使用等操作时出现问题； v目录使用英文名称，不要使用中文名称； v不要使用过长的目录名称； 网页设计与制作网页设计与制作1919 山东现代职业学院山东现代职业学院 网页的基本操作网页的基本操作 新建网页文件： v方法1：使用启动界面创建网页，单击 “新建-HTML”选项； v方法2：使用“文件”面板创建网页，单 击右键，选择“新建文件”命令； v方法3：使用菜单命令创建网页，选择 “文件新建空白页-HTML”，单击 “创建”按钮； 网页设计与制作网页设计与制作2020 山东现代职业学院山东现代职业学院 网页的基本操作网页的基本操作 网页的命名

11、要求： v根据不同服务器的命名要求，网页文件 名通常使用小写英文、阿拉伯数字以及 符号的组合，不能使用空格、特殊字符、 中文等，否则在显示时会出错，由于许 多服务器不支持中文，或是对大小写有 要求； 网页设计与制作网页设计与制作2121 山东现代职业学院山东现代职业学院 网页的基本操作网页的基本操作 设置首页： v在“文件”面板中的网页文件上单击鼠 标右键，选择“设成首页”命令； v根据不同的服务器类型，首页的名称有 一下几种： Windows Server： index.htm index.html default.htm default.asp等 Unix、Linux： index.htm

12、 index.html 网页设计与制作网页设计与制作2222 山东现代职业学院山东现代职业学院 网页的基本操作网页的基本操作 保存网页： v 选择“文件保存”命令； v 按Ctrl+S快捷键； v 如果对打开的文档进行了修改，但尚未 保存，文件名后将自动添加一个“*”号； 预览网页： v 选择“文件在浏览器中预览- IExplore”预览； v 按F12快捷键进行预览； 网页设计与制作网页设计与制作2323 山东现代职业学院山东现代职业学院 网页的基本操作网页的基本操作 文件面板： v用来管理文件和文件夹，完成在本地站点 和远程服务器之间传输文件； v基本操作： 打开文件：双击； 新建文件/文件夹：单