《网站建设基本常识入门ppt培训课件》由会员分享，可在线阅读，更多相关《网站建设基本常识入门ppt培训课件（88页珍藏版）》请在金锄头文库上搜索。
1、1,网站建设基本常识入门,2,2.1 网站建设概论2.1.1 网站的种类根据不同的分类方式可以将网站分成不同的类型，下面列出几种常见的网站分类方式。1根据网站提供的服务分类（1）信息类网站；（2）交易类网站；（3）互动游戏类网站；（4）有偿信息类网站；（5）功能型网站；（6）综合类网站。,3,2根据网站的性质分类 （1）政府网站； （2）企业网站； （3）商业网站； （4）教育科研机构网站； （5）个人网站； （6）非盈利机构网站； （7）其它类型的网站。,4,3根据在大型搜索引擎上的设置分类 （1）娱乐与休闲类网站； （2）商业与经济类网站； （3）艺术与人文类网站； （4）健康与医药类网站
2、； （5）新闻与媒体类网站； （6）政府与政治类网站； （7）电脑与网络类网站； （8）社会与文化类网站； （9）科学与教育类网站； （10）参考资料类网站。,5,2.1.2 网站建设的步骤建设一个网站一般要经过9个步骤：1. 网站目标和主题的确定2. 网站的规划3. 网站素材的准备4. 网站制作工具的选择和确定5. 网站的建立6. 注册域名和申请网页空间7. 网站的测试和发布8. 网站的宣传和推广9. 网站的更新和维护,6,1网站目标和主题的确定1）网站目标的确定为什么要建立网站，是为了宣传产品，进行电子商务，还是建立行业性网站？是企业的需要还是市场开拓的延伸？如果是个人网站，比如说是交朋友
3、的、学习讨论的还是兴趣爱好的？建立网站前目标要明确。谁是网站将来的访问者，例如，明确该网站是面向于消费者？雇员？学生？朋友还是家庭的？只有知己知彼，才能避免在网站建设中出现很多问题，使网站建设能顺利进行。,7,2）网站主题的确定确定网站主题是赋予网站生命关键一步，网站的风格和创意点是生存的两个重要因素，给网站取一个好名称可以让大家容易记住你。,8,（1）网站的主题网站主题就是建立的网站所要包含的主要内容，也就是网站的题材问题，一个网站必须要有一个明确的主题。在选择主题时还应注意以下几个问题： 主题选材要小而精。 最好选择自己擅长或者感兴趣的内容。 选题不要太滥、目标定位不要太高。,9,（2）网
4、站的风格一个优秀网站都有自己的个性和文化，而且会从一开始就千方百计去体现它，树立起属于自己的风格。风格具有抽象性、独特性和人性等特征。风格的抽象性是指站点的整体形象给浏览者的综合感受。风格的独特性是指该网站不同于其他网站的地方。风格的人性体现在通过网站的外表、内容、文字和交流可以概括出一个站点的个性与情绪，是温文儒雅、执著热情，还是活泼易变、放任不羁。,10,简单地说，风格就是一句话：与众不同！如何树立网站风格呢？可以分这样几个步骤来实现。确信风格是建立在有价值内容之上的。需要彻底弄清楚希望站点给人的印象是什么。在明确网站印象后，开始努力建立和加强这种印象。,11,将网站的标志（Logo），尽
5、可能出现在每个页面上，或者出现在页眉、页脚、背景上。 突出网站的标准色彩。文字的链接色彩、图片的主色彩、背景色、边框等色彩尽量使用与标准色彩一致的色彩。 突出网站的标准字体。在关键的标题、菜单和图片里使用统一的标准字体。 想一条朗朗上口的宣传标语，把它做在网站的横幅（Banner）里，或者放在醒目的位置上，告诉大家本网站的特色是。 使用统一的语气和人称。即使是多人合作维护，也要让读者觉得是同一个人写的。 使用统一的图片处理效果。例如，阴影效果的方向、厚度、模糊度都必须一样。 创造一个网站特有的符号或图标。例如在一句链接前的一个点，可以使用、等符号，虽然很简单的一个变化，却给人与众不同的感觉。
6、使用自己设计的花边、线条和点。 展示网站的荣誉和成功作品。 告诉网友关于你个人真实的故事和想法。,12,（3）网站的创意创意是网站生存的关键。实质上，创意是传达信息的一种特别方式。创意并不是天才者的灵感，而是思考的结果。根据美国广告学教授詹姆斯的研究，创意思考的过程分为5阶段。准备期：研究所搜集的资料，根据旧经验，启发新创意。 孵化期：将资料咀嚼消化，使意识自由发展，任意结合。 启示期：意识发展并结合，产生创意。 验证期：将产生的创意讨论修正。 形成期：设计制作网页，将创意具体化。,13,（4）网站名称一个好的网站应该有一个容易使人记住的名称，就像人名一样，取得别致又不艰涩难懂会使人记忆深刻。
7、例如：网易，其直观的意思就是告诉人们“网络是容易使用的”，而其域名更是借用了中国电信最早的拨号网络的名称，使用户在浏览网站时很容易就联想到它；例如搜狐，顾名思义就是以搜索引擎为特色服务的门户网站。,14,2网站的规划总体结构的设置 目录的设置 链接结构的设置,15,1）网站总体结构的设置网站总体结构的确立至关重要，它是网站设计能否成功的关键所在。规划一个网站结构，可以用树状结构先把每个页面的内容大纲列出来，尤其是要制作一个有很多页面的大网站时，特别需要把这个架构规划好，同时要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，十分累人，也十分费时。,16,2）网站目录的设置网站的目
8、录是指创建网站时建立的目录。（1）不要将所有文件都存放在根目录下，这样会产生如下不利影响。 文件管理混乱。 上传速度慢。（2）按栏目内容建立子目录。 子目录的建立首先按主菜单栏目建立。 其他的次要的栏目类似最新更新、友情链接等栏目内容较多的且需要经常更新的可以建立独立的子目录。而一些相关性强，不需要经常更新的栏目，例如：关于本站、关于站长、站点经历等可以合并放在一个统一目录下。 所有程序一般都存放在特定目录下。,17,（3）在每个主目录下都建立独立的images目录。（4）目录的层次不要太深。（5）不要使用中文目录。（6）不要使用过长的目录。,18,3）网站链接结构的设置网站链接结构是指页面之
9、间相互链接的拓扑结构。它建立在目录结构基础之上，但可以跨越目录。研究网站链接结构的目的在于：用最少的链接，使得浏览最有效率。建立网站链接结构一般有两种基本方式：（1）树状链接结构（2）星状链接结构,19,（1）树状链接结构（一对一）优点是条理清晰，访问者明确知道自己在什么位置，不会“迷路”；缺点是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须绕经首页。,20,（2）星状链接结构（一对多）类似网络服务器的链接，在每个网页设置一个共同的链接枢纽，使所有的网面都可以通过枢纽保持链接。专业类的网站通常使用星状链接方式。优点是浏览方便，随时可以到达自己喜欢的页面；缺点是链接太多，容易使浏览者
10、迷路，弄不清自己在什么位置，已经看了多少内容。,21,这两种基本结构都只是理想方式，在实际的网站设计中，总是将这两种结构混合起来使用，希望浏览者既可以方便快速地到达自己需要的页面，又可以清晰地知道自己的位置。最好的办法是：首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。页面中显示导航条。如：你现在的位置 首页-财经新闻-股市信息-,22,3. 网站素材的准备搜集素材既可以从图书、报纸、光盘和多媒体上获得，也可以从互联网上搜集。整理加工搜集到的素材要进行适当加工，如图片扫描、文字录 入、图片剪接。制作网页内容用到得文字、图片等在制作网页前完成，装饰的图片如按钮、背景图等可以在
11、网页制作的过程中根据需要制作。存储加工后的素材要分门别类保存在专门的文件夹中，文件名要有规律，容易看明白。,23,4网站制作工具的选择和确定目前制作网页涉及的工具比较多，对于网页制作工具，目前通常选用的都是所见即所得的编辑工具，其中的优秀者当然是Dreamweaver和FrontPage了；如果是初学者，FrontPage是首选。除此之外，还有：图片编辑工具，如Photoshop、Fireworks等；动画制作工具，如Flash、Cool 3D等；还有网页特效工具，如网页特效精灵、有声有色等。,24,5网站的建立按照先大后小、先简单后复杂的原则制作出所有的页面。所谓先大后小是指在制作网页时，先
12、把大的结构设计好，然后再逐步完善小的结构设计；所谓先简单后复杂是指先设计出简单的内容，然后再设计复杂的内容，以便在出现问题时好修改。注意在制作网页时要多灵活运用软件配备的设计模板，这样可以大大提高制作效率。,25,6注册域名和申请网页空间对于个人网站，在申请免费网页空间的同时也完成了域名的注册；还有很多的ISP（Internet Service Provider，互联网服务提供商）提供域名注册和网页空间申请的收费服务功能，用户根据自己的情况进行选择。,26,7网站的测试和发布网站制作完毕，可以先利用软件自带的测试功能对网站进行内部测试来发现和修改基本的问题，最后将网站发布到Web服务器上。现在
13、发布的工具有很多，有些网页制作工具本身就带有上传功能，另外利用FTP上传工具，可以很方便地把网站发布到自己申请的主页存放服务器上。网站发布以后，在浏览器中打开自己的网站，逐页逐个链接地再进行测试，发现问题，及时修改，然后再上传、再测试，如此循环直到满意为止。,27,8网站的宣传和推广网站发布后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。网站宣传和推广的方法有很多。例如到搜索引擎上注册，与别的网站交换链接，运用网络广告等。,28,9网站的更新和维护网站是需要经常维护和更新内容的，必须不断给它补充新的内容，才能够长期吸引住浏览者。,29,2.1.3 实用的网站建设原
14、则1. 牢记内容第一的原则内容丰富有价值加上外表漂亮美观是优秀网站必备的 要素。2. 网页文件命名原则 （1）每一个目录中应该包含一个默认的html文件，文件名统一用index.html（2）文件名称统一用小写的英文字母、数字和下划线的组合（3）尽可能使自己和工作组的每一个成员能方便地理解每一个文件的意义,30,3图片命名的原则 图片文件名分为头、尾两部分，用下划线分开。头部分表示此图片的大类性质。（1）放置在页面顶部的广告、装饰图案等长方形的图片取名为banner（2）标记性的图片取名为logo（3）在页面上位置不固定并且带有链接的小图片取名button（4）在页面上某一个位置连续出现，性质
15、相同的链接栏目的图片取名为menu（5）装饰用的照片取名为pic（6）不带链接表示标题的图片取名为title,31,4重视网页标题的设计 5网站导航设计要清晰 6网页长度应限定在三个整屏以内 7. 善用图像元素 8网站中所有路径都采用相对路径 9确保链接的有效性，链接层次不要太深 10. 善用表格来布局，但表格的嵌套层次要控制在三层左右 11遵循3次点击规则 12兼顾下载速度与美观 13. 及时更新网页 14. 避免滥用技术 15要保护好个人信息,32,2.2 网页的可视化设计概论2.2.1 网页的版面布局2.2.2 网页的版面布局2.2.3 网页的版面布局2.2.4 网页的版面布局2.2.5
16、 网页的版面布局2.2.6网页的版面布局2.2.1 网页的版面布局,33,2.2.1 网页的版面布局1网页版面布局的基本概念 版面指的是浏览器看到的一个完整的页面。布局，就是以最适合浏览的方式将图片和文字排放在页面的不同位置。（1）页面尺寸页面尺寸和显示器大小及分辨率有关一般分辨率在800x600像素的情况下，页面的显示尺寸为：780x428个像素；分辨率在640x480像素的情况下，页面的显示尺寸为：620X311个像素；分辨率在1024X768像素的情况下，页面的显示尺寸为：1007x600像素。目前页面的尺寸一般选800X600像素的分辨率为约定俗成的浏览模式。,34,（2）整体造型 造型就是创造出来的物体形象。这里是指页面的整体形象，这种形象应该是一个整体，图形与文本的接合应该是层叠有序。虽然，显示器和浏览器都是矩形，但对于页面的造型，可以充分运用自然界中的其它形状以及它们的组合：矩形、圆形、三角形、菱形等。 （3）页头 页头也叫页眉，页眉的作用是定义页面的主题。页头是整个页面设计的关键，它牵涉到下面的更多设计和整个页面的协调性。页头常放置站点名字的图片和公司标志以及旗帜广告。 （4）文本 文本在页面中出现都是以行或者块(段落)出现，它们的摆放位置决定着整个页面布局的可视性。,
