1.1认识网络、网站和网页(课件）-高二《网页设计与制作》同步教学（北京理工版）

项目活动一　网页设计与制作基础知识 任务一　认识网络、网站和网页 任务二　初识网页制作软件 任务三　站点和文件操作 任务四　网站制作流程 返回 1 任务一　认识网络、网站和网页　 一、网站开发需要遵循的规范 １.网站规划书的撰写 在网站规划书中， 要将网站的前期调查、网站目标、解决方案、功能需求、内容规则、设计风格、网站推广、网站测试及维护等内容进行详细的说明和规范。 ２.目录规范 目录的建立原则是以最少的层次提供最清晰简洁的访问结构。 对文件的访问路径、存放位置要进行详细的规范。 比如， 根目录一般只允许存放ｉｎｄｅｘ 文件及相关系统文件目录，图片及多媒体元素要设计专门的目录等。 规范的目录是联合开发的基础。 一个规范的网站能够提供清晰的目录和说明。 下一页 返回 任务一　认识网络、网站和网页　 ３.命名规则 不当的文件命名会直接造成开发者之间的混乱和维护的不便。 运用大家一致认可的命名方案和规范， 使文件类别一目了然， 防止错误的命名(因为服务器系统的设置一般不使用中文名称或大写名称)。 ４.技术文档 在网站开发结束后， 要养成良好的撰写技术文档的习惯， 为今后网站的维护、改版与持续性发展提供参考， 同时也是开发者最好的技术总结。 二、网站配色 一个好的网站， 其成功的要素在于形式的美观合理和内容的准确翔实。 在网站的形式方面， 色彩体系的表现力直接影响形式的统一与美观。 因此， 学习必要的网页配色知识、掌握基本色彩的搭配技巧对网页设计有着重要的意义。 上一页 下一页 返回 任务一　认识网络、网站和网页　 设计网页时， 切记以下几点: １.忌“花”: 颜色不要过多 ２.冷暖搭配要谨慎 ３.网站各界面色彩统一 ４.不要用“花” 背景 三、常见网站类型 在开始建设网站之前， 应该首先根据项目、目标浏览者和资源制订一个计划。 当清楚了要建设一个什么样的网站之后， 才好确定网站的开发者和项目的技术范围。 常 上一页 下一页 返回 任务一　认识网络、网站和网页　 四、首页的设计原则 １.首页在网站中的作用和意义 首页或主页是网站的第一页， 也是网站的总入口。 它包含了整个网站的索引、网站的动态更新等内容。 可以说， 首页是网站的“脸面”， 它集中代表了网站的形象。 一个网民是否有兴趣浏览网站， 在很大程度上取决于首页。 网站的风格也集中体现在首页的设计上。 所以对于一个网站来说， 首页是最重要的页面。 另外， 网站也是浏览者的向导， 它应该具有很清晰的浏览机制和导航系统。 此外， 网站还担负着吸引网民注意力的重要使命， 如果没有新颖的设计和引人入胜的内容， 人们很快就会离开网站。 上一页 下一页 返回 任务一　认识网络、网站和网页　 ２.内容选择: 重要的东西放在首页上 首页犹如商店的橱窗， 不可能将所有的内容都列出来， 只能将最好的、最重要的东西放置在第一页， 这也是为了吸引注意力， 增加浏览者点击的欲望。 初学者容易犯的一个错误是， 把页面搞得很花哨， 却让人弄不明白要突出的主题和内容是什么， 况且杂乱的内容会分散人的注意力。 既然首页的位置如此宝贵， 那么应该放什么内容呢? 首先， 应该把网站最具特色、最具吸引力的内容放置在首页上， 使网民可以迅速进入主题。 新浪是一个以新闻为特色和主要内容的网站， 虽然它有很多其他方面的内容， 但首页上大部分的位置都放置新闻内容， 因为浏览者来这里的最大目的就是观看新闻。 上一页 下一页 返回 任务一　认识网络、网站和网页　 其次， 要考虑到网民的需要。 很多网站把浏览者可能需要的东西放在首页上， 如网站点击排行等内容， 虽然很多大型网站的网站定位和经营内容不同， 但都在醒目的位置安排了手机铃声、短信等内容， 因为这是网民所感兴趣的。 再次， 把及时更新的内容放到首页上。 首页上有固定的内容， 也有不断更新的内容，比如门户网站每天提供的焦点新闻等内容。 应当把网站近期所做的更新尽量放在首页上体现出来， 这样可以经常为浏览者提供崭新的内容， 增加浏览者的访问频率和兴趣。 ３.风格及版式结构确定 由于网站的首页集中体现了网站的整体风格， 所以首页本身的风格决定了整个网站的风格， 也是其他栏目界面设计的根据。 网站风格的确定主要通过以下几个方面完成: 标准色彩、图片样式、网页装饰及版式结构。 色彩和样式决定了风格的形成， 而这种搭配又要以网站的定位为依据。 上一页 下一页 返回 任务一　认识网络、网站和网页　 ４.位置的安排: 区域分割、网眼 首页的位置是宝贵的， 除了相关固定的及动态的栏目外， 首页上还有大量的图片和广告， 为它们寻找最适当的位置也是非常重要的。 比如网站的Ｌｏｇｏ 是网站形象的代表， 所以一般放在网站的黄金位置———左上角(网眼)。 首页的内容往往是多而繁杂的， 需要进行合理