设为首页收藏本站
开启辅助访问
搜索
快捷导航
论坛 › 学院 › 平面设计学院 › 铛铛网
发新帖
返回列表
1 690
电梯直达  跳转到指定楼层

[作业] 铛铛网

zxrzxr|注册会员 |勤币 59 |学币 0
发表于 2016-1-18 23:16 | 复制链接 | 打印 | 上一主题 | 下一主题
网页美工设计入门详解 - 第三节 网页制作流程
<!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>
<style type="text/css">

#box {

        width: 1095px;
    margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
}
#box_1 {
        height: 58px;
        width: 1095px;

}
#box_2 {
        height: 59px;
        width: 1095px;

       
}
#box_3 {
        height: 103px;
        width: 1095px;

}
#box_4 {
        float: left;
        height: 1748px;
        width: 311px;
}
#box_5 {
        float: left;
        height: 323px;
        width: 243px;
}
#box_6 {
        float: left;
        height: 323px;
        width: 541px;
}
#box_7 {
        float: left;
        height: 1425px;
        width: 784px;
}

#box_8 {
        float:left;
        height: 149px;
        width: 1095px;
}
#box_9 {
        float: left;
        height: 267px;
        width: 1095px;
}
#box_10 {
        float: left;
        height: 125px;
        width: 1095px;
}
</style>
</head>

<body>
<div id="box" >
<div id="box_1">  <img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_03.gif" width="1095" height="59" /></div>
<div id="box_2">  <img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_02.gif" width="1095" height="58" /></div>
<div id="box_3">  <img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_04.gif" width="1095" height="103" /></div>
<div id="box_4">  <img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_05.gif" width="311" height="726" /><img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_10.gif" width="311" height="153" /><img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_11.gif" width="311" height="269" /><img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_12.gif" width="311" height="244" /><img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_14.gif" width="311" height="356" /></div>
<div id="box_5">  <img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_06.gif" width="243" height="323" /></div>
<div id="box_6">  <img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_07.gif" width="541" height="323" /></div>
<div id="box_7">  <img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_08.gif" width="784" height="402" /><img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_09.gif" width="784" height="423" align="left" /><img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_13.gif" width="784" height="600" align="left" /></div>
<div id="box_8">  <img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_15.gif" width="1095" height="149" /></div>
<div id="box_9">  <img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_16.gif" width="1095" height="267" align="middle" /></div>
<div id="box_10">  <img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_17.gif" width="1095" height="125" /></div>
</div>
</body>
</html>


本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
举报 使用道具
| 回复

共1个回复 最后回复于 2016-1-19 17:40

yuanxi52028
注册会员
勤币 614   学币 0  
沙发
发表于 2016-1-19 17:40:48 | 只看该作者
页面整体显示没问题
有两点要注意一下
第一，写代码最好养成良好的习惯 代码要整洁 标签什么的应该一对一对的
如：
<div>
    <div>
        <img />
        <img />
        <img />
        <img />
        <img />
    </div>
</div>
还有，你的img前有空格，会影响兼容性的。

第二，代码里如果不是正文内容，最好别用中文命名，有些浏览器会出现无法显示的情况。
可以用拼音，英文，数字来命名文件和文件夹。
举报 使用道具
回复 支持 反对
发新帖
返回列表
B Color Image Link Quote Code Smilies
高级模式
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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