网页设计 百文网手机站

如何使用Dreamweaver创建站点

时间:2022-03-02 08:28:52 网页设计 我要投稿

如何使用Dreamweaver创建站点

  所谓站点就是一系列文档的组合,通常是由网页文档文件,图像,CSS文件及其他脚本文件等构成,这些文档之间通过各种链接关联起来,某些文档之间可能拥有相同的属性,例如采用部分相同的设计,或实现相同的目的等。那么如何使用Dreamweaver创建站点?一起来看看吧!

  1.在站点中能够可视化查看本地站点和远程站点中的任何资源.

  2.站点中提供了站点地图功能,便于合理规划站点结构.

  3.可以实现本地站点与远程站点之间的上传与下载,并提供了FTP的同步和过滤功能.

  4.通过站点便于管理和主多站,能够进行链接检查,代码验证,目标浏览器检查,站点报告和查看FTP日志等.

  5.站点的使用有利于团队项目的开发

  创建站点的.步骤:

  1.工欲善遇事必先利器,要制作网页就需要先安装制作软件,Dreamweaver的版本有CS4、CS5、CS6、2014 CC等等不同的版本,任意选择一个下载即可,然后安装在电脑上。

  2.打开安装好的Dreamweaver软件,点击软件上方的“站点”或者右侧的“站点”栏目开始创建站点

  3.点击站点,弹出创建窗口,在“站点名称”里面填写自己所建站点的名称,“本地站点文件夹”是在本地电脑存放站点的的位置,点击右侧小文件夹图标选择存放目录

  4.选择好站点目录之后,选择图片文件夹,点击左侧的“高级设置”,然后点击右侧“默认图像文件夹”右侧的小文件夹图标,选择站点的图片目录,没有的化可以在站点目录下创建images文件夹

  5.站点目录下最起码要有images、css文件夹,可以提前创建,也可以在创建站点的时候创建。现在就建好站点了,在右侧显示的就是新建好的站点,下面就是创建页面了,点击"HTML"创建html页面,这里保存名称为my website.html(名称为.html格式,最好用英文,其他不限)

  6.html页面创建好,按快捷键Ctrl+S保存,保存在站点目录下面,继续创建css样式表,按快捷键Ctrl+N,弹出创建菜单,选择CSS,这里保存名称为css.css(名称为.css格式,最好用英文,其他不限)

  7.样式表建好之后,最好用外部链接调用,优化html代码。点击右侧如阶梯状的小图标,显示链接窗口,点击下部链接符号,根据弹出的窗口选择站点目录下的css样式表,点击“确定”,样式表就以外部调用的方式插入到html文本里面了

  8.现在一个简单的页面就生成了,电脑上本地站点也已经建好,可以开始网页制作了。

  相关资料:Dreamweaver简介

  Adobe Dreamweaver,简称“DW”,中文名称 "梦想编织者",最初为美国Macromedia公司开发,2005年被Adobe公司收购。

  DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对HTML、CSS、JavaScript等内容的支持,设计师和程序员可以在几乎任何地方快速制作和进行网站建设。

  Adobe Dreamweaver使用所见即所得的接口,亦有HTML(标准通用标记语言下的一个应用)编辑的功能,借助经过简化的智能编码引擎,轻松地创建、编码和管理动态网站。访问代码提示,即可快速了解 HTML、CSS和其他Web标准。[4]使用视觉辅助功能减少错误并提高网站开发速度。

【如何使用Dreamweaver创建站点】相关文章:

Dreamweaver站点地图的使用技巧大全07-30

Dreamweaver中如何使用模板的创建与编辑07-22

Dreamweaver如何创建页面07-22

Dreamweaver怎么定义站点04-01

如何使用Dreamweaver锚记链接07-22

Dreamweaver使用教程07-29

Dreamweaver创建页面教程07-21

Dreamweaver空格使用技巧07-31

如何使用Dreamweaver方便快捷编辑网页标签09-18

Dreamweaver创建图形提交按钮08-04