网页设计与制作-日职网络教学平台

网页设计与制作
唐海和

1

2

3

4

5

6

7

8

9

10

11

任务8.1 熟悉网站开发流程和规范

发布时间：2017-09-24 19:29 发布人：聂庆鹏浏览次数：3883

【任务8-1】熟悉网站开发流程和规范

【任务描述】

（1）熟悉网站开发的基本开发流程

（2）熟悉网站开发的常用规范

【任务实施】

1．网站开发的基本流程

Ø第一个阶段：规划网站和准备素材阶段

Ø第二个阶段：设计、制作网页阶段

Ø第三个阶段：测试、发布、推广与维护网站阶段

2．网站开发常用的命名规范

（1）文件夹的常用名称

（2）CSS样式文件的常用名称

（3）CSS样式表文件中类和ID标识的常用名称

（4）网页导航栏的常用名称

（5）网页图片的常用名称

3．网页版面的尺寸规范

（1）网页的宽度

（2）网页的长度

（3）网页文件大小

4.网页广告的尺寸规范

一般来说，网页广告都有一定的规格要求，也就是标准尺寸，全尺寸banner不超过14KB。

各类网页广告的标准尺寸如表8-6所示。

<body>    
<div class="head_titl">    
<div class="head_logo"><a href="/front/index.php">返回门户首页</a></div>    
<div class="head_user">    
<div class="head_user_abs" id="head_user_abs">    
<p>    
<a href=""><img src="/public/images/default_tx.jpg" class="head_user_img"/></a>    
<a href="">    
<span class="head_user_name">聂庆鹏</span>    
<input class="h-combox"/>    
</a>    
</p>    
<ul class="head_user_bg" id="head_user_bg">    
<li class="head_enter"><a href="/teacher/index.php">进入空间</a></li>    
<li><a class="head_out" href="../loginout.php">退出</a></li>    
</ul>    
</div>    
<script>    
var hd=document.getElementById("head_user_abs");    
hd.onmouseover = function(){    
document.getElementById("head_user_bg").style.display="block";    
}    
hd.onmouseout = function(){    
document.getElementById("head_user_bg").style.display="none";    
}    
</script>    
</div>

+添加讨论

马福坦 2017-09-28 10:17:16
我的天哪讲的我都听懂了
刘佳 2017-09-28 10:20:04
VERY GOOD
徐勤翰 2017-09-28 10:23:44
老师讲课很细致
李汉卿 2017-09-28 10:25:11
给老师一个赞！
杨永吉 2017-09-28 10:25:59
讲课生动形象，容易理解，很不错

网页设计与制作唐海和

任务8.1 熟悉网站开发流程和规范

网页设计与制作
唐海和