欢迎来到天天文库
浏览记录
ID:19865823
大小:1.52 MB
页数:52页
时间:2018-10-07
《站点的创建与管理课件》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、网页设计主讲:上官珺计算机系邮箱:sgj9921@sina.com网上E盘:http://dreamweaver8.ys168.com密码:dw123456第二章站点的创建与管理本章导读:无论是网页设计新手,还是专业的网页设计师,在进行网页设计之前都要创建站点,这是网页设计的前提。学习重点:站点的创建和管理方法学习要点:Ø网站与网页Ø站点的概念Ø创建和管理本地站点Ø创建新页面Ø打开和保存页面Ø设置网页属性第二章站点的创建与管理复习:网站设计制作流程网站策划网站设计网站制作网站测试与发布网站宣传推广网站
2、维护第二章站点的创建与管理2.1站点及规划原则要制作一个优秀的网站,一般情况是首先在本地磁盘上制作该网站,完成后再将其上传到Internet相连的web服务器上。放置在本地磁盘上的网站称为“本地站点”,Web服务器上的站点称为“远程站点”。在创建本地站点之前,首先要理解站点的概念。第二章站点的创建与管理2.1站点及规划原则一、什么是站点站点是一组具有共享属性(如相关主题、类似的设计或共同目的)的链接文档。这些文档基于共同的表现目的集合到一起。站点也是文档的一种磁盘组织形式,它同样是由文档和文档所在的文件夹组成。
3、第二章站点的创建与管理2.1站点及规划原则一、什么是站点利用不同的文件夹,将不同的网页内容分门别类保存,这是设计网站的前提。在设置站点之前,一定要规划好站点的结构,这样可以提高工作效率,节省工作时间。第二章站点的创建与管理2.1站点及规划原则二、站点规划原则1、将站点中的内容进行分类将站点中的内容进行分类,把相关的内容放在同一个文件夹中,这样便于对站点资源进行管理。首先为站点创建一个根文件夹(即根目录),然后创建多个子文件夹,这样可以将站点的文件分类储存到相应的文件夹中。千万不可将所有文件全部都放在根文件夹中。
4、第二章站点的创建与管理2.1站点及规划原则二、站点规划原则2、命名文件或文件夹(2)命名应有一定规律,不要使用过长的名称,便于记忆和日后的管理。(3)尽量使用意义明确的名称,比如,可以用image来建立目录。第二章站点的创建与管理2.1站点及规划原则二、站点规划原则文件夹可分为:(1)本地文件夹:本地文件夹是用户的工作目录,Dreamweaver将此文件夹称为本地站点。(2)远程文件夹:远程文件夹是运行Web服务器的计算机上的某个文件夹,Dreamweaver将此文件夹称为远程站点。第二章站点的创建与管理2.1
5、站点及规划原则二、站点规划原则文件夹可分为:(3)动态页文件夹(“测试服务器”文件夹):是Dreamweaver用于处理动态页的文件夹,此文件夹与远程文件夹通常是同一文件夹。第二章站点的创建与管理2.1站点及规划原则二、站点规划原则3、合理分配各种类型文件对文件进行分类存放,例如,网页中用到的图像可以放在根目录下的名为images的文件夹里,这样,当要将图像插入页面时,就知道在何处可以找到它;照片则放到根目录下的名为photo的文件夹里,必要时还可以使用子文件夹。第二章站点的创建与管理2.1站点及规划原则二、站
6、点规划原则3、合理分配各种类型文件通过这种方式来管理文件,可以让站点具有清晰的站点结构,将来更容易维护和管理,如图所示。第二章站点的创建与管理2.2创建本地站点(两种方法)一、创建本地站点先在计算机硬盘上建立一个文件夹,如myweb,该文件夹用来存放站点中的所有文件,并在该文件夹中再创建一个子文件夹images,该文件夹用于存放站点中的图像。第二章站点的创建与管理2.2创建本地站点(两种方法)一、创建本地站点步骤:(1)执行【站点】->【新建站点】命令,再选择“基本”选项卡,如图3-1所示,把“您打算为您的站点
7、起什么名字?”项的“未命名站点1”改为所需要的名字,中文英文均可,比如本例中输入“梦想空间”作为网站名字,实际上只起个标签的作用,完全不影响网页显示的内容。第二章站点的创建与管理2.2创建本地站点(两种方法)一、创建本地站点步骤:图3-1站点定义-输入网站名称第二章站点的创建与管理2.2创建本地站点(两种方法)一、创建本地站点步骤:(2)单击“下一步”按钮,会显示如下图所示的对话框“您是否打算使用服务器技术,如ColdFusion、asp.net、asp、jsp或php?”本书主要讲解静态网页设计技术,所以选择
8、第一项“否,我不想使用服务器技术。”项,因为本站点是一个静态站点。如果读者以后学习服务器端编程语言,那就要选择第二项了。第二章站点的创建与管理2.2创建本地站点(两种方法)一、创建本地站点步骤:图询问是否使用服务器端技术第二章站点的创建与管理2.2创建本地站点(两种方法)一、创建本地站点步骤:(3)单击“下一步”按钮,会显示如图3-3所示的对话框“在开发过程中,您打算如何使用您的文件?
此文档下载收益归作者所有