快速业务通道

NetBeans IDE 6.8/6.9教程-使用MySQL数据库创建简单的Web应用程序 - 编程入门网

作者 佚名技术 来源 NET编程 浏览 发布时间 2012-06-15
style="font-size:smaller; font-style:italic;"> {placeholder}</span></td> </tr> <tr> <td><strong>Counselor: </strong></td> <td>{placeholder} <br> <span style="font-size:smaller; font-style:italic;"> member since: {placeholder}</span> </td> </tr> <tr> <td><strong>Contact Details: </strong></td> <td><strong>email: </strong> <a href="mailto:{placeholder}">{placeholder}</a> <br><strong>phone: </strong>{placeholder} </td> </tr> </tbody> </table>

NetBeans IDE 6.8/6.9教程-使用MySQL数据库创建简单的Web应用程序(7)

时间:2011-08-02 netbeans.org Troy Giunipero

要在浏览器中查看此页面,请在编辑器中单击鼠标右键,然后选择“运行文件”(Shift-F6 组合键; 在 Mac 上为 Fn-Shift-F6 组合键)。此时编译该页面,将其部署到 GlassFish 服务器,并在缺省浏览 器中将其打开。

NetBeans IDE 6.8/6.9教程-使用MySQL数据库创建简单的Web应用程序 - 编程入门网

创建样式表

创建简单的样式表,以便增强 Web 界面的显示。本教程假定您 了解样式规则的作用方式,以及它们影响 index.jsp 和 response.jsp 中相应 HTML 元素的方式。

通过在 IDE 的主工具栏中按“新建文件”(NetBeans IDE 6.8/6.9教程-使用MySQL数据库创建简单的Web应用程序 - 编程入门网) 按钮 ,打开“新建文件”向导。选择 "Web" 类别,然后选择“层叠样式表”并单击“下一步”。

键入 style 作为 CSS 文件名,并单击“完成”。IDE 会创建一个空 CSS 文件,并将其放置在 index.jsp 和 response.jsp 所在的同一个项目位置。请注意,style.css 的节点现在显示在“项目”窗 口的项目中,并且该文件在编辑器中打开。

在编辑器中,将以下内容添加到 style.css 文件中:

body {

font-family: Verdana, Arial, sans-serif;

font-size: smaller;

padding: 50px;

color: #555;

}


h1 {

  text-align: left;

  letter-spacing: 6px;

  font-size: 1.4em;

  color: #be7429;

  font-weight: normal;

  width: 450px;

  }

table {

  width: 580px;

  padding: 10px;

  background-color: #c5e7e0;

  }

th {

  text-align: left;

  border-bottom: 1px solid;

  }

td {

  padding: 10px;

  }

a:link {

  color: #be7429;

  font-weight: normal;

  text-decoration: none;

  }

a:link:hover {

  color: #be7429;

  font-weight: normal;

  text-decoration: underline;

  }

NetBeans IDE 6.8/6.9教程-使用MySQL数据库创建简单的Web应用程序(8)

时间:2011-08-02 netbeans.org Troy Giunipero

样式表链接到 index.jsp 和 response.jsp。在这两个页面中,将以下行添加到 <head> 标记之间:

<link rel="stylesheet" type="text/css" href="style.css">

要在编辑器中打开的文件之间快速导航,请按 Ctrl-Tab 组合键,然后选择所需的文件。

NetBeans CSS 支持

在 IDE 中使用 CSS 时,可以利用 CSS 样式生成器和 CSS 预览。这些工具可 以在创建样式规则和查看与样式属性结合使用的元素时,提供广泛的支持。

例如,将光标置于 style.css 的 h1 规则中,然后打开“CSS

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号