网站编辑与策划课程设计

《网站编辑与策划课程设计》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、一、网站主题天下美食网站的建设缘自于我对美食的爱好。本站除提供菜谱大全外，同时还涉及美食视频、美食博客、特色小吃、原料介绍、饮食百科信息等多频道领域。天下美食网站收录了众多菜谱的做法，按图片、用料、做法、注意事项划分文章结构更加便于使用。同时按照菜谱的所属的菜系及功能进行分类，更加方便的找到自己想要的菜式做法。本网站可以吸引大批美食爱好者，帮助非常多的朋友学会制作美食的方法。二、网站结构与内容1、网站信息内容分析天下美食网站汇集天下美食，更为美食家提供一个交流、展示的舞台，以网络为平台，汇集各类美食资讯，收录菜谱的做法，按照菜谱的所属的菜系及功能进行分类，更

2、加方便的找到自己想要的菜式做法。各种日新月异的交互体验，用美食连接世界，为世界提供鲜活的美食资讯。通过各种便捷的方式，把美食资讯适时送到食客眼前。无论是喜欢独自享用，还是合家欢度，天下美食都可以提供最具实用性与观赏性的美食解决方案。天下美食网站，还普及健康食材，引导品质生活方式：食物的美妙味感固然值得玩味，但只有吃的健康，才算吃的美好。帮助人们吃的安全、健康、美好，是美天的社会责任；传承美食文化，传递美食正能量：美食是一种文化，需要传承，渴望创新。向经典致敬，向大师収经;让传统新生，为创意开道，是天下美食的传播使命。搭建互动平台，创造美食社交新生活，成为美食

3、家们的分享沙龙，创造美食社交新生活。2、网站结构分析3、网页布局分析网页分上中下三个部分，头部为logo.导航条以及登录注册，中间为内容部分，尾部则为附注信息。整个页面简单清晰，功能明确。首页中间内容部分又分左右两部分，左边是图文并茂的篇幅，右边是选项列表。登录注册页面中间内容为一个居屮的矩形框。三、网站建设技术解决方案(-)首页设计1、首页结构设计根据div结构图添加divheaderI~logo天下美働ogin登录注册enu导航—conteritpost题目—eritry图文sidebar-列表foot-wrapper£ooter版权所有添加基础CSS样

4、式IODOCTYPEhtmlPUBLIC"-//W3C//DTDXHTftTL1.0Transitional//Er"http://ww.w3.org<

5、/head>body{margin:0:padding:0:background:#FFFFFFurl(iag/body.jpg)repeat-x;font-family:Arial,Helvetica,sans-serif:font-size:14px:color:#303030;}hl{margin:0;padding:0;font-weight:noraalcolor:#303030;font-size:2en;}h2{margin：0.padding:0.font-weight:normalcolor:#303030;font-size:2.4e»;

6、}h3{margin:0:padding:01font-weight:noraal;color:#303030;font-size:1.6en：}Psol{margin-top:0:line-height:180%.text-decoration:none.color:#121212：}a:hover{text-decoration:underline:}img.border{border:6pxsolid#E1F1F6;}mg.alignleft{float:left:margin-right:25px1ung.alignright{float:right

7、・}ung.aligncenter{margin:Opxauto.}^wrapper{background:url(lmg/header.jpg)no-repeatcentertop}^header{width:lOOOpx;height:180px:margin:0auto;2、logo的制作在代码视图里插入如下代码:

带你尝尽天下美味

8、