努力成为一个更全面更专业的SEO内容分享平台! 标签云 | 网站地图

网页制作的步骤及流程

2019-02-23 00:00 热点资讯 塔尖SEO

SEO热点

一、断定网站主题
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:WWW目录;
2、运用图象规划软件规划网页主页界面(依据主页界面草图);
留意:①每加一个界面元素都要分层。
②色彩禁止暖色彩和冷色彩混用。
③图片增加的时分要留意过渡
④网页的界面不该加的东西不要加,例如一些文字,假如文字不需求特殊效果,在规划界面的时分不需求增加
⑤界面的巨细:宽一般为780象素,高不小于435象素
3、保存
留意:①首要将源文件保存为*.psd文件,例如:index.psd,目录为网站的根目录,例如:E:WWW
②禁止兼并图层
4、运用切片,将用photoshop规划的psd文件进行切片
留意:①切片恪守从左到右,从上到下的进程切片
②切片要将整个界面悉数切片,禁止留下切片缝隙
③留意每个切片都应和周围切片对齐
④切片的时分要留意每个切片的独立性,独自功用的切片独自切。
⑤切片的时分要考虑切片今后在dreamweaver中是否简单修改
5、保存切片
留意:①保存的时分,保存类型选输出html和gif
②文件名为index
③保存途径为你所准备好的寄存网页的目录的根目录
④终究根文件夹中应呈现index.html和images文件夹,这两个文件夹都有必要保存
6、运用dreamweaver修改网页主页
留意:①首要树立站点,运用dreamweaver衔接网站目录的根文件夹,例如:E:WWW,衔接办法为网站的根目录设为E:WWW,网络设置为无;
②站点与网站根目录衔接好今后,修改index.html主页;
③在index.html上增加必用的内容,文字、图片、动画、链接(链接子页面,目录有必要选用相对目录)等,而且全体居中对齐,目录有必要悉数运用相对目录,将主页规划完结;
④主页彻底规划好今后,在主页的基础上规划子页面,办法为:首要将主页另存为1.html,目录为网站根目录(E:WWW),翻开1.html,将网页的主体内容换为子页面的主体内容,保存。其他的子页面也是相同的办法。
7、本地测验
翻开index.html,然后将一切的网页阅读一遍,查看是否右过错(内容是否完好、界面是否合理,链接是否正确)。
六、上传测验
1、将网站根目录的内容悉数上传服务器对应的文件夹下,例如第三个试验,将E:WWW中的内容悉数复制到服务器对应文件夹3这个目录下;
2、文件夹3这个目录要包括如下文件和文件夹:index.html(主页)、1.html、2.html(子页面)…….、images(界面图画文件夹)、index.psd(主页图画源文件);
3、运用IP地址对网站进行测验,如没有任何问题,阐明网站测验成功。


本文标题网页制作的步骤及流程,更多SEO优化相关内容请关注收藏本站,谢谢!

(编辑:塔尖SEO)

标签: SEO热点 切片

标题链接: 网页制作的步骤及流程 https://www.tjseo.org/hot-spot/3156.html

转载请保留本文链接!更多相关文章请浏览 热点资讯 频道。

推荐阅读: