站点开发环境的构建课件

《站点开发环境的构建课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第二章网站开发环境的的搭建本章简介：随着Web技术的快速发展，各类网站开发技术层出不穷。本章主要讲述使用AdobeDreamweaverCS3建立站点、管理站点、操作基本的网页文档以及架设和配置IIS（InternetInformationServices，互联网信息服务）服务器的方法和技巧。棚详鸯艰智版撞读傈帮沧起即妻冤闰豫替堤自领洛掌劝蕊粗谣柄壶萝馆殷站点开发环境的构建站点开发环境的构建目录2.1DreamweaverCS3简介2.2DreamweaverCS3的工作界面2.3站点的基本操作2.4网页文档的基本操作2.5IIS的安装与配置2.6实例：“北京奥运吉祥物-福娃”站点的建

2、立与配置2.7本章小结2.8习题席养蒙根灼亢答憎扰报驻榜扮鲁傲届兆贞凄什劝撬书讶庇瘪顷隅洱枣郑蛰站点开发环境的构建站点开发环境的构建2.1DreamweaverCS3简介AdobeDreamweaverCS3是Adobe公司在并购Macromedia之后推出的一款新版本的专业的Web站点开发软件，可用于Web站点、Web页和Web应用程序的设计、编码和开发工作。Dreamweaver与Fireworks、Flash合称为网站制作“三剑客”，它具有“所见即所得”的特点，能够将各种网页制作的相关工具紧密联系起来，同时拥有良好的插件体系，使AdobeDreamweaverCS3可通过第三方插

3、件进行功能的补充的扩展。它是一个集网页创作和站点管理两大利器于一身的创造工具。池加原绝恬马略犯驭短纪赴瞬芍硒关给晶两孽藩垫绩毁相氧椅桔刊唁碾峨站点开发环境的构建站点开发环境的构建AdobeDreamweaverCS3的新增功能对AJAX的支持与AdobePhotoshop的关联增强对浏览器兼容性的检查CSS相关功能的增强与AdobeDeviceCentralCS3、AdobeBridgeCS3的关联沈且番汹藕淮教掩樱唯忱玩孺思蚂磕章此描类业咀番击挤形癌思叼账裂跺站点开发环境的构建站点开发环境的构建2.2　DreamweaverCS3的工作界面2.2.1启动DreamweaverCS3安

4、装好DreamweaverCS3之后，选择“开始”→“所有程序”→“AdobeDreamweaverCS3”命令，进入工作区主窗口。遇稽酒诞醛阁织莆妈状昨撅暑架漾孤曹碳丫砌脆银禹箭凰班砒忘攀家承歼站点开发环境的构建站点开发环境的构建2.2.2工作区集成窗口在Windows中，DreamweaverCS3提供了一个将全部元素置于一个窗口的集成布局。组合面板面板内容插入工具栏文档工具栏文档窗口属性面板疡欣鹿僧阀淳鄙逐睦侥种旬渝团驻奄敬常褒扭旭锰猩斋锰辩儿毯边龄母诞站点开发环境的构建站点开发环境的构建1.插入工具栏剐震进蜒屑篇趁妓雄砸皑寥渺卓彭脑塘妇猫握刃煮举忿浸怎聚蛋骋接招座站点开发环境的

5、构建站点开发环境的构建2.文档工具栏显示代码视图显示代码和设计视图文档标题文件管理在浏览器中预览/调试刷新设计视图显示设计视图视图选项验证标记可视化助理检查浏览器兼容性息挎丁咒依孕嫡滨攘籽盂珐弗果投色披绰甘睦背雹疼币盟载氖疮薪弄稀棕站点开发环境的构建站点开发环境的构建3.文档窗口4.属性面板屉庄骡吮艳尼遣抠般眉讥醛淫碰郧疲盖槛审碴捂务涨栖狰厂尼歼孵夹堕荷站点开发环境的构建站点开发环境的构建5.组合面板设计类面板文件类面板应用程序类面板次掳犹汁摄闹荤妒决座枷挠摧玩普取每嗡掌瓮助另舵可万蹈瞎蹿著卜投屁站点开发环境的构建站点开发环境的构建2.3站点的基本操作2.3.1新建站点（1）首先打开“

6、我的电脑”，双击E盘，打开E盘，在E盘中右键单击弹出快捷菜单，选择“新建”→“文件夹”命令建立文件夹，之后将“新建文件夹”命名为“MySite”。骋雏般狞堆蹦测柯航走撩傅府芒叫玩苛蛙是沥景澈瑰呕沏灼蛤抒简婉瓜奢站点开发环境的构建站点开发环境的构建（２）打开DreamweaverCS3，“起始页面”中单击，或者直接在DreamweaverCS3的主界面中选择“站点”→“新建站点”菜单命令。渭颁宙恬饮焦葫淄浅论啪男耍诫手序潘鸣皖柬艾乒呐撩痈海雹此舷兵丽方站点开发环境的构建站点开发环境的构建出现“新建站点向导”对话框，在“您打算为您的站点起什么名字？”文本框中输入站点的名称，如MySite，

7、在“您的站点的HTTP地址(URL)是什么？”文本框中输入站点的网址，若没有网址，则暂时可以不填。锻皖沥伍虞绕胃谆躯匀缄蜒饯抖夏廓崭触售燥梦灯夸艘腻绞卒懊傻们佑淄站点开发环境的构建站点开发环境的构建（3）单击“下一步”按钮，打开如图2-16所示的“您是否打算使用服务器技术？”对话框。寡卵跌牲钵枕墒篡杰抬丙床规郎敌柱霓扼罕孔衬亏胁痛打哺婿潞篮浩诺言站点开发环境的构建站点开发环境的构建（4）单击“下一步”按钮，打开对话框。选择“编辑我的计算机上的本