文档介绍：网站网站网页设计制作网页设计制作以贵阳学院实践教学网站为例以贵阳学院实践教学网站为例??设计制作这个网站的基本过程设计制作这个网站的基本过程??11、与客户谈网站页面、板式设计,网站频、与客户谈网站页面、板式设计,网站频道,画结构草图。道,画结构草图。??22、收集网上素材,原则:找几个较好的网、收集网上素材,原则:找几个较好的网站整合为自己的网站。(可能有人就会笑站整合为自己的网站。(可能有人就会笑话了,你这不是抄袭别人的东西吗?我觉话了,你这不是抄袭别人的东西吗?我觉得呀,不能这么看,初次设计网站,你能得呀,不能这么看,初次设计网站,你能设计什么?达到什么水平?),所以收集设计什么?达到什么水平?),所以收集了两个网站来参考:了两个网站来参考:././http://auto-./://auto-./??33、确定风格,结合前面第一点的内容设计、确定风格,结合前面第一点的内容设计初步网页结构,确定为冷色调。初步网页结构,确定为冷色调。??(插入自画草图)(插入自画草图)??初步初步设计设计PSDPSD??注意图中的注意图中的FLASHFLASH中的文中的文字字??55、切割、切割jpgjpg文件,注意文件的大小和尺寸,文件,注意文件的大小和尺寸,切割之前就应分析网站的基本结构,有几切割之前就应分析网站的基本结构,有几行,列不管。行,列不管。??本例:本例:88行行11列。列。??900900**7171??66、建立、建立DWDW,建表格,插入图片、文字等,建表格,插入图片、文字等基本信息。基本信息。??77、设计、设计CSSCSS、、ASPASP、、JSJS、完善网页,美化作用。、完善网页,美化作用。??<style><style>??.table-style{padding-left:5px;padding-right:5px;}.table-style{padding-left:5px;padding-right:5px;}??.pictopic-style{font-size:10pt;color:#FE7C00;font-weight:bold;border-bottom:2px .pictopic-style{font-size:10pt;color:#FE7C00;font-weight:bold;border-bottom:2px #367793 solid;}#367793 solid;}??.menu .menu A:linkA:link { {??COLOR: #005f95;FONT-SIZE: 12pt; TEXT-DECORATION: none}COLOR: #005f95;FONT-SIZE: 12pt; TEXT-DECORATION: none}??.menu .menu A:visitedA:visited { {??COLOR: #005f95;FONT-SIZE: 12pt; TEXT-DECORATION: none}COLOR: #005f95;FONT-SIZE: 12pt; TEXT-DECORATION: none}??.menu .menu A:hoverA:hover { {??COLOR: #FF0000;FONT-SIZE: 12pt; TEXT-DECORATION: underline}COLOR: #FF0000;FONT-SIZE: 12pt; TEXT-DECORATION: underline}??.menu .menu A:activeA:active { {??FONT-SIZE: 12pt;TEXT-DECORATION: none}FONT-SIZE: 12pt;TEXT-DECORATION: none}??.more .more A:linkA:link { {??COLOR: #000000;FONT-SIZE: 9pt; TEXT-DECORATION: none}COLOR: #000000;FONT-SIZE: 9pt; TEXT-DECORATION: none}??.more .more A:visitedA:visited { {??COLOR: #000000;FONT-SIZE: 9pt; TEXT-DECORATION: none}COLOR: #000000;FONT-SIZE: 9pt; TEXT-DECORATION: none}??.more .more A:hoverA:hover { {??COLOR: #000000;FONT-SIZE: 9pt; TEXT-DECORA