通过项目学web开发：HTML and ASP 第1天

来源：互联网发布：韫而知之的意思编辑：程序博客网时间：2024/05/16 18:51

前言：

不少人都推崇学习编程最佳方式是在实际项目中磨练，通过解决项目中的一个个实际问题将相关的知识点学以致用。作为刚刚迈上编程/web开发自学之路的新手，我便打算将该学习方式加以实践，并通过博客平台记录自己的学习点滴。

我的第一个实践项目便是留言板，之所以选择ASP+Access是因为简单易用，如果一切顺利待上手后可能会考虑采用其他解决方案替代或完成后期开发。

1, Page Layout 页面框架

1.1, Fieldset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> webcms </TITLE> <META NAME="web version of case management system" CONTENT=""> <META http-equiv="Content-Type" content="text/html; charset=gb2312"> </HEAD> <BODY> <fieldset> <legend>fieldset1</legend> <form> <label>lable1: <input type="text" /></label> </form> </fieldset> </BODY></HTML>

问题：如何控制Fieldset边框长宽？（如何控制文本输入框长宽）
解决：用CSS控制
<fieldset style="width:330; height:30">

问题：如何让两套Fieldset并列出现？
解决：通过HTML表格
<table> <tr><td><fieldset> <legend>fieldset1</legend> <form> <label>lable1: <input type="text" /></label> </form> </fieldset> </td><td><fieldset> <legend>fieldset2</legend> <form> <label>lable2: <input type="text" /></label> </form> </fieldset> </td> </tr> </table>
1.2 Text Fields & Textarea 文本域
问题：除了<br>换行符外还有其他什么方式能够让Text或Object换行？
解决：通过HTML自定义列表
<form> <dl><dt><label>标题: <input type="text" style="width:483"></label></dt><dt><label>内容: <textarea rows="20" cols="66" style="vertical-align:top" mce_style="vertical-align:top">
问题：如何控制Text的对齐方式？
解决：vertical-align
<label>内容: <textarea rows="20" cols="66" style="vertical-align:top" mce_style="vertical-align:top">