电子商务网页制作项目3.pptx

DW电子商务网页制作项目三站点创建新体验项目目标? 说出什么是站点；? 创建、编辑和管理站点；? 进行文本的添加和编辑；? 插入和简单编辑图像；? 插入和编辑表格。什么是站点？　　站点可以简单的理解成为存放站内信息的文件夹，是一组网页文档的集合。设计者通过各种链接把这些网页联系在一起，浏览者通过不同的链接，可以从一个网页到另一个网页，从而实现对整个网站的访问。网页制作的第一步不是制作一个网页，而是创建一个新的站点。小贴士　　创建站点就是创建一个特殊的文件夹，有关网站的所有内容，如子文件夹、网页文档、组件、图片和其它网站相关的文档等等，都存放在该文件夹中。　另外，“站点”和“网站”是一个东东，只是说法不同而已！创建站点文件夹　Dreamweaver站点由三种类型的文件夹组成，这三种文件夹有可能是同一个文件夹，也可能不是，这取决于开发环境和所开发的网站类型。? 1、本地文件夹　本地文件夹是网站设计者的工作文件夹，设计过程中使用和处理的所有文档都存储在这个文件夹中。它一般位于本地计算机上，也可以位于网络服务器上。Dreamweaver将该文件夹称为“本地站点”。　只需要建立本地文件夹就可以将其定义为Dreamweaver的“本地站点”。创建站点文件夹２、远端文件夹　　如果要向Web服务器传输文件或开发Web应用程序，还需添加远端站点和测试服务器信息。远端文件夹是存储文件的位置，这些文件用于测试、生产、协作等。远端文件夹通常位于远端Web服务器上。Dreamweaver将该文件夹称为“远端站点”。　本地文件夹和远端文件夹使设计者能够在本地磁盘和Web服务器之间传输文件，从而轻松管理Dreamweaver站点中的文件。３、测试服务器文件夹　测试服务器文件夹是Dreamweaver处理动态网页的文件夹。创建站点文件夹　在创建站点之前，我们应该新建一个本地文件夹用于存放网站的各种文件，在本地文件夹内部再创建若干个子文件夹对网站文件进行分类管理，比如网站图像存放在“images”文件夹中。小贴士　子文件夹的名称一般使用便于记忆的英文单词或缩写来命名，如：“images”文件夹用于存放网站图像；“style”文件夹用于存放样式表文件；“swf”文件夹用于存放网站动画；“data” 文件夹用于存放数据库方面的内容。创建站点步骤步骤１：在Dreamweaver CS5窗口中打开“站点”菜单，选择“新建站点”命令，将打开“站点设置对象”对话框　　在“站点”选项卡中，可以设置站点名称和本地站点文件夹，站点名称可以自己定义，一般定义为与站点主题相关的名称；本地站点文件夹非常重要，一定要设置为前面创建的本地文件夹。创建站点步骤步骤２：单击“高级设置”选项卡，在其中的“本地信息”子选项卡中设置默认图像文件夹为本地文件夹中的“images”子文件夹　对于制作本地站点而言，只需要进行上述的设置就可以了，其余的选项都采用默认设置即可，不需要再去专门设置。创建站点步骤步骤３：设置完成后，单击“保存”按钮，站点创建完成，这时可以在窗口右侧的文件面板中看到站点中的文件和文件夹打开站点　当我们同时在制作几个网站时，不同的站点都会在Dreamweaver中保留，我们需要打开某个站点时，可以通过“管理站点”对话框来完成。在Dreamweaver窗口中打开“站点”菜单，选择“管理站点”命令，打开“管理站点”对话框。　　在“管理站点”对话框中选择需要打开的站点名称，单击“完成”按钮即可打开该站点。编辑站点　　当需要重新进行站点设置时，可以单击“管理站点”对话框中的“编辑”按钮，选择后将重新弹出“站点设置对象”对话框，可以对站点重新进行设置。复制站点　单击“管理站点”对话框中的“复制”按钮，将生成选定的站点的复制站点。删除站点　　单击“管理站点”对话框中的“删除”按钮，将弹出警告框提示是否确定删除，单击“是”按钮后将删除选定的站点。导出和导入站点单击“管理站点”对话框中的“导出”按钮，将导出当前的站点，用于网站备份。单击“管理站点”对话框中的“导入”按钮，可以导入之前导出过的备份站点。站点的操作活动小结　在制作网页之前我们需要先创建站点。在本次活动中我们了解了站点的概念，着重学习了创建站点的方法和步骤，同时还学习了站点相关的一系列操作，包括站点的打开、编辑、复制、删除、导入和导出，这些操作对我们以后管理站点是非常有用的。网页文件操作1．新建网页文件　　方法一：在起始页的“新建”栏中单击“HTML”选项，即可新建一个名为“Untitled-1”的空白网页网页文件操作　方法二：打开“文件”菜单，选择“新建”命令，或按快捷键Ctrl+N，将弹出“新建文档”对话框，选择“空白页”中的“HTML”项，在“布局”中选择“无”，单击“创建”按钮即可新建一个空白网页。网页文件操作　　方法三：在文件