ASP网页程序设计实例代码网页设计常见问题解析

2026-03-16 11:00:34 964 次阅读

怎样才能使htm文件像asp文件一样执行脚本代码网页设计中frame高度和DIV圆角如何实现

在ASP网页程序设计里，经常会碰到让htm文件支持脚本执行的需求。其实操作挺简单，步骤如下：

进入Internet Services Manager，选择default web site，然后右键点击选择“属性”。
转到“主目录”标签页，找到“应用程序设置”，点击“配置”按钮。
在“应用程序映射”里点击“添加”，然后设置执行程序路径为 \WINNT\SYSTEM32\INETSRV\ASP.DLL。
扩展名填写“htm”，方法选择“独占(exclusive)”即可。

这样一来，你的htm文件就能像asp文件一样运行脚本啦，超级实用！

至于网页设计中的frame高度自适应，其实用JavaScript就能轻松搞定。每个iframe是一个独立页面，只要在该页面的head和body之间加入下面这段代码就行：

function setWindowSize(){ 
  try { 
    var thiswin = window.parent.document.getElementById(window.name);
    if(window.document.body.scrollWidth - thiswin.clientWidth > 20){
      thiswin.style.height = window.document.body.scrollHeight + 20 + "px";
    } else {
      thiswin.style.height = window.document.body.scrollHeight + "px";
    }
  } catch (e) {}
}
window.onload = setWindowSize;
window.onresize = setWindowSize;

这样frame高度就能自动根据内容变化，省心省力！

另外，想让DIV的边框四角变成圆角，CSS的 border-radius 属性是你的好朋友！这里分享几个简单例子：

div { border-radius: 5px 5px 0 0; } —— 这个设置DIV左上和右上角圆角，下面两个角直角，特别适合顶部圆角设计。
border-radius: 3px 4px 5px 6px; —— 分别给四个角不同的圆角半径，更灵活。
甚至图片也可以通过 border-radius: 5px; 让边角圆润起来哦。

用点花哨的CSS，网页立马高级感爆棚！

网页设计代码案例

网页设计中如何让图片填充满整个页面表格和日期下拉选择代码怎么写

你是不是也遇过想让图片铺满整个网页的尴尬？其实超简单，给图片加上这段CSS就完了：

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

如果当成背景图片，传统方法在IE里用 filter 实现拉伸，但现代浏览器推荐这样写：

body {
  background-image: url('your-image.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

这样，图片会自动铺满且保持比例，超级酷炫。

再来说说表格代码，很多朋友需要练习HTML表格设计，最简单的就是用 <table>、<tr>、<td> 标签组合，示范代码大概长这样：

<table border="1" cellpadding="5" cellspacing="0">
  <tr>
    <th>站名</th>
    <th>到站时间</th>
    <th>开车时间</th>
  </tr>
  <tr>
    <td>北京</td>
    <td>10:30</td>
    <td>10:50</td>
  </tr>
  <tr>
    <td>上海</td>
    <td>14:20</td>
    <td>14:50</td>
  </tr>
</table>