DW网页设计100例2:快速建立站点

zhuyeqing417

zhuyeqing417

2016-02-19 21:19

今天图老师小编要向大家分享个DW网页设计100例2:快速建立站点教程,过程简单易学,相信聪明的你一定能轻松get!

  在 Dreamweaver 中建立站点,是进行网站开发的第二个关键步骤。这里所讲的建立站点,其实就是在 Dreamweaver 中定义站点、策划站点结构、部署开发环境。定义站点是为了更好地利用面板对站点文件进行管理,也是为减少一些错误的出现,如路径出错,链接出错等等。许多初学者开始做网页时,就只知道做单一网页,对文件的条理性、结构性不加以管理,没有对文件进行分类管理,使整个站点结构显得很乱;所以在开发之前应该认真策划好站点结构。由于本书后面讲解的是 ASP.NET 网络应用程序的开发,所以其开发之前,应该部署好 Dreamweaver 有关开发运行组件。

  效果说明

  图 2-1 所示是用 Dreamweaver 建立的站点“ Dreamweaver100 ”,该站点是第 75 例至第 90 例中玩具公司构建网站的站点。本例就是介绍这个站点的建立方法。

  创作思想

  打开 Dreamweaver MX 2004 软件,执行 | 命令,在弹出的对话框中选择,按新建站点的步骤逐步进行设置,最后保存完成制作。

  操作步骤

  步骤一 定义站点

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  ( 1 )开始新建站点。启动 Dreamweaver MX 2004 ,切换到面板,单击,然后在弹出的对话框中单击按钮,如图 2-2 所示。

  ( 2 )设置站点属性参数。在弹出的对话框的“编辑文件”、“编辑文件,第 2 部分”、“编辑文件,第 3 部分”中定义站点,如图 2-3 所示。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  提示:本实例是切换到选项卡中设置站点,建议初学者先以此方式建立站点,再通过选项卡对站点进行更详细的设置。

  图 2-3 中的步骤 4 如果选择的是,则站点为静态网站,此时将直接执行步骤 6 。静态网站与动态网站的区别不是指网站有没有 GIF 、 Flash 动画,而是指有没有互动性。“互动性”是指网站根据用户的要求和选择能够动态作出改变及响应,能够自动更新网站,自动生成批量页面,能够根据用户的条件(时间、浏览器类型、用户在站点的使用权限等),自动生成不同页面。

  图 2-3 中的步骤 5 主要是根据自身熟悉的服务器技术进行选择。如果读者熟悉 ASP 服务器技术,则可选择、这两种脚本中的一种,如果熟悉 ASP.NET ,则应选择、或。

  图 2-3 中的步骤 7 如果选择的是,那么在执行完步骤 9 之后,将会进入到中进行远程服务器的有关设置;如果选择的是,那么在第 8 步操作中就应输入该服务器的地址,鉴于安全性,建议初学者不要使用这种方式编辑网站。

  图 2-3 中的步骤 8 输入的是网站在本地网络中的物理存储位置,其设置一般与 IIS 服务器默认站点主目录的物理存储位置一致。

  ( 3 )接着测试站点及完成站点定义,如图 2-4 所示。

  提示:图 2-4 中所示的第 1 步操作输入“ http://localhost/ ”来代替在图 2-3 中第 8 步操作所设置的物理路径,现在打开 IE 就可以访问 http://localhost 站点下的所有 ASP.NET 网页了。

  图 2-4 中的步骤 5 是关于编辑完每一个网页后是否将其传到远程服务器上的设置,如果选择,则执行完步骤 7 之后,将会进入到中进行远程服务器的相关设置。

  步骤二 规划站点结构

  前面已说过,要认真规划好结构,对站点的文件进行分类管理,把不同类的文件分别放在不同的目录下面。本实例的站点结构规划如下:站点目录规划用于存放所有网页文件,文件夹“ bin ”用于部署 DreamweaverCtrls.dll 控件,文件夹“ dat ”用于存放数据库,文件夹“ images ”用于存放与站点有关的图片文件。具体操作如下:

  在文件面板中为站点“ Dreamweaver100 ”建立新文件夹“ bin ”、“ images ”、“ dat ”,如图 2-5 所示。

  提示:不是每个新建站点都必须包括这三个文件夹。但文件夹“ bin ”一般是用于存放站点运行的必要组件,文件夹“ images ”一般是用于存放与站点有关的图片文件。读者在站点规划时,可以规划更细一点,如网站的图像放在一个文件中,产品图像放在另一个文件中等等。但要注意的是,如果规划要存放站点运行的必要组件的文件夹名称,要与步骤三中的步骤( 2 )所使用的文件夹相对应

  步骤三 部署站点组件

  ( 1 )选择|菜单命令,在弹出的对话框中创建动态页为,如图 2-6 所示。

  提示:由于本书主要讲解 ASP.NET 网络应用程序的开发,所以是要通过新建 ASP.NET 动态页进行开发的。而且如果不通过新建空白的 ASP.NET 动态页,是不能进行下一步骤的。

展开更多 50%)
分享

猜你喜欢

DW网页设计100例2:快速建立站点

Web开发
DW网页设计100例2:快速建立站点

DW网页设计100例3:巧用框架建立网站

Web开发
DW网页设计100例3:巧用框架建立网站

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

DW网页设计100例1:构建开发环境

Web开发
DW网页设计100例1:构建开发环境

DW网页设计:多彩文字链接

Web开发
DW网页设计:多彩文字链接

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

网页设计配色精彩十例

Html CSS布局 Div+CSS XHTML
网页设计配色精彩十例

网页UI设计探讨:雅虎韩国站点设计

Web开发
网页UI设计探讨:雅虎韩国站点设计

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Windows 8账户切换很简单 无需退出重启

Windows 8账户切换很简单 无需退出重启

Dreamweaver MX教程:在居中页面使用层

Dreamweaver MX教程:在居中页面使用层
下拉加载更多内容 ↓