网站建设的整体流程

  琅上口、能反映出网站的题材、且易记。 网站的名称应该简短、有特色、容易记,最重要的,

  (1)要有很强的概括性,从网站的名称就能反映出网 站的题材。 (2)要合理、合法、易记,最好读起来琅琅上口。 (3)名称不宜过长,要方便其它网站链接。 (4)有个性,体现出一定的内涵,能给浏览者以更多 的想像力和冲击力。

  讨论主题:请大家列举出生活中给你留下深刻印象的 宣传标语,并分析标语的优劣。 【举例】:李宁 —— 一切皆有可能

  网页布局元素一般来说包括:网站名称(logo)、广告区 (banner)、导航区(menu)、新闻(what’s new)、搜索(search)、友情链接(links)、版权 (copyright)等。 网页版式:我们常见的布局结构有“国”字形布局、“ 匡”字形布局、“三”字形布局、“川”字形布局、封面 型布局、Flash布局、标题文本型布局、框架型布局 和变化型布局等。(书P10)

  在做网页之前,我们要尽可能多地收集与网站 主题相关的素材(文字、图像、多媒体等素材), 再去芜存菁,取其精华为我所用。

  导航条 导航条 用户登录 新书上架(一本) 热门图书(一本) 站长推荐 flash(banner) 用户登录 新书展示 (具体内容)

  网上调查 专业图书(一本) 网上调查 友情链接 天天特价 (滚动字幕) 友情链接 申明 销售排行榜

  页面设计最重要的包含创意、色彩和版式三个方面。 创意会使网页在众多的竞争对手中脱颖而出; 色彩可以使网页获得生命的力量;版式则是和 用户沟通的核心,所以这三者缺一不可。  使用Photoshop设计首页效果图,首页设计完 之后,其他页面的设计就没有主页那么复杂了。 主要是和主页风格保持一致,页面设计美观, 要有返回主页的链接等。

  用Dreamweaver来完成。  设计(重点、保障)——制作(任务)

  网站创建好了。在上传到网上之前要测试它的兼容性和 链接的有效性。兼容性能够正常的使用Dreamweaver的“检查浏览器 ”功能测试,链接能够正常的使用Dreamweaver的“检查整个站点的 链接”功能来测试。这种方法我们将在后续项目中学习, 在此亦不做赘述。 还有一种测试,是把网页上传到Internet服务器上去测 试链接的有效性、网页的等。这种测试,只是你将 网页上传到网上申请的个人空间后,以一名普通浏览者浏览 的方式去检验即可。

  要想制作一个好的网站一定不能随心所欲, 要有明确的设计思路。对于网页设计者来说, 在动手制作网页之前,应对网页设计的整体工 作流程有一个清晰的认识,即站点主题要明确, 网页素材准备要充分,站点内容和目录结构要 规划好,要本着由面到点、由宏观到细节的原 则进行设计。

  确定网站的名称 整理客户提交的资料 网站逻辑结构图 网站形象设计 网页设计 在PhotoShop中裁切设 计稿 站点规划

  讨论主题:你能列举出一些你所喜欢的网站名字并说 明你喜欢它们的理由吗? 网站的名称很重要,它决定着你的网站是否更容易 被人接受。 【举例】:“网上书店”这一个网站,名字读起来琅

  一般来说,适合于网页标准色的颜色主要有蓝色、黄/橙色、黑/灰/白色 3大系。在对网页进行色彩规划时我们要注意以下几点: 网站的标准色彩不宜过多,太多会让人眼花缭乱。标准色彩应该用于网站的 标志、标题、主菜单和主色块,以给人整体统一的感觉,其他的色彩只作为 点缀和衬托,绝不可以喧宾夺主。 不同的颜色会给浏览者不同的心理感受。因此,在确定主页的题材后,要了 解哪些颜色适合哪些站点。比如影视题材的站点,基本上适用任何颜色,但 用黑色或其他深的颜色为主可能会更好,因为人们看电视、电影一般是在比 较暗的环境下观看,网页上使用深色符合人们的习惯;反之,如果医院的网 站采用黑色的背景就可能会造成比较恐怖的效果,患者避之唯恐不及,哪还 敢去就医? 在色彩的运用中还需要注意一个问题:由于国家和种族、宗教和信仰的不同, 以及生活的地理位置、文化修养的差异等,不同的人群对色彩的喜恶程度有 着很大的差异。如:儿童喜欢对比强烈、个性鲜明的纯颜色;生活在草原上 的人喜欢红色;生活在闹市中的人喜欢淡雅的颜色;生活在“沙漠”中的人 喜欢绿色。在设计中要考虑主要读者群的背景和构成。

  请从下面十个网站中挑选三个网站,分别从:主题、 颜色搭配、网页布局图(首页子页,共两张网页)、网 站逻辑结构图(从首页三层)、网站观后感(至少100字) 五个方面做赏析。

  网站做好之后必须要有专人维护,网站才具有 生命力,才会有点击率。对于一个网站来说,它的 更新与管理是非常非常重要的。一个再好的网站如果不 进行内容更新与管理,都一定会出现许多这样或那样的 问题。例如,网站内容陈旧,超级链接断开等。

  在实际设计中我们也不要局限于以上几种布局格式,有时候稍作适当的变化会收 到意想不到的效果。另外,平时在浏览网页时要多留心别人的布局方式,遇到好的布 局就可以存下来,作为我们设计布局的参考。

  方法一:使用Dreamweaver的FTP功能上传。 方法二:使用一些FTP工具上传。

  像产品一样,再优秀的主页、网站如果不宣传,很 难有较大访问量。那么,如何使网站增大访问量呢?

  【讨论主题】 讨论主题1:常见的宣传方式有哪些?请大家尽可能多地列举。 讨论主题2:在各种媒体上,给你印象非常深刻的广告有哪些? 你为什么对它们印象非常深刻? 讨论主题3:请列举一些你所熟悉或认可的优秀网络广告。