当前位置:文档之家› 电子商务网页制作-项目3

电子商务网页制作-项目3


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