homework3 龙湖地产界面自制

小案例—龙湖地产界面自制


<html>
	<head>
		<meta charset="UTF-8">
		<title>小案例title>
		<style type="text/css">
		    ul{
      
		            color: white;
		       }
		style>
		
	head>
	<body bg bgcolor="#00327c">
		<table cellpadding="0" cellspacing="0" background="img/background.jpg" width="1421" height=" 867" align="center">
			<tr>
				<td>
					<table  cellspacing="0" width="100" height="100%" align="center">
						<tr>
							<td height="80" background="img/logo.jpg">td>
						tr>
						<tr>
							<td height="37" background="img/nav.jpg">
								<table  width="100%" height="37" cellspacing="0" cellpadding="0">
									<tr>
										<td width="97" background="img/choose.jpg" align="center"><font color="white"><a href="xiaoanli.html">首页a>font>td>
										<td width="97" align="center"><font color="white"><a href="gongsijianjie.html">公司简介a>font>td>
										<td width="97" align="center"><font color="white">新闻中心font>td>
										<td width="97" align="center"><font color="white">客户服务font>td>
										<td width="97" align="center"><font color="white">人力资源font>td>
										<td width="97" align="center"><font color="white">客服中心font>td>
										<td width="97" align="center"><font color="white">业务区域font>td>
									tr>
								table>
							td>
						tr>
						<tr>
							<td height="238">
							    <img src="img/banner.jpg" />
							td>
						tr>
						<tr height="422">
							<td background="img/content.jpg">
								<table  width="100%" height="100%" cellpadding="0" cellspacing="20">
									<tr>
										<td colspan="2">
											<table cellpadding="0" cellspacing="0" width="100%" height="100%">
												<tr>
													<td colspan="2" valign="top">
														<h3>
															<img src="img/label.png" /><font color="white"> 热点资讯                         <img src="img/more.gif" />font>
															<hr color="skyblue"/>
														h3>
													td>
												tr>
												<tr>
													<td rowspan="2" height="115" width="173">
													    <img src="img/pic1.png" />	   
												    td>
													<td>
														<font color="white" size="3"><b> 龙湖股份:百强房企跨越上市 引领地产阔步走强b>font>
													td>
												tr>
												<tr>
													<td>
														<p><font color="white" size="2">        12月30日上午9点28分,随着董事长俞午先生和总裁汪液女士一起敲响了当天开市锣声,A股开盘之时,正式更名为“龙湖股份”。......font>p>
													td>
												tr>
											table>
										td>
										<td rowspan="2" width="243" valign="top"  >
											<h3><img src="img/label.png"/><font color="white"> 最新楼盘     <img src="img/more.gif" />font>h3>
											    <hr color="skyblue"/>
										  	    <img src="img/index-lp2-1.jpg" />
											    <img src="img/index-lp2-2.jpg" />
											    <img src="img/index-lp2-3.jpg" />
											    <img src="img/index-lp2-4.jpg" />
										td>
									tr>
									<tr> 
										<td valign="top">
										    <h3><img src="img/label.png" /><font color="white">  公司新闻        <img src="img/more.gif" />font>h3>
											<hr color="skyblue"/>
											<img src="img/pic2.jpg" />
											<ul type="square">
												<div>
												    <li><font size="2">龙湖地产5月签约33.5亿元 北京双天街热销超font>li>
												    <li><font size="2">龙湖地产4月签约30.4亿元 重庆项目创新市场成font>li>
												    <li><font size="2">龙湖地产一季度合作销售65.3亿  二季度增加推新font>li>
												    <li><font size="2">2011年合同的销售额达人民币382.7亿元font>li>
											    div>
											ul>
										td>
										<td valign="top">
											<h3><img src="img/label.png" /><font color="white"> 商业动态       <img src="img/more.gif" />font>h3>
											<hr color="skyblue"/>
											<img src="img/pic3.jpg"/>
											<ul type="square">
												<div>
												    <li><font size="2">重庆龙湖MOCO家具生活馆全馆盛大开放!font>li>
												    <li><font size="2">北京“龙湖”商业街盛大开街!font>li>
												    <li><font size="2">北城天街新馆盛大开业font>li>
												    <li><font size="2">重庆龙湖再启社区儿童素质教育第二课堂font>li>
											    div>
											ul>
										td>
									tr>
								table>
							td>
						tr>
						<tr>
							<td height="60" background="img/bottom.jpg" align="center">
							    <font color="skyblue" size="2">法律声明        |        网站地图        |        意见建议        |        版权信息        |        联系我们<br />2012 龙湖地产有限公司 渝ICP备05003852号font>	
							td>
						tr>
					table>
				td>
			tr>
		table>
	body>
html>

运行结果如图:

homework3 龙湖地产界面自制_第1张图片
龙湖地产网页制作的链接

附页1:


<html>
	<head>
		<meta charset="utf-8">
		<title>公司简介title>
		
	head>
	<body bgcolor="#00327c">
		<table cellpadding="0" cellspacing="0" width="1421" height="867" background="img/background.jpg" align="center">
			<tr>
				<td>
					<table cellspacing="0" width="900" height="100%" align="center">
						<tr>
						    <td height="80" background="img/logo.jpg">td>
						tr>
						<tr>
							<td height="37" background="img/nav.jpg">
								<table width="100%" height="37" cellspacing="0" cellpadding="0">
									<tr>
										<td width="97" background="img/choose.jpg" align="center"><font color="white"><a href="xiaoanli.html">首页a>font>td>
										<td width="97" align="center"><font color="white"><a href="gongsijianjie.html">公司简介a>font>td>
										<td width="97" align="center"><font color="white">新闻中心font>td>
										<td width="97" align="center"><font color="white">客户服务font>td>
										<td width="97" align="center"><font color="white">人力资源font>td>
										<td width="97" align="center"><font color="white">客服中心font>td>
										<td width="97" align="center"><font color="white">业务区域font>td>
									tr>
								table>
							td>
						tr>
						<tr>
							<td height="185" background="img/page02-pic.jpg">td>
						tr>
						<tr>
							<td>
								<table cellpadding="0" cellspacing="0" width="100%" height="100%" >
									<tr>
										<td background="img/page01-leftbar.jpg" height="505" width="158" align="left">
											<table cellspacing="" cellpadding="20" align="top">
												<tr>
													<td>
											            <h3><a href="a.html" target="gsjj">公司简介a><h3>
											            <p><img src="img/page01-line.jpg" />p>
											            <h3><a href="b.html" target="gsjj">竞争优势b>h3>
											            <p><img src="img/page01-line.jpg" />p>
											            <h3><a href="c.html" target="gsjj">公司战略c>h3>
											            <p><img src="img/page01-line.jpg" />p>
											            <h3><a href="d.html" target="gsjj">发展历程h3>
											            <p><img src="img/page01-line.jpg" />p>
											            <h3>公司简介h3>
											            <p><img src="img/page01-line.jpg" />p>
											        td>
											    tr>
											table>
										td>
										<td bgcolor="white">
											<iframe width="100%" height="100%" frameborder="0" name="gsjj" src="a.html">iframe>
										td>
									tr>
								table>
							td>
						tr>
						<tr>
						    <td height="60" background="img/bottom.jpg" align="center">
								    <font color="skyblue" size="2">法律声明        |        网站地图        |        意见建议        |        版权信息        |        联系我们<br />2012 龙湖地产有限公司 渝ICP备05003852号font>	
							td>
						tr>
					table>
				td>
			tr>
		table>
	body>
html>

运行结果如图:

homework3 龙湖地产界面自制_第2张图片

附页2(公司简介页的链接)

链接a:


<html>
	<head>
		<meta charset="utf-8">
		<title>title>
	head>
	<body>
		<h1>这是A的内容h1>
		<img src="img/banner.jpg">
		<p>这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,p>
	body>
html>

链接b:


<html>
	<head>
		<meta charset="utf-8">
		<title>title>
	head>
	<body>
		<h1>这是B的内容h1>
		<img src="img/page01-banner.jpg">
		<p>这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,p>
	body>
html>

链接c:


<html>
	<head>
		<meta charset="utf-8">
		<title>title>
	head>
	<body>
		<h1>这是C的内容h1>
		<img src="img/page04-banner.jpg">
		<p>这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,p>
	body>
html>

链接d:


<html>
	<head>
		<meta charset="utf-8">
		<title>title>
	head>
	<body>
		<h1>这是D的内容h1>
		<img src="img/pic2.jpg">
		<p>这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,p>
	body>
html>

运行结果如图:

homework3 龙湖地产界面自制_第3张图片

你可能感兴趣的:(html,html)