《站点设计与》ppt课件

《《站点设计与》ppt课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第二章站点设计与管理韦妍网页设计与制作教学任务学习DreamweaverCS4的操作环境学会创建一个新的网站12第二章站点设计与管理教学重点与难点学会创建一个新的网站2第二章站点设计与管理42.1DreamweaverCS4简介DreamweaverCS4是由美国Adobe公司推出的，一个可视化网页设计和网站管理工具软件。DreamweaverCS4是一套网页编辑软件，就算没有制作网页的基础，也能很轻松地利用它制作出漂亮的网页，只要从菜单、面板中直接套用就可以了，免除了学习HTML标签命令的困扰，也节省了很多编写源代

2、码的时间。DreamweaverCS4有强大的网站管理功能，当修改文件名、移动或删除文件时，它自动修改相关的链接；它内置FTP功能，可以直接将文件上传到网站服务器，在网站窗口中可以看到本地端和远程网站的文件，随时检查两端的差异。第二章站点设计与管理52.1DreamweaverCS4简介1、启动DreamweaverCS4启动DreamweaverCS4的操作很简单，和其它软件的启动方式基本一致。(1)单击“开始”菜单按钮，在程序组中选择【程序】→【AdobeDreamweaverCS4】命令，即可启动Dreamwe

3、averCS4软件，如图所示。第二章站点设计与管理6(2)首次启动DreamweaverCS4时，会弹出【默认编辑器】对话框，用户可为DreamweaverCS4设置编辑器，如图所示。第二章站点设计与管理7(3)在此保持默认设置，单击【确定】按钮，此时将打开AdobeDreamweaverCS4欢迎屏幕，如图所示。第二章站点设计与管理8提示：选择欢迎屏幕下方的“不再显示”复选框，再次启动欢迎屏幕即关闭，在菜单栏中选择【编辑】→【首选参数】→【常规】→【显示欢迎屏幕】命令，即可以在下次启动该软件时将重新显示欢迎屏幕。第

4、二章站点设计与管理92.1DreamweaverCS4的操作环境和以前版本相比，DreamweaverCS4的工作界面焕然一新，可以说是做了一次脱胎换骨的改进，从界面中可以看到更多的设计元素。另外，DreamweaverCS4的操作环境非常灵活，用户完全可以根据自己的习惯进行定制。下面对DreamweaverCS4的操作环境进行详细介绍。DreamweaverCS4的工作界面由标题栏、菜单栏、插入面板、文档工具栏、文档编辑区、状态栏、属性面板、面板组、扩展管理器等组成，如图所示。第二章站点设计与管理10第二章站点设计

5、与管理11工作界面定制:用户可以根据各自的习惯进行工作界面的定制，在窗口的标题栏右侧面有一个【设计器】按钮，单击它会弹出一个下拉菜单，可以定制【应用程序开发人员】、【经典】、【编码器】、【设计器】等不同的工作界面。第二章站点设计与管理122.2创建一个新的网站1.3.1新建站点一个网站由许多相互关联的网页组成，制作网页的根本目的就是制作一个完整的网站。因此在制作网页之前，应该先在本地计算机的磁盘上建立一个网站，然后把这个网站发布到Web服务器上，放在本地的网站称为本地站点，处于internet中的web服务器上的网站

6、称为远程站点。DreamweaverCS4有一套专业的创建和管理站点的工具，方便设计人员对本地站点和远程站点进行管理。第二章站点设计与管理13在新建站点之前，首先要进入【站点定义】对话框，进入【站点定义】对话框方法有下列几种：1．文件面板（1）文件面板中右上方的【管理站点】链接，如图所示。第二章站点设计与管理14（2）单击文件面板左上方的箭头按钮，选择弹出的下拉列表底部的【管理站点…】，如图所示。第二章站点设计与管理15从上述（1）（2）方法中任选一方法都可进入【管理站点】对话框，执行【新建…】→【站点】，即可弹出【

7、站点定义】对话框。第二章站点设计与管理16第二章站点设计与管理172．站点菜单（1）执行【站点】菜单→【新建站点…】命令，即可进入【站点定义】对话框。第二章站点设计与管理18（2）执行【站点】菜单→【管理站点…】命令，【管理站点】对话框，再执行“新建→站点”命令，也可进入【站点定义】对话框。第二章站点设计与管理193、进入【站点定义】对话框后，定义本地站点的方法有下列两种：（1）利用【基本】选项卡的站点定义向导。（2）利用【高级】选项卡，这种方法比较直观快速。第二章站点设计与管理20下面详细介绍一下利用【基本】选项卡

8、，根据站点定义向导提示定义本地站点的步骤：(1)进入【站点定义】对话框后，选择【基本】选项卡（如图所示）；第二章站点设计与管理21(2)设置站点名称为“好可工作室”，在站点的URL文本框中输入网站的域名或IP地址，如果要创建本地站点，则此处可以留空。单击【下一步】按钮。(3)弹出的对话框中询问是否使用服务器技术，如图所示。由于建立的是静态网站，