《网站 网页设计制作》由会员分享,可在线阅读,更多相关《网站 网页设计制作(14页珍藏版)》请在金锄头文库上搜索。
1、网站 网页设计制作以贵阳学院实践教学网站为例设计制作这个网站的基本过程 1、与客户谈网站页面、板式设计,网站频 道,画结构草图。 2、收集网上素材,原则:找几个较好的网 站整合为自己的网站。(可能有人就会笑 话了,你这不是抄袭别人的东西吗?我觉 得呀,不能这么看,初次设计网站,你能 设计什么?达到什么水平?),所以收集 了两个网站来参考: http:/ http:/auto- 初步网页结构,确定为冷色调。 (插入自画草图)初步设计PSD注意图中的 FLASH中的文 字5、切割jpg文件,注意文件的大小和尺寸, 切割之前就应分析网站的基本结构,有几 行,列不管。 本例:8行1列。900*716、
2、建立DW,建表格,插入图片、文字等 基本信息。7、设计CSS、ASP、JS、完善网页,美化作用。 .table-stylepadding-left:5px;padding-right:5px; .pictopic-stylefont-size:10pt;color:#FE7C00;font-weight:bold;border-bottom:2px #367793 solid; .menu A:link COLOR: #005f95;FONT-SIZE: 12pt; TEXT-DECORATION: none .menu A:visited COLOR: #005f95;FONT-SIZE:
3、12pt; TEXT-DECORATION: none .menu A:hover COLOR: #FF0000;FONT-SIZE: 12pt; TEXT-DECORATION: underline .menu A:active FONT-SIZE: 12pt;TEXT-DECORATION: none .more A:link COLOR: #000000;FONT-SIZE: 9pt; TEXT-DECORATION: none .more A:visited COLOR: #000000;FONT-SIZE: 9pt; TEXT-DECORATION: none .more A:hov
4、er COLOR: #000000;FONT-SIZE: 9pt; TEXT-DECORATION: none .more A:active COLOR: #000000;FONT-SIZE: 9pt; TEXT-DECORATION: none .topic-menufont-weight:bold;color:#0066CC;FONT-SIZE: 10pt;.linkfont A:link COLOR: #000000;FONT-SIZE: 10pt; font- weight:bold;TEXT-DECORATION: none;valign:bottom .linkfont A:vis
5、ited COLOR: #000000;FONT-SIZE: 10pt;font-weight:bold; TEXT-DECORATION: none;valign:bottom .linkfont A:hover COLOR: #000000;FONT-SIZE: 10pt;font-weight:bold; TEXT-DECORATION: none;valign:bottom .linkfont A:active FONT-SIZE: 10pt;font-weight:bold;TEXT-DECORATION: none;valign:bottom .bottomfontfont-size:10pt;color:#000000;line- height:140% .shiyanshifontfont-size:10pt;color:#ffffff;font- weight:bold;padding-left:10px;padding-top:10px; 8、测试网页(本地)9、修改网页代码,这步为导入动易后台做 准备,网站文件在本地测试和在服务器测 试是有区别的,特别是文件调用的路径会 发生改变。 修改完善后导入动易后台,这里就要将IIS 的基本知识。10、本地服务器测试网页。 11、交付网站、完善细节。 12、网页维护。