完整网页设计的步骤

  完全网页安排的次序 一、确定网站核心 1、 领会网站的成效,讲网站悉数的成效再文档中显示 2、 领会网站的核心,采取适宜网站核心的计划 二、搜罗质料 1、 通过和与网站闭联职员的接触、交换确定网站需求的模块,并将这些 模块再文档中显示 2、 征求闭联图片、文字、视频等材料 3、 将图片、文字、视频等材料操纵相应的软件举行编纂备用(必需做) 4、 对图片、文字、视频等材料分散分类摒挡 5、 比如:网站根文献夹下 images 文献夹存放网页界面图片(图片类型为 jpg、jpeg、gif、png) ,pic 文献夹存放照片素材,flash 文献夹存放动画 素材 6、 悉数素材的文献名都必需辱骂中文字符,而且要做到看到文献名就知 道是哪张图片 三、计划网站 1、网站的机闭(目次机闭) ,首页名称(index.html) 、子页面名称(1.html、 2.html、3.html) ,以及其所正在的目次等,必需再文档中显示(绘造目次地 图) 2、栏方针树立,栏目必需再文档中显示 3、网站的作风 4、色彩搭配(主色调解辅帮色调以及点睛色的 RGB 值是多少,要再文档 中显示) 5、信誉时时彩平台开户版面构造(比如:国字型、厂字型) ,机闭要再文档中显示 6、绘造首页界面图(草图) 四、安排用具的采取 1、photoshop+dreamweaver+flash 2、firework+dreamweaver+flash 3、其他用具或者直接编码 五、筑造网页 1、 正在准备机的硬盘设立筑设一个目次, 动作存放网站的根目次, 比如: E:\目次。 2、操纵图象安排软件安排网页首页界面(遵循首页界面草图) 。 戒备:①每加一个界面元素都要分层。 ②色彩厉禁暖色调解冷色调混用。 ③图片增加的光阴要戒备过渡 ④网页的界面不该加的东西不要加,比如少许文字,假如文字不需 要格表成就,正在安排界面的光阴不需求增加 ⑤界面的巨细:宽寻常为 780 象素,高不幼于 435 象素 3、保管 戒备:①最初将源文献保管为*.psd 文献,比如:index.psd,目次为网站的 根目次,比如:E:\WWW ②厉禁团结图层 4、操纵切片,将用 photoshop 安排的 psd 文献举行切片 戒备:①切片遵从从左到右,从上到下的流程切片 ②切片要将全面界面统共切片,厉禁留下切片漏洞 ③戒备每个切片都应和界限切片对齐 ④切片的光阴要戒备每个切片的独立性,孤单成效的切片孤单切。 ⑤ 切片的光阴要推敲切片往后正在 dreamweaver 中是否容易编纂 5、保管切片 戒备:①保管的光阴,保管类型选输出 html 和 gif ②文献名为 index ③ 保管途径为你所盘算好的存放网页的目次的根目次 ④最终根文献夹中应闪现 index.html 和 images 文献夹,这两个文献 夹都必需保存 7、 操纵 dreamweaver 编纂网页首页 戒备:①最初设立筑设站点,操纵 dreamweaver 结合网站目次的根文献夹,例 如:E:\WWW,结合手法为网站的根目次设为 E:\WWW,收集设 置为无 ② 站点与网站根目次结合好往后,编纂 index.html 首页 ③ 正在 index.html 上增加必用的实质,文字、图片、动画、链接(链 接子页面,目次必需采用相对目次)等,而且整个居中对齐,目次 必需统共操纵相对目次,将首页安排告终 ④首页统统安排好往后,正在首页的底子上安排子页面,手法为:首 先将首页另存为 1.html, 目次为网站根目次 (E:\WWW)掀开 1.html, , 将网页的主体实质换为子页面的主体实质,保管。其他的子页面也 是同样的手法。 8、 当地测试 掀开 index.html,然后将悉数的网页浏览一遍,搜检是否右过错( 实质是否 完全、界面是否合理,链接是否无误) 六、上传测试 1、 将网站根目次的实质统共上传办事器对应的文献夹下, 比如第三个实行, 将 E:\WWW 中的实质统共复造到办事器对应文献夹 3 这个目次下。 2、 文献夹 3 这个目次要蕴涵如下文献和文献夹: index.html 首页) 1.html、 ( 、 2.html(子页面)…….、images(界面图像文献夹)、index.psd(首页图像源 文献) 3、操纵 这个地点对网站举行测试,如没有任何题目,说 明网站测试告成 七、实行散布 1、申请域名、空间 2、网页上传空间 3、散布实行、进步拜访量