教学课件电子商务网页设计与制作2.2 任务一创建网站文件结构.pptx
《教学课件电子商务网页设计与制作2.2 任务一创建网站文件结构.pptx》由会员分享,可在线阅读,更多相关《教学课件电子商务网页设计与制作2.2 任务一创建网站文件结构.pptx(18页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、教材配套资源页完整PPT课件教学课件电子商务网页设计与制作2.2 任务一 创建网站文件结构1SAMPLE2.2 任务一 创建网站文件结构项目二 创建并管理电子商务网站站点2ABOUT ME图2-7 再精美的网站都是要从构建站点开始,在本地磁盘上建立的站点叫作本地站点,如果想让更多的人浏览到自己的网站,就必须把网站上传到Web 服务器上,而处在Web 服务器上的站点叫作远程站点,建立完善的站点,疏通网站的结构与脉络对网站的建设具有重要的意义,如图2-7所示。首页图片CSS视频会员图2-73任务描述创建本地静态站点1技术引进了解“站点设置对象”对话框2新手试炼创建小型电子商务网站站点34任务实施站
2、点文件的优化与管理 2.2 任务一 创建网站文件结构41 任务描述创建本地静态站点5ABOUT ME 站点的类型有很多,包括本地静态站点和远程动态站点等。对于网页初学者来说,创建本地静态站点是很关键的,使用Dreamweaver可以轻松创建本地静态站点。 本任务将在Dreamweaver中使用“新建站点”的功能创建一个静态站点,使用“管理站点”优化站点结构。帮助读者掌握创建本地站点的方法的同时,理解本地站点的基本结构,如图2-8所示。图图2-82-8在创建站点之前,需要对站点的结构进行规划,特别是大型网站的站点,更需要对站点有好的规划,好的站点规划可以使网站的结构目录更加清晰。完成站点的创建后
3、,可以在站点中进行新建文件夹、新建页面等基本操作,以及在站点中复制文件和调整文件的位置等。通过Dreamweaver中的站点功能可以更好地管理整个网站中的所有文件。62 技术引进了解“站点设置对象”对话框7要创建本地静态站点,首先需要打开“站点设置对象”对话框,执行“站点新建站点”命令,即可弹出“站点设置对象”对话框,如图2-9所示。或者执行“站点管理站点”命令,在弹出的“管理站点”对话框中单击“新建站点”按钮,同样可以弹出“站点设置对象”对话框。图2-9 Dreamweaver站点是网站中使用的所有文件和资源的集合。Dreamweaver站点通常包含两个部分,本地站点文件夹和远程文件夹。本地
4、站点文件夹用来存储和处理本地文件。远程文件夹用来在Web服务器上保存与本地站点文件夹相同结构的文件。 如果用户想要使用Git管理站点文件,可以选中“将Git存储库与此站点关联”复选框。如果用户首次使用Git,而且希望将要创建的站点与Git关联,请选择“初始化为 Git存储库”。如果用户已经注册了Git用户名,并且希望将您要创建的站点与现有存储库关联,请选择“使用URL克隆现有Git存储库”。8提示:Git全称GitHub,是一个面向开源及私有软件项目的托管平台,用来存放软件代码与内容的共享虚拟主机服务。用户可以通过登录官网https:/ YOUR POINT图2-10901 执行“站点”“新建
5、站点”命令。弹出“站点设置对象对话框。在”站点名称文本框中输入站点的名称,如图2-11所示。02 单击“本地站点文件夹”文本框后面的“浏览”按钮,弹出“根文件夹”对话框,浏览到本地站点的位置,如图2-12所示。03 单击“选择文件夹”按钮,确定本地站点根文件的位置,单击“保存”按钮,即可完成本地站点的创建,如图2-13所示。04 执行“窗口文件”命令,打开“文件”面板,在“文件”面板中显示出刚创建的本地站点,如图2-14所示。 练一练在“代码”视图中编写HTML页面源文件:源文件项目二2-1.html 图2-11图2-12 图2-13 图2-14 操作视频:视频项目二创建本地静态站点.MP4完
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 教学课件电子商务网页设计与制作2.2 任务一 创建网站文件结构 教学 课件 电子商务 网页 设计 制作 2.2 任务 创建 网站 文件 结构
限制150内