【网页设计与制作教程】第1章_网页设计与制作概述.ppt

第一章 网页设计与制作概述 学习目标: 了解有关网页的一些基本概念 了解网站的基本结构特性和网页的布局 了解网页制作的基本工具和开发语言 了解站点规划的基本流程 1.1 互联网与网站 基本概念: 网页：在网站中，供用户阅读的一个个页面，就称之为“网页”，又称为Web页。 万维网（World Wide Web）：万维网简称WWW或3W，是目前Internet（因特网）上最流行的一种基于超文本形式的资源组织形式。 浏览器：要想访问网络中的各种资源，还需要一个工具，那就是浏览器，否则无法访问到网络中丰富的资源。 目前常用的浏览器有:IE、netscape和腾训TT 统一资源定位器（Universal Resource Locator，简称URL）：是用来指出某项信息的位置及存取方式，以取得各种服务信息的一种标准方法。 通信协议：也就是上面举例中的“http”部分，它包括HTTP（超文本传输协议）、FTP（文件传输协议）、Gopher（Gopher协议）和News（新闻组）等。 主机名：指要访问服务器的Internet名称。 所要访问的文件路径及文件名：它指要访问资源的具体位置。 文件传输协议（File Transfer Protocol，简称FTP）：是一种快速、高效和可靠的信息传输方法。 超文本标记语言（Hyper Text Markup Language，简称HTML）：它是WWW创建超媒体文本的语言，它也是网页创建中最基本的语言，制作的任何一个网页都是基于HTML文本标识的。 IP地址：IP地址是一组32位的数字号码，如“84”，这就是上网主机的地址。 域名： IP地址是一长串的数字号码，这些数字难记又难以理解。为了方便大家理解、记忆，便有了域名的概念。 表单: 表单是用于填写申请或提交信息的交互页面。如电子邮箱、主页空间、QQ号码等的申请页面，以及论坛、聊天室、留言簿等。 超级链接:这是网页制作中经常要用到的概念，指的是页面对象之间的连接关系。 导航条：导航条能十分有效地实现超级链接功能 。 发布：将制作好的网页上传到服务器的过程即是发布，也称为上传或上载。 1.1.2网站分类 门户网站 如：新浪 职能网站 如：阿里巴巴 专业网站 如：CCTV（） 个人网站 如：吴山明教授个人网站 1.2网站结构与网页布局 1.2.1 网站结构 1．归类站点内容 2．项目放置的位置 3．导航草图设计 4．创建设计草图 1.2.2 网页页面布局 1．网页设计和布局原则 2．网站命名和标志 网站命名应遵循以下的原则： （1）体现网站的主题，凝练，概括性强。 （2）合法、合情并合理。 （3）字数不要太多，一般控制在6个字以内。 （4）有个性，体现一定的内涵，可给浏览者更多的视觉冲击力和空间想像力 3．网页的色彩 网页的色彩是树立网站形象的关键因素之一。在搭配网页色彩时，要注意色彩的鲜明性、独特性、合适性和联想性。 4．网页的文字 注意以下基本原则: （1）不要使用超过3种字体类型，否则网页看起来将显得杂乱，没有主题。 （2）不要用太大的字，因为版面空间非常宝贵和有限，粗陋的大字体不能带给浏览者更多的信息 （3）最好不要使用不停闪烁的文字。 （4）标题的字体比正文要稍大一些，颜色也应有所区别。 5．网页版面和布局 网页布局主要有以下3种结构。 π型结构 T型结构 三型结构 1.3网页制作工具 1.3.1 网页布局工具 1．Dreamweaver 2．Frontpage 1.3.2网页美化工具 1．图像处理软件:Photoshop,Fireworks 2．动画制作软件 :FLASH,Swish、Ulead GIF Animator,Ulead Cool 3D、3D Flash Animator、Xara3D 1.4 网页开发语言 1.4.1 HTML语言 1.4.2 动态网站开发语言 1．ASP 2．JSP 3．PHP 1.5网站规划 1.5.1 网站制作流程 1．确定网站主题 2．搜集资料 3．规划网站 4．选择合适的制作工具 5．制作网页 6．上传测试 7．推广宣传 1.5.2 网站策划书 1．网站建设目的及功能定位 2．网站内容模块规划 3．网站语言 4．网站设计风格 5．网站架设描述 6．网站信息布局图 7．网站发布与推广 8．技术支持 9．网站服务费用 10．有效期 1．5．3站点评测 1．美工设计 2．栏目内容 3．浏览速度 4．技术含量 5．用户兴趣 本章小结 本章介绍了网页设计与制作的基本概念和基本知识、常用的网页制作工具、网站的基本结构和网页布局等内容。通过本章的学习使读者对网页的设计