当前位置:主页 > 平面设计

最新发布

div+css网页布局中合理的运用html标签
div+css网页布局中合理的运用html标签

   当然,可以用class来定义,但一般来讲如不是在同一页面会重复的元素,用id能更好的区别开来.  本人观察了下一个著名网站的首页代码,它的头部定义代码如下:     定义了最上面的导航(ul部分),左边的大logo和那个圆圆的No.xxxx的标记.   他没有使用DIV来做顶部的框架,但却很好的说明了这些代码的用途,为什么?因为他活用了HTML提供的标签,以及样式名称的定义  其它最常用的布局标签h1  这个标签或许真正会去用的人很少,因为它显示的字体真的是太"大"了,但我们是CSSer,有什么标签样式不能改呢?而且它所能表达的意思就如同它原先的作用一样明显(大标题)我想你已经知道怎么去用它了 ^_^ul  这个标签很多情况是用来定义导航部分的,当然也可以用ol来代替,但导航连接没有什么顺序之分吧,所以还是用ul来的比较确切(去掉CSS后效果更明显)b  这个已经不再推荐使用的标签,在布局上却能带来不少的方便(因为短),虽然我不是太赞成使用这个标签,但有些时候(比如细小地方的布局定义)还是不错的选择h2  h2使用最多的地方应该不是布局上,而是副标题,但有些地方需要定义栏目样式的话,用这个标签比较合适,栏目内容就使用p 。

9 次浏览
Adobe Dreamweaver CS3玩转远程读取RSS之“为所欲为”
Adobe Dreamweaver CS3玩转远程读取RSS之“为所欲为”

许多站长们由于各种原因不能经常更新自己的网站,这就会导致用户没有新资料可看而流失。这应该是许多站长较为苦恼的问题。其实在如今RSS资料如此丰富的互联网上。站长们完全可以利用开发的RSS资源来丰富自己站点的资料,可以让你的站点看起来每天都有新资料,从而吸引更多的浏览群。今天我就教大家一个简单易学的方法让大家可以学会在Adobe Dreamweaver CS3利用XSL转换功能来玩转远程RSS。首先要使用XSL转换功能你必须在Adobe Dreamweaver CS3建立一个ASP站点。至于如何建立ASP站点,你可以参照本站教程“Dreamweaver CS3 For ASP开发起步-建立ASP开发环境”来学习如何在Adobe Dreamweaver CS3中建立站点。站点建立好后,你可以在Adobe Dreamweaver CS3中新建一个XSL文件。如下图:新建XSLT(整页)文件后会弹出XML数据源对话框。如下图:你定位XML源的设置面板中选择附加互联网上的远端文件。这里你就可以复制你所喜欢的RSS资源地址在此。这里我们以本站的RSS资源为例。http://www.adobe-dreamweaver.cn/rss.asp 

14 次浏览
第十二章:完成上传留言本程序需要注意的问题
第十二章:完成上传留言本程序需要注意的问题

Adobe Dreamweaver CS3制作留言本的教程已经全部完成,今天我们来说几个上传前值得注意的问题。由于我们是使用绝对路径进行的数据库链接,所以通常情况下我们上传留言本后会将数据库链接改成相对路径。关于数据库路径的优劣,大家可以参考“Dreamweaver CS3中用什么方法链接ACCESS数据库最合适?”这篇文章来学习。我们首先打开Connections文件夹下的"conn.asp"文件,然后将里面的数据库链接字符串 <% ' FileName="Connection_ado_conn_string.htm" ' Type="ADO" ' DesigntimeType="ADO" ' HTTP="false" ' Catalog="" ' Schema="" Dim MM_conn_STRING MM_conn_STRING = "Driver={Microsoft Access Driver (*.mdb)};DBQ=D:\GuestBook\Book.mdb" %> 替换成 <% ' FileName="Connection_ado_conn_string.htm" ' Type="ADO" ' DesigntimeType="ADO" ' HTTP="false" ' Catalog="" ' Schema="" Dim MM_conn_STRING MM_conn_STRING = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & Server.MapPath("Book.mdb") %> 这样我们就可以放心的将留言本上传并且使用了。

2 次浏览
第十一章:删除非法留言功能设计
第十一章:删除非法留言功能设计

上一章我们讲到了“回复留言的功能制作",的功能。今天我们来讲解如何在Dreamweaver CS3中实现删除留言的功能。首先我们打开"delete-message.asp"文件 然后我们在绑定面板中新建一个记录集,设置好筛选的URL参数。如下图 然后我们在服务器行为面板中选择删除记录行为。如下图 在Dreamweaver CS3的删除记录面板设置中设置好相关参数,如下图 为了防止误删留言记录,我们希望在删除却进行确认,那么我们就在表单中插入一个按钮,修改值为确定删除。如下图

2 次浏览
第四章:建立和连接ACCESS数据库
第四章:建立和连接ACCESS数据库

输入后的样子如下图 5.然后单击右边的测试按钮,弹出“成功创建连接脚本”对话框就表示你的数据连接已经建立成功了。如下图 6.连接成功后我们会在数据库面板中看到我们刚才建立的名为“conn”的连接。如下图 在Dreamweaver CS3连接ACCESS数据库的方法很多,我们这里选择了一种最稳定和最简单的方法来教大家。大家可以比照这个教程多进行几次数据库连接的试验。相信你也会很快掌握连接的方法。

2 次浏览
Dreamweaver CS3中用什么方法链接ACCESS数据库最合适?
Dreamweaver CS3中用什么方法链接ACCESS数据库最合适?

第一种:Server.Mappath 相对文档路径地址的数据库文件虽然具有平台移植性,但对于不同层次,不同深度下的引用该数据库的文件,将不能完整地保证数据库路径的正确性。 举个例子: 1,数据库文件cnbruce.mdb,所在文件夹database(可http访问) 2,Adobe Dreamweaver CS3自动生成的连接数据库文件conn.asp,所在文件夹Connections 3,如果在Adobe Dreamweaver CS3中测试连接路径成功,则必须输入地址为Server.Mappath("../database/cnbruce.mdb") 但随后引用该数据库连接的文件必须保存在某文件夹中,该文件夹和database是同等的 - database - cnbruce.mdb - Connections - conn.asp - 某文件夹 - x1.asp 这种结构才能使用正常。但这就必须要求站点中,所有引用了连接数据库文件的文件,必须存放在站点的一级目录下。显然这是不合理的,比如这样的结构。 - x2.asp - database - cnbruce.mdb - Connections - conn.asp - 某文件夹 - 某子文件夹 - x3.asp 则x2.asp和x3.asp均不能正常显示。 原理分析:无论conn.asp放在哪里,无论conn.asp的内容如何,最后都是取决于引用了conn.asp的文件的文件位置和数据库的位置关系。解决办法:在conn.asp中进行判断当前路径,根据不同级别值给出不同链接路径……对于初学者来说,麻烦。第二种:Server.Mappath 相对根目录路径的数据库文件使用这种方法,首先需要将IIS默认站点调整到当前Adobe Dreamweaver CS3站点所在文件夹(XP系统),或建立一个站点指向该文件夹(2K等系统)。 反正一句话,就是当你输入 http://localhost/ 时,显示的内容已不是默认的IIS首页,而是你所设置的Adobe Dreamweaver CS3站点文件夹中的默认首页文档。 那么在设置了该IIS站点之后 1,数据库文件cnbruce.mdb,所在文件夹database(可http访问) 2,Adobe Dreamweaver CS3自动生成的连接数据库文件conn.asp,所在文件夹Connections 3,如果在Adobe Dreamweaver CS3中测试连接路径成功,则输入地址为Server.Mappath("/database/cnbruce.mdb") /database/cnbruce.mdb 该方法就是相对根目录,高屋建瓴式的进行数据库路径的获得,无论哪个层次的,哪个目录下的站点文档均能正常显示。 但依然不推荐!原因如下: 在本地你可以自行修改IIS的站点,当上传到服务器或虚拟主机时,麻烦就来了。 1,如果你的虚拟主机服务商技术不过关,当在解析你网站根目录的时,不是指向到你的站点文件夹,而是指向服务器系统盘下的wwwroot文件夹。于是路径肯定错误。 2,如果你需要上传的并不是你的站点根目录,很显然,路径也肯定会发生解析错误。第三种:本地绝对物理路径的数据库文件

6 次浏览
体验Adobe Dreamweaver CS3新特性
体验Adobe Dreamweaver CS3新特性

GoLiver和Dreamweaver同为网页设计工具,目前Adobe 发布了Dreamweaver CS3新版本,让我们看看加入Adobe大家庭的Dreamweaver有什么新特性。  Dreamweaver 8的CSS设计工具对于那些没有任何编程经验,设计背景出身的用户而言仍然遥不可及。Dreamweaver CS3则修正了这些问题,对于没有太多编程经验的人来说,上手起来也比较容易。然而由于CSS和Ajax自身所含有的复杂因素等问题,导致使用这两种技术绝非像使用老掉牙的HTML进行网页设计那样简单。 程序界面  和Fireworks一样,Adobe公司并没有对Dreamweaver的界面进行升级,这导致Dreamweaver成为Adobe与Macromedia的众多联合设计软件中最易使用户手忙脚乱的软件之一。  适合于 Ajax 的 Spry 框架  使用适合于 Ajax 的 Spry 框架, 以可视方式设计、开发和部署动态用户界面。 在减少页面刷新的同时, 增加交互性、速度和可用性。  Spry 数据  使用 XML 从 RSS 服务或数据库将数据集成到 Web 页中。集成的数据很容易进行排序和过滤。  Spry 窗口组件  借助来自适合于 Ajax 的 Spry 框架的窗口组件, 轻松地将常见界面组件 (如列表、表格、选项卡、表单验证和可重复区域) 添加到 Web 页中。  Spry 效果  借助适合于 Ajax 的 Spry 效果, 轻松地向页面元素添加视觉过渡, 以使它们扩大选取、收缩、渐隐、高光等等。  Adobe Photoshop 和 Fireworks 集成  直接从 Adobe Photoshop CS3 或 Fireworks CS3 复制和粘贴到 Dreamweaver CS3 中以利用来自您的已完成项目中的原型的资源。  浏览器兼容性检查  借助全新的浏览器兼容性检查, 节省时间并确保跨浏览器和操作系统的更加一致的体验。生成识别各种浏览器中与 CSS 相关的问题的报告, 而不需要启动浏览器。  CSS Advisor 网站  借助全新的 CSS Advisor 网站 (具有丰富的用户提供的解决方案和见解的一个在线社区), 查找浏览器特定 CSS 问题的快速解决方案。  CSS 布局  借助全新的 CSS 布局, 将 CSS 轻松合并到您的项目中。在每个模板中都有大量的注释解释布局, 这样初级和中级设计人员可以快速学会。可以为您的项目自定义每个模板。  CSS 管理  轻松移动 CSS 代码: 从行中到标题, 从标题到外部表, 从文档到文档, 或在外部表之间。清除较旧页面中的现有 CSS 从未像现在这样容易。  Adobe Device Central CS3  使用 Adobe Device Central (现在已集成到整个 Adobe Creative Suite® 3 中), 设计、预览和测试移动设备内容。本新闻共2页,当前在第1页  1  2     图解Dreamweaver CS3新特性  CS3中的CSS  现今,几乎所有的网站都使用了CSS――它使设计师和开发者们从以往复杂的表格、框架布局中解脱了出来。但是,事物总是两面性的,作为一种代码,比起HTML,它就复杂的太多。

7 次浏览
基础(3)设置和编辑Dreamweaver本地根文件夹
基础(3)设置和编辑Dreamweaver本地根文件夹

规划站点结构后,在 Dreamweaver 中设置(定义)站点。您还应定义一个站点,以便编辑不是由 Dreamweaver 创建的 Web 站点。设置 Dreamweaver 站点是一种组织所有与 Web 站点关联的文档的方法。 本地根文件夹是 Dreamweaver 站点的工作目录。此文件夹可以位于本地计算机上,也可以位于网络服务器上。 如果要开始在计算机上编辑文件(而不进行发布),只需设置一个本地文件夹,以后再添加远程和测试信息。 即使没有使用 Dreamweaver 创建原始站点,也可以使用 Dreamweaver 编辑本地磁盘上的现有 Web 站点或编辑远程站点(或远程站点的分支)。 注: 如果本地根文件夹位于运行 Web 服务器的系统中,则无需指定远程文件夹。这意味着该 Web 服务器正在您的本地计算机上运行。 选择以下项之一: 若要设置新站点,请选择“站点”>“新建站点”。 若要编辑本地磁盘上的现有站点或远程站点(或远程站点的分支)的设置,无论该站点是否在 Dreamweaver 中创建,都可选择“站点”>“管理站点”,然后单击“编辑”。 注: 如果未定义任何 Dreamweaver 站点,将会出现“站点定义”对话框,而无需您单击“新建”。 输入设置信息: 若要使用站点设置向导设置站点,请单击“基本”选项卡,然后按照提示进行操作。 若要直接设置本地文件夹、远程文件夹和测试文件夹(用于处理动态页),请单击“高级”选项卡,选择“本地信息”类别并设置各个选项。 单击“确定”和“完成”以创建站点(在“文件”面板中显示)。本地根文件夹设置选项 如果选择直接对本地根文件夹选项进行设置,而不使用“站点定义”对话框的“基本”选项卡,请单击“高级”选项卡并输入信息。 注: 在计算机上设置工作站点只需要设置前两个选项。 站点名称 显示在“文件”面板和“管理站点”对话框中的名称;该名称不会在浏览器中显示。 本地根文件夹 本地磁盘上存储站点文件、模板和库项目的文件夹的名称。在硬盘上创建一个文件夹,或者单击文件夹图标浏览到该文件夹。当 Dreamweaver 解析根目录相对链接时,它是相对于该文件夹来解析的。 自动刷新本地文件列表 指定 Dreamweaver 是否应在每次您将文件复制到本地站点时自动刷新本地文件列表。取消选择此选项将提高 Dreamweaver 在复制此类文件时的速度;但同时“文件”面板的“本地”视图不会自动刷新,您必须单击“文件”面板工具栏中的“刷新”按钮手动刷新面板。 默认图像文件夹 保存站点中使用的图像的文件夹的路径。输入路径或单击文件夹图标浏览到该文件夹。 链接相对于 更改您创建的链接到站点中其它页面的链接的相对路径。默认情况下,Dreamweaver 使用文档相对路径创建链接。选择“站点根目录”选项更改路径设置,确保在“HTTP 地址”选项中指定 HTTP 地址。 更改此设置将不会转换现有链接的路径;此设置仅应用于使用 Dreamweaver 以可视方式创建的新链接。 使用本地浏览器预览文档时,除非指定了测试服务器,或在“编辑”>“首选参数”>“在浏览器中预览”中选择“使用临时文件预览”选项,否则文档中用站点根目录相对路径链接的内容将不会显示。这是因为浏览器不识别站点根目录,而服务器能够识别。 HTTP 地址 Web 站点将要使用的 URL。这使 Dreamweaver 能够验证站点中使用绝对 URL 或站点根目录相对路径的链接。Dreamweaver 还使用此地址来确保站点根目录可能不同的站点根目录相对链接在远程服务器上能够正常工作。例如,如果您链接到位于硬盘上 C:\Sales\images\ 文件夹中的某个图像文件(Sales 是您的本地根文件夹),您完成的站点 URL 是 http://www.mysite.com/SalesApp/(SalesApp 是您的远程根文件夹),那么应该在“HTTP 地址”文本框中输入 URL 以确保远程服务器上的链接文件路径为 /SalesApp/images/。 使用区分大小写的链接检查 在 Dreamweaver 检查链接时,将检查链接的大小写与文件名的大小写是否相匹配。此选项用于文件名区分大小写的 UNIX 系统。 启用缓存 指定是否创建本地缓存以提高链接和站点管理任务的速度。如果不选择此选项,Dreamweaver 在创建站点前将再次询问您是否希望创建缓存。最好选择此选项,因为只有在创建缓存后“资源”面板(在“文件”面板组中)才有效。

2 次浏览
基础(7)关于输入表单的三种常用布局
基础(7)关于输入表单的三种常用布局

关于输入表单的三种常用布局,大家应该都比较熟悉了,第一种是这样,称为右对齐/左对齐,左边的标签右对齐,右边的输入框左对齐(来自yahoo):第二种是左对齐/左对齐,左边的标签左对齐,右边的输入框左对齐(来自Google):另一种方式是标签在上,输入框在下(来自豆瓣):(以上源页面版权归各网站所有,红色或绿色的指示线为作者添加。)这三种方式各有什么不同呢?从视觉流来看,右对齐/左对齐强调的是标签和输入框这一对元素之间的关系(从左到右,它们在距离上最接近),缺点是,如果左边的标签长短差别很大,就会造成参差不齐很难看的页面;左对齐/左对齐的布局削弱了这种标签-输入框的对应关系,但是很方便从上到下浏览所有的输入标签,当然,如果左边的标签长短差别大,也会造成距离过远,难看的页面;上下布局则兼顾了标签和输入框之间的关系,以及从上到下的很好的逻辑顺序,它的缺点是,不适合输入框太多的情况。左右两种布局在中文界面上也许可以取得一致,即,让所有的标签长度一致,在左对齐的同时也右对齐,中文真是一门奇妙的语言,在英文页面上,就很难做到这一点了。问题:1. 什么时候应该采用右左布局,什么时候应该采用左右布局?2. 为什么我说上下布局不适合输入框太多的情况?西贝的回答:1. 右左布局:当输入框为多个并且类别相同,字段长短较一致时,建议采用右左布局;2. 左右布局:当输入框多,但类别不一致时采用;3. 上下布局:当输入框较少,但是引发的提示或帮助较多时,建议采用;不适合输入框多的情况,因为页 面占用较大,跨度较大;连贯性不强,但是易于区分;

11 次浏览
基础(5)在Dreamweaver CS3中设置测试服务器
基础(5)在Dreamweaver CS3中设置测试服务器

如果计划开发动态页,Dreamweaver 需要测试服务器的服务以便在您进行操作时生成和显示动态内容。测试服务器可以是本地计算机、开发服务器、中间服务器或生产服务器。 在设置测试服务器文件夹之前,必须定义本地和远程文件夹。您可能经常将您的远程文件夹的设置用于您的测试服务器,因为在远程文件夹中上传的动态页通常可能是由应用程序服务器处理的。 选择以下项之一: 若要设置新站点,请选择“站点”>“新建站点”。 若要编辑本地磁盘上现有站点或远程站点(或远程站点的分支)的设置,无论该站点是否使用 Dreamweaver 创建,都可选择“站点”>“管理站点”,然后从列表中选择站点并单击“编辑”。 注: 如果未定义任何 Dreamweaver 站点,将会出现“站点定义”对话框,而无需您单击“新建”。 在“站点定义”对话框的“高级”选项卡中选择“测试服务器”。 选择要用于 Web 应用程序的服务器技术。 接受默认的“测试服务器”设置,或者输入不同的设置。 默认情况下,Dreamweaver 会假定应用程序服务器运行在与您的 Web 服务器相同的系统上。如果您在“站点定义”对话框的“远程信息”类别中定义了远程文件夹,并且如果应用程序服务器运行在与远程文件夹相同的系统上(包括您的本地计算机),则接受“测试服务器”类别中的默认设置。 如果您没有在“远程信息”类别中定义远程文件夹,则“测试服务器”类别默认为您在“本地信息”类别中定义的本地文件夹。只有在您满足以下两个条件时,您才可以不去改动此默认设置: 您的 Web 服务器和应用程序服务器均在您的本地计算机上运行。例如,您是在本地 Windows XP 系统上运行 IIS 和 ColdFusion 的 ColdFusion 开发人员。 您的本地根文件夹是您的 Web 站点主目录的子文件夹。例如,如果您正使用 IIS,则您的本地根文件夹是 c:\Inetpub\wwwroot\ 文件夹的子文件夹,或是该文件夹本身。 如果您的本地根文件夹不是您的主目录的子文件夹,则您必须将本地根文件夹定义为您的 Web 服务器中的虚拟目录。 注: 应用程序服务器可以在与您的远程站点不同的系统上运行。例如,如果在“远程信息”类别中选择的“访问”选项是“Microsoft Visual SourceSafe”,则必须在“测试服务器”类别中指定不同的服务器。 在“URL 前缀”文本框中,输入用户在其浏览器中打开您的 Web 应用程序时需要键入的 URL,但不包括任何文件名。 URL 前缀由域名和 Web 站点主目录的任何一个子目录或虚拟目录(而不是文件名)组成。例如,如果应用程序的 URL 是 www.adobe.com/mycoolapp/start.jsp,则应输入以下 URL 前缀:www.adobe.com/mycoolapp/。 如果 Dreamweaver 与 Web 服务器在同一系统上运行,则可以使用 localhost 选项之一作为域名的占位符。例如,如果运行的是 IIS,而应用程序的 URL 是 http://buttercup_pc/mycoolapp/start.jsp,请输入以下 URL 前缀: http://localhost/mycoolapp/ 有关不同 Web 服务器的 localhost 选项列表,请参阅下一节。 单击“确定”,然后单击“完成”以将新站点添加到站点列表中。

2 次浏览
共计26043条记录 上一页 1.. 820 821 822 823 824 825 826 ..2605 下一页