Dreamweaver 是美国 MACROMEDIA 公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。现在用得比较多的是 Dreamweaver8 ,百度下到处都是下载地址,下载安装就不介绍了。
这里就介绍下 Dreamweaver 的基本操作和网页的基础知识。
打开安装好的 Dreamweaver (绿色的图标),选择设计器视图,需要序列号的话百度下就可以了。然后进入主界面,在创建新项目一栏点击 HTML 。
//补充说明下这些创建项目的选项:
HTML ( Hyper Text Mark-up Language )即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。 HTML 文本是由 HTML 命令组成的描述性文本, HTML 命令可以说明文字、图形、动画、声音、表格、链接等。 HTML 的结构包括头部( Head )、主体( Body )两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。
ASP 是 Active Server Page 的缩写,意为“动态服务器页面”。也就是在网页上,用户是能够提交一些比如用户名,帐号等这些信息和服务器互动的一些页面代码,这个新手一般用不到。而且服务器端需要配合数据库来使用。
PHP ,是英文超级文本预处理语言 Hypertext Preprocessor 的缩写。 PHP 是一种 HTML 内嵌式的语言,是一种在服务器端执行的嵌入 HTML 文档的脚本语言,语言的风格有类似于 C 语言,被广泛的运用。其实跟 asp 差不多,提供交互功能的。现在国内比较流行的论坛程序一般就是用 php 架构的。比如 discuz 、 phpwind 等。而相对老一点的论坛则是用 aso 架构的,比如动网 bbs 。这些论坛的源代码都是开放的,有兴趣的同学可以百度下,进他们公司官网下载源代码就能用了。
CSS ( Cascading Style Sheet ,可译为“层叠样式表”或“级联样式表”)是一组格式设置规则,用于控制 Web 页面的外观。通过使用 CSS 样式设置页面的格式,可将页面的内容与表现形式分离。页面内容存放在 HTML 文档中,而用于定义表现形式的 CSS 规则则存放在另一个文件中或 HTML 文档的某一部分,通常为文件头部分。将内容与表现形式分离,不仅可使维护站点的外观更加容易,而且还可以使 HTML 文档代码更加简练,缩短浏览器的加载时间。简单地说,可以把它理解为一个模板,相当于 office 中 ppt 的母板一样,也是自己写的,可以让你做的一整套网页看正去更加有整体感,因为设计模板是同一个。用的时候在 HTML 语言的头部分调用就可以了。不写的话也没关系,就用 IE 所默认的 CSS 。
XML ( Extensible Markup Language )即可扩展标记语言,它与 HTML 一样,都是 SGML(Standard Generalized Markup Language, 标准通用标记语言 ) 。 Xml 是 Internet 环境中跨平台的,依赖于内容的技术,是当前处理结构化文档信息的有力工具。扩展标记语言 XML 是一种简单的数据存储语言,使用一系列简单的标记描述数据,而这些标记可以用方便的方式建立,虽然 XML 占用的空间比二进制数据要占用更多的空间,但 XML 极其简单易于掌握和使用。
JavaScript 是运行于客户端的小程序,因为很多时候比如密码规定需要 8 位,而你只输入了 7 位怎么办?这个时候如果服务器去验证的话因为浏览的人很多,服务器及会变得很慢,所以 Netscape 的浏览器 Navigator 最先加入了 JavaScript 用来在浏览的用户自己的电脑上运行程序来验证所输入的内容是否符合要求。//
然后进入设计界面,在页面的最上面点击插入,N多选项自由发挥。为了网页看上去能够整齐些,可以插入表格来辅助定位,然后表格属性的边框粗细设置为0在IE中打开就看不到表格了。基本上狂点插入就能做好一张网页了,最后保存就ok了。记得所用到的图片要放在一个文件夹中,同时这个文件夹要跟网页在同以路径或目录下,以方便到时候上传到服务器/虚拟主机中。
更多详细教程请参阅 硅谷动力学院