当前位置:站长资源中心文章中心网页设计Dreamweaver → 文章列表
文章标题关闭所有内容预览 | 展开所有内容预览
  • [图文] DreamWeaver表格妙用-线框制作详解(3) (1) [内容预览] 0 | 2008-05-16 16:19:27
      2>细线边框的制作  细线边框是网页中定位区分内容常用的一种方法,配合特定图片的使用,往往能够达到不错的效果,那么如何制作细线边框呢?  大家都知道,所谓细线边框,大体外观上就是一个简单的1行1列表格,那么我们直接把表格对象的Border值设定为1不就可以了吗?请看下面的制作效果  同样在网页中指定位置插入一个单行...

    [阅读全文]

  • [图文] DreamWeaver表格妙用-线框制作详解(4) (1) [内容预览] 0 | 2008-05-16 16:19:25
      3>“粗”线边框的制作  有了上面介绍细线边框的制作基础,相信大家理解粗线边框就简单多了。粗线边框就是一种边框非凡粗的效果,他往往配合其他网页元素来完成指定效果的。  在细线边框制作中,我们提到单纯将“Border”设定为1达不到“细化”要求,那么粗度应该没有问题了吧,很好,因此粗线边框的制作就有了两种方法。方法一...

    [阅读全文]

  • [图文] DreamWeaver表格妙用-线框制作详解(5) (1) [内容预览] 0 | 2008-05-16 16:19:24
      4>隔距边框的制作  “隔距边框”在网页中主要用来排列各个栏目或频道的项目列表用的,为了方便大家理解,笔者先把制作完成以后的效果图给大家展示下,如下  下面是相应的制作过程,(以制作三框隔距为例说明)  首先在网页中插入一个1行3列的表格对象,在插入过程中直接把“Border”设定为0,“CellSpace”设定为...

    [阅读全文]

  • [图文] Dreamweaver 4 简明教程(一、Dreamweaver 简介) (1) [内容预览] 0 | 2008-05-16 16:19:22
      一、Dreamweaver简介  Dreamweaver是Macromedia公司的出品的一款"所见即所得"的网页编辑工具。与Frontpage不同,Deamweaver采用的是Mac机浮动面版的设计风格,对于初学者来说可能会感到不适应。但当你习惯了其操作方式后,就会发现Dreamweaver的直观性与高效性是Fr...

    [阅读全文]

  • [图文] Dreamweaver 4 简明教程(二、初步认识 Dreamweaver) (1) [内容预览] 0 | 2008-05-16 16:19:21
      二、初步熟悉Dreamweaver  Dreamweaver的启动  Dreamweaver的安装过程非常简单,一但成功安装后,就可以在开始菜单找到Dreamweaver的选项  编辑窗口  第一次启动Dreamweaver,首先看到的是Dreamweaver的编辑窗口,千万别给上面密密麻麻的浮动窗口吓倒,其实常用...

    [阅读全文]

  • [图文] Dreamweaver 4 简明教程(四、从最简单的网页开始) (1) [内容预览] 0 | 2008-05-16 16:19:19
      四、从最简单的网页开始  新建页面  一般推荐大家在站点窗口完成新建网页文件的操作,这样有助大家清楚新建的页面在整个网站的具体位置  方法一选择菜单上的File>NewFile方法二在本地目录选中需要新建页面的目录,单击右键,选择NewFile在DreamweaverUltraDev中,新建页面的文件名默认为unt...

    [阅读全文]

  • [图文] Dreamweaver 4 简明教程(三、制作前的准备工作——定义网站) (1) [内容预览] 0 | 2008-05-16 16:19:18
      三、制作前的预备工作——定义网站  在正式开始制作网页之前,最好先定义一个新网站,这是为了更好地利用站点窗口对站点文件进行治理。  定义的方法  方法一在站点窗口的下拉菜单选择最后一项DefineSites,如下图。此时会弹出一个新的对话框,点击New按钮是定义一个新网站,假如日后需要对旧有网站重新定义,可以在左边...

    [阅读全文]

  • [图文] Dreamweaver 4 简明教程(五、让你的网页更漂亮之一) (1) [内容预览] 0 | 2008-05-16 16:19:16
      五、让你的网页更漂亮  用图片美化你的页面  上面的网页实在也太单调了,当然无法让大家满足,现在我们来一步一步美化我们的页面。而最简单直接的方法是在网页上添加图片。而很大程度上,人们说一个网页漂亮,通常就是指网页上的图片漂亮。  点击对象面板上的按钮,然后弹出对话框,选择需要插入的的图片,如下图假如被选择的文件,是...

    [阅读全文]

  • [图文] Dreamweaver 4 简明教程(五、让你的网页更漂亮之四) (1) [内容预览] 1 | 2008-05-16 16:19:15
        样式表使文字更添风采  上面讲到的,都是一些最基本的对文字的设置,假如想在文字上玩出更多的花样,就需要借助样式表的帮忙了。  在编辑状态,按Shift+F11,可进入样式表对话框(CSSStyles)点击右下角的,新建一个样式如上图,在Name处为你的样式起一个名字,Dreamweaver默认会在名字前一个小数...

    [阅读全文]

  • [图文] Dreamweaver 4 简明教程(五、让你的网页更漂亮之二) (1) [内容预览] 0 | 2008-05-16 16:19:14
        图片的处理  假设现在我们插入的是如下这张图片点选该图片,打开属性面板(Ctrl+F3),可看到如下图的状态1、图片的缩略图及图片的大小。  2、图片的长宽,假如图片长于宽跟原图的大小不一致的话,这里的数字会用粗体显示;点取一张图片,你可以看到图片会被套上一个框和三个点,三个点分别代表将图片向三个不同的方向拉伸...

    [阅读全文]

  • [图文] Dreamweaver 4 简明教程(五、让你的网页更漂亮之三) (1) [内容预览] 0 | 2008-05-16 16:19:12
        文字的处理  适当的图片,可以令网页生色不少,但也不要忘记,文字,才是一个网页最基本的要素。现在让我们回过头来看看Dreamweaver可以在文字上耍些什么花招。  选取一段文字,此时的属性窗口显示如下1、Format可以选择几种预设的文字格式;  2、选择文字的字体,这里可以选择的全是是英文字体,假如想选择其...

    [阅读全文]

  • [图文] Dreamweaver 4 简明教程(六、建立超级链接) (1) [内容预览] 0 | 2008-05-16 16:19:11
      六、建立超级链接  超级链接(Link),简称链接,是页面与页面之间一个单向的关联关系。通过点击链接,我们可以从一个页面跳到另一个页面。我们可以在文字、图片建立链接。1、文字链接  在页面中选取需要建立链接的文字,如下图在属性面板的Link一项,填写链接地址,当浏览者点击该链接的时候,浏览器就回跳转到该页面,例如这...

    [阅读全文]

  • [图文] Dreamweaver 4 简明教程(七、网页的排版2) (1) [内容预览] 0 | 2008-05-16 16:19:09
      七、网页的排版  表格的使用之二  根据上面对表格和单元格的参数,我们可以做出以下的表格以上是一个3×2的表格,表格宽度为350个像素,每个单元格的宽度为33%,即占表格的三分之一,其中单元格1和单元格4已经合并;单元格边距、单元格间距、表格线宽度都为10;表格的底色为灰色,单元格5的边框颜色为红色,单元格6的底色...

    [阅读全文]

  • [图文] Dreamweaver 4 简明教程(七、网页的排版) (1) [内容预览] 0 | 2008-05-16 16:19:08
      七、网页的排版  表格的使用  表格是网页的一个非常重要元素,因为HTML本身并没有提供更多的排版手段,我们往往就要借助表格实现网页的精细排版。可以说表格的是网页制作中最为重要的一个技巧,表格运用得好坏,直接反映了了网页设计师的水平。  点击对象面板的,看到如下的对话框①Rows表格的行数;Columns表格的列数...

    [阅读全文]

  • [图文] Dreamweaver 4 简明教程(七、网页的排版4) (1) [内容预览] 0 | 2008-05-16 16:19:06
      七、网页的排版  新增的排版功能  前面之所以以将图层与表格互换的功能一笔带过,是因为在DW4,推出了一个新的Layout排版功能,能够更加直接方便地对页面布局进行编排。在对象面板的最下方有四个按钮标准视图(StandardView)默认状态下的视图;  排版视图(LayoutView)转入排版视图,就是这次要介绍...

    [阅读全文]

  • [图文] Dreamweaver 4 简明教程(七、网页的排版3) (1) [内容预览] 0 | 2008-05-16 16:19:05
        层的使用  假如你觉得用表格对页面元素进行定位太难把握,不妨尝试利用层(Layer)这个好东西。点击属性面板的按钮,光标会成为一个十字,在编辑窗口上拖动,就可以创建出一个层,我们可以在层上输入绝大部分的网页元素,例如图片、文字等。层的好处是可以放置在页面的任何位置,如下图选择一个层后,对应的属性面板如下①Lay...

    [阅读全文]

  • [图文] Dreamweaver 4 简明教程(八、为网页增添互动效果) (1) [内容预览] 0 | 2008-05-16 16:18:56
      八、为网页增添互动效果  制作简单的互动效果  在网页上经常看到这样的效果,当鼠标移到一张图片上的时候,原来的图片就切换为另一张图片,鼠标移开后,又恢复原来的模样,是怎么做的呢?在开篇的时候,提到Dreamweaver比Frontpage优胜的其中一个地方是Dreamweaver能做出能具互动性的网页。现在,我们就...

    [阅读全文]

  • [图文] Dreamweaver 4 简明教程(八、为网页增添互动效果2) (1) [内容预览] 0 | 2008-05-16 16:18:55
      八、为网页增添互动效果  制作更复杂的互动效果  在Dreamweaver中,更复杂的效果是通过一个叫Behaviors的功能实现的,Behaviors的从字面上理解是“行为”,我们又称为事件的响应。通过网页元素的变化,如鼠标的移动、点击等“事件”(Events),触发弹出窗口,关闭页面等“响应”(Actions)...

    [阅读全文]

  • [图文] Dreamweaver 4 简明教程(八、为网页增添互动效果3) (1) [内容预览] 0 | 2008-05-16 16:18:53
      八、为网页增添互动效果  举例如何打开一个没有工具栏的浏览窗口  在文字或图片的链接中,只要把Target设为“_blank”就可是使链接到的网页在一个新窗口中打开。但你是不是见过看到有的网页,开启的新窗口是不含工具栏,状态栏,网址栏的?这样的窗口是怎么做的呢?  先将光标选定在一个链接上(可以是图片链接,也可以是...

    [阅读全文]

  • Ultradev实例教程:1.2 Ultradev的特点 (1) [内容预览] 0 | 2008-05-16 16:18:50
      第一章ultradev简介第二节Ultradev的特点    在这一节中,我们具体地说说Ultradev的突出的特点,以便朋友们能更好地把握Ultradev,从而以更快的速度制作出自己的动态网站系统。  既然Macromedia给Ultradev起的全名是DreamweaverUltradev,那么我们也可以从它们...

    [阅读全文]

  • Ultradev实例教程:1.1 什么是Ultradev (1) [内容预览] 0 | 2008-05-16 16:18:49
      第一章ultradev简介第一节什么是Ultradev  在宽带网进入家庭已经成为潮流的今天,网络在中国的发展可谓日新月异、一日千里呀!而自古英雄出少年,我们这些热血方刚、风华正茂的青年,已经成为“大浪淘沙”的主力军。谁不想通过网络,成为第二个杨致远;成为第二个盖茨呢!因此,做网页、搞网站,已经成为我们年轻人生活中...

    [阅读全文]

  • Ultradev实例教程:1.3 Ultradev所需要的环境 (1) [内容预览] 0 | 2008-05-16 16:18:47
      第一章ultradev简介第三节Ultradev所需要的环境  由于Ultradev所支持的服务器类型有多种,所以使用Ultradev时所需要的配置和必须具备的环境也不尽相同。这里所列举的,是常用的类型,仅供参考。Ultradev所要求的系统最低配置如下  IntelPentium处理器或兼容处理器  166MHz...

    [阅读全文]

  • [图文] Ultradev实例教程:1.5 ultradev的操作界面 (1) [内容预览] 0 | 2008-05-16 16:18:46
      第一章ultradev简介第五节ultradev的操作界面  现在就由我通过一个实例带着你一步一步深入DreamweaverUltraDev4,你会发现,原来制作动态网页可以这般的轻易。  首先,先让我们来看看DreamweaverUltraDev的操作界面吧,这里只介绍我们将用到的内容,其他未介绍的可以自己慢慢琢...

    [阅读全文]

  • [图文] Ultradev实例教程:1.4 Ultradev的安装 (1) [内容预览] 0 | 2008-05-16 16:18:44
      第一章ultradev简介第四节Ultradev的安装  在您要使用DreamweaverUltradev制作后台之前,您必须预备好一张装有DreamweaverUltradev的正版光盘以及Macromedia提供的序列号。  都预备好了?ok,那么我们在下面的步骤中,将以stepbystep的形式,向您展示Dr...

    [阅读全文]

  • [图文] Ultradev实例教程:2.1 建立一个简单的access数据库 (1) [内容预览] 0 | 2008-05-16 16:18:43
      第二章设置数据库第一节、建立一个简单的access数据库这一节我们将学习有关数据库创建的内容,用过Access创建数据库的朋友可以略过不看。打开MicrosoftAccess,选择文件-〉新建数据库,然后选择一个位置保存你的数据库文件,这里我们按它默认的db1.mdb命名保存。  保存数据库后我们看到的是下面的界面...

    [阅读全文]

  • [图文] Ultradev实例教程:2.2 用ODBC连接数据库 (1) [内容预览] 0 | 2008-05-16 16:18:38
      第二章设置数据库第二节、通过ODBC连接数据库  DreamweaverUltradev4通过数据源与数据库建立连接。而且,采用数据源作为数据库连接的话比较安全,一旦asp源代码泄漏也可以保证数据库的安全(数据库文件不要放在web的目录里)。怎样创建数据源呢,跟着我来吧^0^1.打开ODBC数据源治理器面板。在wi...

    [阅读全文]

  • [图文] Ultradev实例教程:2.3 创建Web站点 (1) [内容预览] 0 | 2008-05-16 16:18:36
      第二章设置数据库第三节创建Web站点  动态网页都是要服务器端解释运行的,DreavweaverUltradev支持三种动态应用,ASP、JSP、ColdFusion,这里我们以最常用的asp作为实例。相信有不少朋友的操作系统都是windows2000了,可以很方便的就架设起一个Web站点。用windows9x的朋...

    [阅读全文]

  • [图文] Ultradev实例教程:3.2 创建数据库连接 (1) [内容预览] 0 | 2008-05-16 16:18:35
      第三章应用数据库创建动态网页第二节创建数据库连接各位看到这个标题是不是又要哎一声了,怎么还没到使用Ultradev啊,老是在搞这些定义来定义去的,呵呵,别急,要用好Ultradev,使用环境是要设置好来的,当这个数据库连接设置完成之后,我们才可以对数据库进行各种操作。这里的连接与前面创建数据源连接是相联系的,且听我...

    [阅读全文]

  • Ultradev实例教程:2.4 UltraDev与各种数据库的连接代码 (1) [内容预览] 0 | 2008-05-16 16:18:31
      第二章设置数据库第四节UltraDev与各种数据库的连接代码  我们使用Ultradev的时候,可以选择使用多种数据库,比如我们常用的access数据库、sql数据库,mysql等等。Ultradev在与各种数据库连接的时候,所需要的数据库连接代码是不同的。在自己电脑中,可以使用DSN、自定连接字符;在数据库服务器...

    [阅读全文]

  • [图文] Ultradev实例教程:3.1 定义站点 (1) [内容预览] 0 | 2008-05-16 16:18:30
      第三章应用数据库创建动态网页第一节定义站点前面叨唠了这么多还没开始动Ultradev呢,是不是有点急不可耐了?现在就让我们开始Ultradev之旅吧。使用DreamweaverUltradev创建Web应用的第一步是要先定义好一个站点(类似我们前面的创建Web站点的过程)。1.运行Ultradev,选择菜单Site...

    [阅读全文]

 Dreamweaver   250   30   2/9页      1   2   3   4   5         GO