网站建设的整体流程

《网站建设的整体流程》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、《网站设计与网页制作》子项目一第一讲网站建设的整体流程引言要想制作一个好的网站一定不能随心所欲，要有明确的设计思路。对于网页设计者来说，在动手制作网页之前，应对网页设计的整体工作流程有一个清晰的认识，即站点主题要明确，网页素材准备要充分，站点内容和目录结构要规划好，要本着由面到点、由宏观到细节的原则进行设计。网站制作流程确定网站的名称整理客户提交的资料网站逻辑结构图网站形象设计网页设计在PhotoShop中裁切设计稿站点规划创建站点制作网页测试站点申请域名、空间上传宣传后期维护确定网站的名称讨论主题：你能列举出

2、一些你所喜欢的网站名字并说明你喜欢它们的理由吗？网站的名称很重要，它决定着你的网站是否更容易被人接受。【举例】：“网上书店”这个网站，名字读起来琅琅上口、能反映出网站的题材、且易记。网站的名称应该简短、有特色、容易记，最重要的，它应该能够很好地概括你的网站主题。网站命名应遵循的原则（1）要有很强的概括性，从网站的名称就能反映出网站的题材。（2）要合理、合法、易记，最好读起来琅琅上口。（3）名称不宜过长，要方便其它网站链接。（4）有个性，体现出一定的内涵，能给浏览者以更多的想像力和冲击力。整理客户提交的资料在做网

3、页之前，我们要尽可能多地收集与网站主题相关的素材（文字、图像、多媒体等素材），再去芜存菁，取其精华为我所用。【举例】：网站逻辑结构图网站逻辑结构图也就是网站导航设计【举例：三层】：主页（首页）新书展示畅销图书天天特价网上订单详细介绍详细介绍详细介绍……………………网站形象设计网站的标志网站的标准色彩网站的标准字体网站的宣传标语网站的标志【举例】：【赏析】：网站的标准色彩【举例】：主色调：蓝+白+黑辅助色：绿+橙+黄+灰【赏析】：一般来说，适合于网页标准色的颜色主要有蓝色、黄/橙色、黑/灰/白色3大系。在对网页进

4、行色彩规划时我们要注意以下几点：网站的标准色彩不宜过多，太多会让人眼花缭乱。标准色彩应该用于网站的标志、标题、主菜单和主色块，以给人整体统一的感觉，其他的色彩只作为点缀和衬托，绝不可以喧宾夺主。不同的颜色会给浏览者不同的心理感受。因此，在确定主页的题材后，要了解哪些颜色适合哪些站点。比如影视题材的站点，基本上适用任何颜色，但用黑色或其他深的颜色为主可能会更好，因为人们看电视、电影一般是在比较暗的环境下观看，网页上使用深色符合人们的习惯；反之，如果医院的网站采用黑色的背景就可能会造成比较恐怖的效果，患者避之唯恐不

5、及，哪还敢去就医？在色彩的运用中还要注意一个问题：由于国家和种族、宗教和信仰的不同，以及生活的地理位置、文化修养的差异等，不同的人群对色彩的喜恶程度有着很大的差异。如：儿童喜欢对比强烈、个性鲜明的纯颜色；生活在草原上的人喜欢红色；生活在闹市中的人喜欢淡雅的颜色；生活在“沙漠”中的人喜欢绿色。在设计中要考虑主要读者群的背景和构成。特殊字体欣赏网站的宣传标语讨论主题：请大家列举出生活中给你留下深刻印象的宣传标语，并分析标语的优劣。【举例】：李宁——一切皆有可能网页布局图网页布局元素一般包括：网站名称（logo）、广

6、告区（banner）、导航区（menu）、新闻（what’snew）、搜索（search）、友情链接（links）、版权（copyright）等。网页版式：我们常见的布局结构有“国”字形布局、“匡”字形布局、“三”字形布局、“川”字形布局、封面型布局、Flash布局、标题文本型布局、框架型布局和变化型布局等。(书P10)网页布局图举例首页子页——新书展示Logo图片导航条用户登录新书上架（一本）站长推荐热门图书（一本）flash(banner)网上调查专业图书（一本）友情链接天天特价（滚动字幕）申明销售排行榜文

7、字链接导航版权区Logo图片导航条用户登录新书展示（具体内容）网上调查友情链接申明文字链接导航版权区网页设计页面设计主要包括创意、色彩和版式三个方面。创意会使网页在众多的竞争对手中脱颖而出；色彩可以使网页获得生命的力量；版式则是和用户沟通的核心，所以这三者缺一不可。使用Photoshop设计首页效果图，首页设计完之后，其他页面的设计就没有主页那么复杂了。主要是和主页风格保持一致，页面设计美观，要有返回主页的链接等。网页设计举例首页子页在PhotoShop中裁切设计稿首页裁切图：站点的规划与建立站点文件夹（ebo

8、ok）imagesflashcsstemptemplates在网页编辑软件中制作网页用Dreamweaver来完成。设计（重点、保障）——制作（任务）测试站点网站创建好了。在上传到网上之前要测试它的兼容性和链接的有效性。兼容性可以使用Dreamweaver的“检查浏览器”功能测试，链接可以使用Dreamweaver的“检查整个站点的链接”功能进行测试。这种方法我们将在后续项目中学习，在