第一章DW站点建立(8页).doc
《第一章DW站点建立(8页).doc》由会员分享,可在线阅读,更多相关《第一章DW站点建立(8页).doc(8页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、-第一章DW站点建立-第 8 页第一部分:网络编辑实务之一网站建设第一章 网站规划与网页设计第一节 站点建设教学目的:站点规划与站点的创建,是为网页制作前必须进行的设计,以便以后对整个网站维护与管理。是极其重要前提。时间安排:4课时教学重点:站点建设教学方式:讲授+指导教学过程:序言DW是美国著名的多媒体软件开发商MACROMEDIA公司推出的一套专业可视化网页开发工具。它与FLASH、FIREWORKS并称为“网页三剑客”,其中FALSH是用来制作网页动画,FIREWORKS是用来网页图像制作,而DW是用于网页开发,可以用于各类素材的集成与发布,可视性强,而且支持FLASH、SHOCKWAV
2、E、ACTIVE等许多外部媒体的发布,再加上使用简单、方便,到目前为止,全世界范围超过60%的专业网页设计师都在使用这款软件来开发网页,编织他们的梦想。界面如下菜单栏:包含10类主菜单,涵盖了几乎DW所有的功能。插入栏,包含很多可以插入的按钮。文档工具栏:提供各种文档窗口的视图(如“设计”视图和“代码”视图)文档窗口:显示当前创建和编辑的文档。属性面板:用于查看和设置属性面板组:是各种面板的组合,不需要的可以暂时关闭。知识点:规划站点:DW是一个创建站点和管理站点工具,因为使用它不仅可以制作精美WEB网页,而且可以创建完整的WEB站点。为了达到最好效果,在设计网页之前,首先都必须对站点进行设计
3、和规划。这个规划包括站点结构和导航系统的规划,网页模板和库的使用等等。站点规划好之后,就可以根据规划绘制出一个网站结构草图,以便于有一个清晰的思路。如何创建站点。在正式开始制作网页之前呢,最好先定义一个新网站。这样做目的是可以利用站点窗口对站点文件进行管理。也可以尽可能减少一些错误出现。比如路径出错或者链接出错。(特别是对于我们这些初学者,更要注意条理性与结构性,一个文件放这里,另外一放那里。或者所有文件都放在同一文件夹里,这样显得很乱,而且容易出错,所以创建站点是非常必要的。1、创建本地站点所谓本地站点就是本地硬盘中存放远程网站所有文档的地方(文件夹)。建立网站的通常做法是:在本地硬盘建立一
4、文件夹用来存放网站的所有文件,以后就直接在这个文件夹中创建和编辑文档,那么等待网页设计和测试好之后,再把他们拷贝到网站上提供给浏览者来浏览。也即:在Dreamweaver中制作网站,您必须定义一个本地站点,它是您的计算机上任意位置的一个文件夹。之所以一定要定义它,是为了告诉Dreamweaver您的文件存放位置,然后Dreamweaver就会将所有的设置针对该地址设置。具体操作为:步骤1:在本地硬盘上建立一个用来存放站点的文件夹,这个文件夹就是本地站点的根目录。这个站点可以是空的,也可以是非空的。步骤2:基本:1站点管理站点 新建站点基本(基本选项是指导用户一步一步地完成站点设置,如果用户宁愿
5、在没有指导情况下编辑站点信息,则可以随时单击高级选项卡)站点名称(为你的网站建立一个名字,这个名字仅仅起到识别的作用,不会在浏览器上显示,与网站发布后真正的名字无关,例如,这里起名叫“My Site”,而实际上我的网站的名字叫“雅心居”)在对话框中选择是否使用服务器技术-因为我们现在建立是一个静态站点,因为选择否,我不想使用服务器技术-下一步-默认编辑到我计算机上本地副本-点击本地根文件夹框右边的文件夹标志,在你的硬盘上查找并选择相应的文件夹(即设置站点在本地硬盘的位置,在硬盘上选择一个目录来存放站点的文件目录)(提示最好选择E或者F盘,不要放C盘)不连接服务器-完成).注意:站点文件夹的名称
6、必须是小写英文字母,不允许有空格和汉字,比如:c:mywebs高级:图示如下如图:2点击OK,本地站定义完成,Dreamweaver会自动导入站点的所有文件及信息。您可以在站点视窗中的本地站点窗口中查看。 2、定义远程站点我们学习了如何创建本地站点,但要别人浏览到网站,还必须把本地站点内容放到远程服务器上。浏览者通过单击网站域名或IP地址,才能浏览到网站上内容,所以创建远程站点,进行网站上传可以说是建设网站的最终步骤。无论您制作的是个人主页还是公司网站,所有的文件都需要上传到网站服务器才能提供给访问者。在Dreamweaver中内置了FTP工具,因此你无须切换到其他软件就可以连接网站主机,上传
7、更新您的站点。FTP:(File Transfer Protocol),文件传输协议.要使用Dreamweaver中的FTP功能,就必须定义站点的外部信息,具体操作方法为:1管理站点编辑站点远程信息在访问下拉菜单里选择 FTP 方式 2根据上传空间服务商提供的信息来填写相关的信息。输入FTP相关信息例如: FTP主机地址、主机目录或默认的远端文件夹(/public_html)、FTP登录用户名(申请时的用户名)、Password(FTP登录密码) 下图为定义FTP方式示例:图:定义FTP方式的外部站点如果您是在局域网内操作不需要FTP方式,您可以选择 本地网络 方式。或者您已经熟悉使用其他的F
8、TP软件而不愿意使用Dreamweaver内置的FTP功能,因此您可能只是在本地机操作,但我仍然建议您选择此方式定义一个外部文件夹,从而起到备份站点文件的作用。与FTP定义方式相类似,您只需要在 访问中选择本地/网络 方式,然后选择一个远端文件夹。3.点击连接到远端主机。如果连接上了,左边显示远端站点的内容,右边显示本地站点的内容。新建站点到此结束。4.打开本地站点和编辑站点属性管理站点编辑-进行编辑第二节 站点内容编辑一、创建站点文件1打开站点,在站点下建立文件。右键单击站点文件夹新建文件untitled.htm(我们给这个无标题页面起个名字,一般情况下首页的名字是“index.html”。
9、浏览器打开某个网站,一般是先找“index.html”,再找“index.htm”2.把untitled.htm修改为index.htm(主页),双击主页文件index.htm,回到编辑区域,在标题栏里输入名字:我的主页,然后保存(ctrl+s).注意:页面的名称必须是小写的英文字母。htm是文件的后缀,也就是这网页文件的类型说明,表示这个网页是静态的htm文件,也可以用后缀html表示,以后大家一定记住将网页的后缀改为htm或html,否则上传到服务器上,浏览器就无法打开上传的网页。3 同1,2,分别建立不同的页面。比如:interest.htm;photo.html;resume.htm.
10、,并分别回到编辑区域给标题命名与保存。4 在站点地图中显示文件标题站点面板中视图站点地图-显示网页标题。二、创建站点下的文件夹右键单击站点文件夹新建文件夹。比如:image,flash,等。文件夹不需要保存。提示:文件夹与文件的名称不允许出现汉字和标点符号三、查看站点地图:查看站点地图是在Dreamweaver 8的“文件”面板的“视图”下拉列表框中选择“地图视图”选项。四、编辑网页文件1双击我的主页,进入编辑区域。打开窗口属性面板。(在网页编辑中,经常打开是属性面板与站点文件夹)2 修改页面属性选择页面背景的图片与颜色等确定。在页面输入文字。比如:我的主页 我的兴趣 我的相册 我的简历 设置
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 第一章 DW 站点 建立
限制150内