设为首页收藏本站
开启辅助访问
搜索
快捷导航
论坛 › 学院 › 平面设计学院 › 网页制作流程 代码（科技网页）
发新帖
返回列表
2 1274
电梯直达  跳转到指定楼层

[作业] 网页制作流程 代码（科技网页）

cyndi3321|注册会员 |勤币 145 |学币 0
发表于 2015-5-15 11:21 | 复制链接 | 打印 | 上一主题 | 下一主题
  1. body {
  2.         font-family: "宋体";
  3.         font-size: 18px;
  4.         margin: 0px  auto;
  5.         }
  6. #box {
  7.         height: 1079px;
  8.         width: 1003px;
  9.         margin: 0px auto
  10. }
  11. #box_1 {
  12.         height: 73px;
  13.         width: 1003px;
  14.         margin-top: 0px;
  15.         margin-right: auto;
  16.         margin-bottom: 0px;
  17.         margin-left: auto;
  18. }
  19. #box_2 {
  20.         height: 360px;
  21.         width: 1003px;
  22.         margin-top: 0px;
  23.         margin-right: auto;
  24.         margin-bottom: 0px;
  25.         margin-left: auto;
  26. }
  27. #box_3 {
  28.         float: left;
  29.         height: 543px;
  30.         width: 182px;
  31.        
  32. }
  33. #box_4 {
  34.         height: 543px;
  35.         width: 820px;
  36.         float: left;
  37.        
  38. }
  39. #box_5 {
  40.         height: 39px;
  41.         width: 1003px;
  42.         float: left;
  43. }
  44. #box_6 {
  45.         float: left;
  46.         height: 64px;
  47.         width: 1003px;
  48. }
  49. </style>
  50. </head>

  52. <body>
  53. <div id="box">
  54. <div id="box_1"><img src="images/01_01.gif" width="1003" height="73" /></div>
  55. <div id="box_2"><img src="images/01_02.gif" width="1003" height="360" /></div>
  56. <div id="box_3"><img src="images/01_03.gif" width="182" height="543" /></div>

  58. <div id="box_4"><img src="images/01_04.gif" width="821" height="543" /></div>
  59. <div id="box_5"><img src="images/01_05.gif" width="1003" height="39" /></div>
  60. <div id="box_6"><img src="images/01_06.gif" width="1003" height="64" /></div>

  62. </div>
  63. </body>
  64. </html>
复制代码
举报 使用道具
| 回复

共2个回复 最后回复于 2015-5-15 16:42

yuanxi52028
注册会员
勤币 614   学币 0  
沙发
发表于 2015-5-15 16:11:14 | 只看该作者
应该还有个html头

<!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-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>

</body>
</html>

一定要声明是W3C标准的 还有编码设置是utf-8

如果没有这个，网页很可能会出现乱码 还有接触到更多的JS CSS的时候会出问题

能否看看你切出来的视图！
举报 使用道具
回复 支持 反对
cyndi3321
注册会员
勤币 145   学币 0  
板凳
发表于 2015-5-15 16:42:41 | 只看该作者
yuanxi52028 发表于 2015-5-15 16:11
应该还有个html头

好好~
举报 使用道具
回复 支持 反对
发新帖
返回列表
B Color Image Link Quote Code Smilies
高级模式
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表