網页综合设计专用周.docVIP

我的家乡类网站的设计与制作 网站开发需求分析 一般来讲，网站风格定位 1．色彩 色彩永远是网页设计中最重要的一环。色彩对人的视觉效果非常明显，一个网站设计成功与否，在某种程度上取决于设计者对色彩的运用和搭配。 本项目中采用了一种色彩，先选定主色调为一种2．排版 在掌握了网页制作技术的情况下，都渴望将自己的网页制作的更具有创意和美感。 本项目采用的排版是一种规范的、排版给人以和谐、理性的美。 3．特效 网页中的特效运用适当，会给网页带来画龙点睛的效果。本项目中的动画效果处理的比较好，动感适度。在本网站中运用了Gif的动画效果。 网站建设方案 1．页面风格创意设计 该项目网站的页面颜色初步拟定采用色调的基础上进行颜色渐变的展开，2．网站栏目划分 根据我们对玩家的了解，特建立一下栏目。 走进昆山 美食特色 人文风土 中国昆山 人文风土 战队博客 战队相册 精彩视频 3．网站栏目内容简介茶之旅 从昆山到青海 （3）美?食?资?讯 长期在外地漂泊的时候，经常会想起家乡众多的美食，尤其是那些能让你连舌头都一起吞掉的传统小吃。家乡粤东梅州客家地区众多的令人吮指的美食中，我觉得最负盛名的应该是“老鼠粄”。 4．网站建设拓扑图 图1 网站拓扑图 网站效果图 图2 首页 图3 图4 素材加工 图5 素材 图6 素材 图7 素材 图8 素材 图9 素材 图10 素材 六、网站搭建过程 上浏览。 进行网站搭建时，首先要利用Photoshop切片工具，将效果图进行切片输出。切出的图片作为网站的图 片素材。 1．网站首页的制作CSS 样式 style type=text/css !-- body,td,th { font-size: 12px; } a:link { color: #000; text-decoration: none; } a:visited { color: #909; text-decoration: none; } a:active { color: #63C; text-decoration: none; } a { font-size: 14px; } a:hover { text-decoration: underline; } body { background-image: url(images/kunshan/kunshan/100918629524ff40ea.jpg); text-align: center; } -- /style ①一种是内嵌在网页中的，如在index.html 文件中： （3）制作走进昆山栏目 （4）制作美食特色栏目 （5）制作名人故居栏目 2．网站子页的制作 （1）通过表格的嵌套、单元格的拆分与合并来进行网页元素的布局； （2）表单的制作； （3）栏目背景图片的制作。 3．链接主页与子页 对主页与各子页之间进行链接，并使链接畅通。 网站使用说明 在网站中首先找到主页index.html文件，通过导航栏的超级链接，可以访问其他的子网页。 浏览器一般选择Microsoft公司的IE。  -2-