精华内容
下载资源
问答
  • 静态网页代码

    2012-10-11 18:44:09
    关于静态网页的制作代码
  • Html静态网页代码汇总

    2012-07-21 21:08:46
    Html静态网页代码汇总
  • songsair的静态网页代码及资源,只有一个目录,很简单的一个。
  • 一号店静态网页代码

    2020-05-03 11:30:27
    大家一起学习
  • 电子商务 静态网页代码 可以直接运行 挺好的 大家可以根据自己的意愿更改!欢迎交流
  • 该模板为纯html5模板,本人很喜欢简洁明了的页面设计,不浮夸,也不冗余,此模板采用蓝色为主色,奠定了大气的基调,不包含任何服务器端code

    c63259e994a69532d0ecb486d887b578.png

    9ebb7e11467271e95c6c4b0a64b213d5.png

    该模板为纯html5模板,本人很喜欢简洁明了的页面设计,不浮夸,也不冗余,此模板采用蓝色为主色,奠定了大气的基调,不包含任何服务器端code

    展开全文
  • PAGE / NUMPAGES !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd> <html xmlns="http://www.w3.org/1999/xhtml> <head> <meta http-equ
  • 网页制作模板,需要的可以借鉴一下网页制作模板,需要的可以借鉴一下
  • HTML代码设计,初学者了解HTML代码设计的基本语法
  • 作为小白,我今天尝试使用HTML代码对新浪投资者关系网的导航栏进行模仿。 网站界面如图: 我今天想要模仿的是新浪网的导航栏部分: 我们可以先对此导航栏进行简单的分析:导航栏主要是使用list标签做出,中间...

    作为小白,我今天尝试使用HTML代码对新浪投资者关系网的导航栏进行模仿。

    网站界面如图:

    我今天想要模仿的是新浪网的导航栏部分:


    我们可以先对此导航栏进行简单的分析:导航栏主要是使用list标签做出,中间加了下划线的,我们可以首先使用<ul>无序列表标签填充一些内容:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    	</head>
    	<body>
    		<ul>						<!--使用ul li实现导航栏-->
    			<li>首页</a></li>		
    			<li>公司概况</li>
    			<li>股票资讯</li>
    			<li>新浪动态</li>
    			<li>财务信息</li>
    			<li>投资者日</li>
    			<li>联系我们</li>
    		</ul>
    	</body>
    </html>
    

     

    实现出的效果是这样的:

    可以看到这暂时不是我们想要的效果,但是基本内容已经填充好了,所以我只需添加CSS样式改变导航栏的样式;

    经过分析,我大概需要添加以下几种样式:

    1.去掉无序列表之前的圆圈;

    2.在每一行字下面添加一个下划线;

    我们先添加第一个css样式,去掉无序列表之间的圆圈;要去掉无序列表的圆圈,我们需要使用css样式中list属性所包含的内容:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<style>
    			ul{
    			    list-style: none;	/*使Li上的效果全部消失*/	
    			    }
            </style>
    	</head>
    	<body>
    		<ul>						<!--使用ul li实现导航栏-->
    			<li>首页</a></li>		
    			<li>公司概况</li>
    			<li>股票资讯</li>
    			<li>新浪动态</li>
    			<li>财务信息</li>
    			<li>投资者日</li>
    			<li>联系我们</li>
    		</ul>
    	</body>
    </html>
    

     

    在全局css上添加了list-style:none后,li上的效果就全部消失了;

     

    下面我们继续添加css样式,使每一行下面都添加一个下划线:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<style>
    			ul{
    				list-style: none;			
    			}
    			li{
    				border-bottom: 1px solid 			
    			}
    
    
    		</style>
    	</head>
    	<body>
    		<ul>						<!--使用ul li实现导航栏-->
    			<li>首页</a></li>		
    			<li>公司概况</li>
    			<li>股票资讯</li>
    			<li>新浪动态</li>
    			<li>财务信息</li>
    			<li>投资者日</li>
    			<li>联系我们</li>
    		</ul>
    	</body>
    </html>
    

    虽然下划线有了,但是我们发现,无论是下划线的颜色还是字体的间距都是有问题的;由于是模仿,我们可以调用新浪网的源代码查看一下具体的间距格式:

    在源代码中我们找到了以下内容,上面清楚的设定了下划线的颜色和行高,我们就在CSS的标签选择器li中添加以下内容:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<style>
    			ul{
    				list-style: none;			
    			}
    			li{
    				border-bottom: 1px solid #e1e3e5; 
                    line-height:49px;			
    			}
    
    
    		</style>
    	</head>
    	<body>
    		<ul>						<!--使用ul li实现导航栏-->
    			<li>首页</a></li>		
    			<li>公司概况</li>
    			<li>股票资讯</li>
    			<li>新浪动态</li>
    			<li>财务信息</li>
    			<li>投资者日</li>
    			<li>联系我们</li>
    		</ul>
    	</body>
    </html>

     

    这样下划线就添加完成了。

     

    目前的导航栏和我们想要的效果还是有一些出入的,所以现在我们要改变一下字体的格式:我们依旧去原网站代码寻找字体格式:

    我们在代码中也添加此行;但尤其需要注意的是,font的简化写法不能与line-height共存,所以我们把line-height删去,把它写在font里,所以源代码中的font就需要改动:将22px改为49px,然后为了使文本垂直居中,再在前面添加一个height属性;

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<style>
    			ul{
    				list-style: none;			
    			}
    			li{
    				border-bottom: 1px solid #e1e3e5; 
                  	height: 49px;
        			font: 12px/49px Arial, "Microsoft Yahei"		
    			}
    
    
    		</style>
    	</head>
    	<body>
    		<ul>						<!--使用ul li实现导航栏-->
    			<li>首页</a></li>		
    			<li>公司概况</li>
    			<li>股票资讯</li>
    			<li>新浪动态</li>
    			<li>财务信息</li>
    			<li>投资者日</li>
    			<li>联系我们</li>
    		</ul>
    	</body>
    </html>

    这样就和我们想要的导航栏更加相似了;

    下面我们对导航中每一个元素添加超链接,使他们能够跳转到其他界面,为了方便起见,这些导航我就只添加一个相同的超链接:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<style>
    			ul{
    					
    			    list-style: none;			
    			}
    			li{
    				border-bottom: 1px solid #e1e3e5;
    				height: 49px;
        			font: 12px/49px Arial, "Microsoft Yahei"
    				
    			}
    
    		</style>
    	</head>
    	<body>
    		<ul>						<!--使用ul li实现导航栏-->
    			<li ><a href="http://www.baidu.com">首页</a></li>		
    			<li><a href="http://www.baidu.com">公司概况</a></li>
    			<li><a href="http://www.baidu.com">股票咨询</a></li>
    			<li><a href="http://www.baidu.com">新浪动态</a></li>
    			<li><a href="http://www.baidu.com">财务信息</a></li>
    			<li><a href="http://www.baidu.com">投资者日</a></li>
    			<li><a href="http://www.baidu.com">联系我们</a></li>
    		</ul>
    	</body>
    </html>
    

    执行出来的效果是这样的,我们发现a标签的样式把之前的字体样式全部覆盖了,因为a标签不能继承父标签的属性,所以我们要单独设置a标签属性,所以我们要把a标签的下划线去掉,然后再重新设置一下字体颜色:

    <!DOCTYPE html>
    <html>
    
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<style>
    			ul {
    				list-style: none;
    			}
    			
    			li {
    				border-bottom: 1px solid #e1e3e5;
    				height: 49px;
    				font: 12px/49px Arial, "Microsoft Yahei"
    			}
    			
    			a {
    				/*a标签不能继承父标签的属性,所以要单独写属性*/
    				text-decoration: none;
    				color: rgb(51, 51, 51);
    			}
    			
    		</style>
    	</head>
    
    	<body>
    		<ul>
    			<!--使用ul li实现导航栏-->
    			<li>
    				<a href="http://www.baidu.com">首页</a>
    			</li>
    			<li>
    				<a href="http://www.baidu.com">公司概况</a>
    			</li>
    			<li>
    				<a href="http://www.baidu.com">股票咨询</a>
    			</li>
    			<li>
    				<a href="http://www.baidu.com">新浪动态</a>
    			</li>
    			<li>
    				<a href="http://www.baidu.com">财务信息</a>
    			</li>
    			<li>
    				<a href="http://www.baidu.com">投资者日</a>
    			</li>
    			<li>
    				<a href="http://www.baidu.com">联系我们</a>
    			</li>
    		</ul>
    	</body>
    
    </html>

    基本上和导航栏一模一样了,我们最后再在首页元素上改变颜色就可以了,我们添加一个id选择器,更改一下颜色:

    <!DOCTYPE html>
    <html>
    
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<style>
    			ul {
    				list-style: none;
    			}
    			
    			li {
    				border-bottom: 1px solid #e1e3e5;
    				height: 49px;
    				font: 12px/49px Arial, "Microsoft Yahei"
    			}
    			
    			a {
    				/*a标签不能继承父标签的属性,所以要单独写属*/
    				text-decoration: none;
    				color: rgb(51, 51, 51);
    			}
    			
    			#first {
    				color: #4c92fc;
    			}
    		</style>
    	</head>
    
    	<body>
    		<ul>
    			<!--使用ul li实现导航栏-->
    			<li>
    				<a id="first" href="http://www.baidu.com">首页</a>
    			</li>
    			<li>
    				<a href="http://www.baidu.com">公司概况</a>
    			</li>
    			<li>
    				<a href="http://www.baidu.com">股票咨询</a>
    			</li>
    			<li>
    				<a href="http://www.baidu.com">新浪动态</a>
    			</li>
    			<li>
    				<a href="http://www.baidu.com">财务信息</a>
    			</li>
    			<li>
    				<a href="http://www.baidu.com">投资者日</a>
    			</li>
    			<li>
    				<a href="http://www.baidu.com">联系我们</a>
    			</li>
    		</ul>
    	</body>
    
    </html>

    这样就一模一样了。

     


     

     

    展开全文
  • css静态网页代码

    2010-12-19 15:50:00
    软件开发基础 软件开发基础知识 客户网页编程 网页设计 面向对象基础 面向对象基础知识 java数据库编程 数据库应用 java 编程 java,jsp,ajax j2ee高级 应用服务器 j2ee框架 开源框架 ooad与uml 基于面向对象系统...

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title>
    <link rel="stylesheet" type="text/css" href="css.css" />
    </head>

    <body>
    <div id="top-nav">
    <ul>
    <li id="about"><a href="#">关于我们</a></li>
    <li id="job"><a href="#">工作机会</a></li>
    <li id="map"><a href="#">学校地图</a></li>
    <li id="contact"><a href="#">联系我们</a></li>
    </ul>
    </div>
    <div id="main-nav">
    <ul>
    <li><a href="#" title="首页">首页</a></li>
    <li><a href="#"  class="selected" title="课程体系">课程体系</a></li>
    <li><a href="#" title="师资力量">师资力量</a></li>
    <li><a href="#" title="就业专栏">就业专栏</a></li>
    <li><a href="#" title="学生活动">学生活动</a></li>
    <li><a href="#" title="技术专栏">技术专栏</a></li>
    <li><a href="#" title="学员博客">学员博客</a></li>
    </ul>
    </div>
    <div >
    <div id="content">
    <h1>课程详解</h1>
    <h2>学员定位</h2>
    <p>年龄十九岁以上</p>
    <h2>实训目标</h2>
    <ul>
    <li>精通java,jsp,ssh编程</li>
    <li>掌握国际化软件工程开发</li>
    <li>精通数据库开发技术</li>
    <li>掌握主流开发应用平台,熟悉开发工具</li>
    <li>掌握面向对象软件分析</li>
    <li>具备一年以上软件开发工作经验</li>
    </ul>
    <h2>课程内容</h2>
    <table border="1">
    <tr>
    <th>实训项目</th>
    <th>实训内容</th>
    </tr>
    <tr>
    <td>计算机基础</td>
    <td>操作系统,办公软件,软件技能</td>
    </tr>
    <tr>
    <td>软件开发基础</td>
    <td>软件开发基础知识</td>
    </tr>
    <tr>
    <td>客户网页编程</td>
    <td>网页设计</td>
    </tr>
    <tr>
    <td>面向对象基础</td>
    <td>面向对象基础知识</td>
    </tr>
    <tr>
    <td>java数据库编程</td>
    <td>数据库应用</td>
    </tr>
    <tr>
    <td>java 编程</td>
    <td>java,jsp,ajax</td>
    </tr>
    <tr>
    <td>j2ee高级</td>
    <td>应用服务器</td>
    </tr>
    <tr>
    <td>j2ee框架</td>
    <td>开源框架</td>
    </tr>
    <tr>
    <td>ooad与uml</td>
    <td>基于面向对象系统分析与设计</td>
    </tr>
    </table>


    </div>
    <div id="left-column">
    <div class="left-column-box">
    <h1 class="left-column-title">在线咨询</h1>
    <p>咨询电话123456</p>
    <p>咨询qq群456789</p>
    <p>技术服务</p>

    </div>
    <div class="left-column-box">
    <h1 class="left-column-title">开班信息</h1>
    <p>项目21部</p>
    <p>项目24部</p>
    <p>项目30部</p>
    </div>


    </div>

    </div>
    <div id="footer">
    <p>&copy;一度教育<p>

    </div>


     

    </body>
    </html>

    转载于:https://www.cnblogs.com/liuzhuqing/archive/2010/12/19/7481151.html

    展开全文
  • 我的第一个静态网页代码关于软件工程师在线报名的静态网页
  • 本文章来介绍两种利用php生成纯静态网页的程序代码,有需要的朋友可参考参考。关于用PHP如何实现全站静态化处理的内容,这样让php生成HTML纯静态网页,让访问速度更快。 代码如下 复制代码 //在开始处加入 ob_start...

    本文章来介绍两种利用php生成纯静态网页的程序代码,有需要的朋友可参考参考。

    关于用PHP如何实现全站静态化处理的内容,这样让php生成HTML纯静态网页,让访问速度更快。

     代码如下 复制代码

    //在开始处加入 ob_start();

    ob_start();

    //以下是代码

    //在结尾加入 ob_end_clean(),并把本页输出到一个变量中

    $temp = ob_get_contents();

    ob_end_clean();

    //写入文件

    $fp = fopen(‘文件名','w');

    fwrite($fp,$temp) or die(‘写文件错误');

    ?>

    这只是最基本的方法,还不是很实用,因为网站是要更新的,要定期重新生成HTML

    下面是我用的方法:

     代码如下 复制代码

    if(file_exists(“demo.html”))

    {

    $time = time();

    //文件修改时间和现在时间相差半小时一下的话,直接导向html文件,否则重新生成html

    if($time - filemtime(“demo.html”) < 30*60)

    {

    header(“Location:demo.html”);

    }

    }

    //在开始处加入 ob_start();

    ob_start();

    //页面的详细内容

    //在结尾加入 ob_end_clean(),并把本页输出到一个变量中

    $temp = ob_get_contents();

    ob_end_clean();

    //写入文件

    $fp = fopen(‘demo.html','w');

    fwrite($fp,$temp) or die(‘写文件错误');

    //重新导向

    header(“Location:demo.html”);

    上面的方法在大批生成时可能不是最好的办法了

     代码如下 复制代码

    if($_GET[pg]==''){

    $aa=1;

    }else{

    $aa=$_GET[pg];

    }

    include("admin/conn.php");

    require_once("page.php");

    $result=mysql_query("select * from 2carsell ");

    $totle=mysql_num_rows($result);

    $pagelist = $_GET[t];

    if($_GET[t]==''){

    $pagelist='200';

    }else{

    $pagelist=$_GET[t];

    }

    $pager = new Pager($totle,$pagelist);

    $datastat=" 共 ".$pager->countall." 条,每次生成 ".$pager->countlist." 条,共需生成 ".$pager->page." 次";//数据统计

    $bb=$pager->page;

    $pagenav=$pager->backstr.$pager->thestr.$pager->nextstr;

    $limitFrom = $pagelist*($pager->pg-1);

    $result=mysql_query("select * from 2carsell ORDER BY id DESC limit $limitFrom,$pagelist");

    ?>

    <?echo $aa?> 次页面生成中.. echo $datastat?>

    print "

    ";

    while($datauser=mysql_fetch_array($result)){

    $iid=$datauser[id];

    $html = file_get_contents("/moban.php?id=".$iid."");

    $sql="select * from 2carsell where id=$iid";

    $data=mysql_fetch_array(mysql_query($sql));

    $path=date("Ym",$data[PutDate]);

    $testdir="html/".$path;

    if(file_exists ($testdir)):

    else:

    mkdir ($testdir, 0777);

    echo "目录".$testdir."创建成功!
    ";

    endif;

    $filename = "html/$path/sell_$iid.html";

    // 使用写入模式打开$filename

    if (!$handle = fopen($filename, 'w')) {

    print "不能打开文件 $filename";

    exit;

    }

    if (is_writable($filename)) {

    // 将$html写入到我们打开的文件中。

    if (!fwrite($handle, $html)) {

    print "不能写入到文件 $filename";

    exit;

    }

    print "文件 $filename 更新成功!nr";

    fclose($handle);

    } else {

    print "文件 $filename 不可写";

    }

    ?>

    }?>

    echo $datastat." "?>

    $aa=$aa 1;

    if($aa>$bb){

    echo '恭喜,所有页面生成完毕!';

    echo "";

    }else{

    echo "";

    }

    ?>

    说明:原动态地址为 moban.php?id=1 ,生成后地址为 html/200808/sell_1.html 。page.php为分页程序,本博客中有发布。

    页面使用方式,将本代码保存为make.php,使用方法为浏览器访问 make.php?t=数量&pg=页面;例如 make.php?t=300&pg=2,即每次生成300条数据,从数据列表第2页开始生成,即跳过前面300条。如果不加任何参数,直接访问make.php,则默认每次生成200条,从第一页开始生成。

    展开全文
  • PHP生成静态网页原理PHP 生成静态网页的原理很简单,利用几个常见的 PHP 文件操作函数就可以实现,PHP生成静态网页思路如下图所示:PHP生成静态网页功能实现设置 example.html 为模板文件,然后按照模板文件生成...
  • 静态html网页 代码

    2017-12-23 21:56:07
    用html写的简单的小网页代码图片都在文件夹里,点开可以直接运行
  • 这是一个仿京东首页的静态网页,包含网页的头部、尾部以及内容部分的图片轮换功能,附件中(仿京东首页_静态网页代码.zip)既是该网页的源代码部分!
  • 静态网页代码 大理作为背景,可以当大学左右。
  • Javascript脚本实现静态网页加密,阅读Javascript脚本实现静态网页加密,前两天看见有人问静态网页加密问题,就写了这个代码思路:加密时:先把用户的密钥A用md5加密为B,然后用B异或源文件S0得到目标文件S1,把S1存入js...
  • 在asp中实现由动态网页转变为静态网页可以使用模板生成,通过FsoFile进行操作根据模板生成静态网页,比较适合产品和新闻两个板块转变!
  • 地方商机网站首页html静态网页模板代码
  • asp网站生成html静态网页代码 代码很不错的
  • html静态网页设计 采用的外部样式来设计贵美商城网站
  • charset=utf-8" />name="description" content="" />name="keywords" content="" /&...网页设计type="text/css">body{width:1000px;height:auto;margin:0 auto;}header{width:100%;height:450px;background-c...
  • 静态网页作品 精美个人主页源代码。 针对很多人为了交作业在网上找静态网页作业,帮一个学生做的个人网页,经过美化修改,第一次发出来供初学者学习参考。 包含6个独立页面,分别为首页index.html、about.html、...
  • asp生成静态网页

    2014-04-17 18:07:57
    asp写的生成静态网页代码,方便实用,适合学习
  • 网上书店静态网页代码

    热门讨论 2011-03-23 15:21:17
    基于html的网上书店开发项目,内存源代码,可用myeclipse运行,内附图片等资源
  • HTML静态网页留言板ASP自动代码, 解压到你的网站根目录即可guestbook/index.html 本程序是html显示,提交,实现了很多人想要的“html留言板” 本程序没有做登陆验证,请用户自己添加

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,457
精华内容 2,182
关键字:

静态网页代码