第1章 网页设计与制作基础[精选].pptVIP

网页设计与制作教程 甘友庆 2010.01 1.1 网页与网站的概念 1.1.1 Internet 即人们常说的因特网，是当今地球上所有联网计算机和计算机网络的集合。 · Internet的起源 Internet是在美国国防部高级研究工程局网络APPANET的基础上发展起来的，始于20世纪60年代末、70世纪初。 · Internet的发展 WWW的出现将Internet推向了民用方面，WWW通过良好的界面大大降低了Internet操作难度，使用户的数量急剧增加，许多政府机构、商业公司纷纷加入。 1.1.1 Internet 1.1.2 网页与网站 网页（Web page）是按照网页文档规范编写的一个或多个文件，它可以在WWW上传输，并被浏览器翻译成页面显示出来。分为静态网页和动态网页。 静态网页：指客户端的浏览器发送URL请求给WWW服务器，服务器查找需要的超文本文件，不加处理直接下载到客户端，运行在客户端的页面是已经事先做好并存放在服务器中的网页。 动态网页：利用服务器服务器端动态技术生成的网页。服务器端动态技术：则需要与客户端共同参与，客户通过浏览器发出页面请求后，服务器根据URL携带的参数运行服务器端程序，产生的结果页面再返回客户端。 主页：就是网站默认的首页。主页默认的文件名为index.htm或default.htm。 网站（Web site）是一组相关网页以及有关的文件、脚本和数据库等内容的有机集合，即若干个网页文件经过规划组织后彼此相连而形成完整结构的信息服务系统。网页是网站的基本信息单位。网站通过WWW上的HTTP服务器提供服务。网站上的网页集合以及其他文件的入口页或起始页称为主页（home page）。 网站也是互联网信息服务类企业的代名词，如新浪网站、搜狐网站等。 结构(Structure) 用XML处理： 标题忆江南/标题作者唐.白居易/作者正文江南好.../正文作者介绍772－846 ，字乐天.../作者介绍注释据《乐府杂录》.../注释品评此词写江南春色.../品评 表现(Presentation) 虽然定义了结构，但是内容还是原来的样式没有改变，例如标题字体没有变大，正文的颜色也没有变化，没有背景，没有修饰。所有这些用来改变内容外观的东西，我们称之为“表现”。下面是对上面文本用表现处理过后的效果: 行为(Behavior) 行为就是对内容的交互及操作效果。例如，我们最熟悉不过的JavaScript。使用JavaScript我们可以使内容动起来，可以判断一些表单提交，可以相应你的一些操作。 1.5网站建设流程 网站建设主要流程图 1.5网站建设流程 1.5.1 网站主题与定位 1.1主题：网站所要表达的内容 主题的题材有: a、网上求职 b、网上聊天/即时信息 c 、计算机技术 d、网页/网站开发 e、娱乐网站 f、旅行 g、参考/资讯 h、家庭/教育 I、生活/时尚……. 每个大类都可以细分,题材可以有成千上万种。 1.2主题定位原则 a、选择自己最擅长的题材 b、主题要小而精 c、贵在创新 1.5网站建设流程 1.5.2网站名称和域名 网站名称的选择原则： （1）要易记：要易记，不能太长 （2）要健康：违反国家法令法规、比较敏感的词语不用。 （3）要有特色：文化与内涵兼顾。 网站域名的选择原则： (1)要根据自己的服务来确定后缀用.com、.net还是免费的. (2)申请域名时，要尽量避开那些繁琐或很难记的名字，及一些特殊的字符，如--，~等。 1.5网站建设流程 1.5.3 策划的要决 （1）加快首页的载入速度 a、减少不必要的图片和动画。 b、尽量不使用JAVA特效来实现网页的效果处理。 c、不用框架（Frame）来进行首页的整体设计。 （2）总体清晰可见 a、网页字体大小尽量保持一致，统一设计风格。 b、栏目创意吸引人且具有一定的内涵和针对性。 c、首页不要堆砌太多的内容。 d、安排好站内的内容搜索目录和引擎服务。 （3）根据需求定制服务 （4）树立品牌 （5）不断更新内容 1.5网站建设流程 1.5.3 策划的要决 (6)合理的目录结构 a、尽量避免在根目录下存放文件。 b、目录层次不要太深，网站的目录层次一般不要超过三层。 c、栏目内容建立子目录（子目录应按主菜单栏目建立，如Flash,DHTML,JavaScript）。 d、尽量使用英文目录和文件名。 f、不要使用过长名称的目录。 e、尽量使用英文意