网页设计学习教程 环球大学生智库_网页设计师学习课程

网页设计学习教程 环球大学生智库由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“网页设计师学习课程”。

Chapter 1

网页设计基础概述 通 过本章的学习，读者可以了解网站和网页的有关概念、网页设计流程和网页制作软件的基本知识等，并可以认识网页设计的步骤与原则，为设计制作网页打下良好的基础。重点提示：

 网站制作的常用软件  网站设计的流程  网页的基本组成元素  申请免费空间与发布网站

Chapter 1

网页设计基础概述

互联网的诞生和快速发展，给网页设计师提供了广阔的设计空间。相对传统的平面设计来说，网页设计具有更多的新特性和更多的表现手段，借助网络这一平台，将传统设计与电脑、互联网技术相结合，实现网页设计的创新应用与技术交流。网页设计是传统设计与信息、科技和互联网结合而产生的，是交互设计的延伸和发展，是在新媒介和新技术支持下的一个全新的设计创作领域。

如今的网页设计往往要结合动画、图像特效与后台的数据交互等，而Dreamweaver CS3、Photoshop CS3和Flash CS3作为Adobe公司经典的常用网页设计软件，是目前网页制作的首选工具。它们具有强大的网页设计、动画制作和图像处理功能，在静态页面设计、图片设计和网站动画设计等方面，都可以使网站设计人员的思想体现得淋漓尽致。

1.1 全面认识网页

在进行网页设计之前，需要对网页的一些基础知识进行了解，对网站的运行原理与制作过程有一个宏观把握。并从零开始，一步一步体验综合应用Dreamweaver CS3、Photoshop CS3、Flash CS3等软件进行网页设计，感受网站设计的无穷乐趣，从而踏上网页制作之路。

1.1.1 网站、网页和主页

网站（Website）是指在因特网上根据一定的规则使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布（或浏览）想要公开的资讯，或者利用网站来提供相关的网络服务。

现在的许多公司都拥有自己的网站，他们利用网站来进行宣传、产品资讯发布和招聘等。如图1-1所示即为中央电视台的门户网站。

网页（Web Page）是构成网站的基本元素，是承载各种网站应用的平台。

网页实际上是一个文件，存放在世界某个角落的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，当用户在浏览器地址栏中输入网址之后，经过一段复杂而又快速的程序运作，网页文件就会被传送到用户的计算机中，再通过浏览器解释网页的内容，最终展示到用户的眼前。

网页有多种分类，笼统意义上的分类是动态页面和静态页面。

静态页面多通过网站设计软件来进行重新设计和更改，技术实现上相对比较滞后。当然，现在的某些网站管理系统也可以直接生成静态页面，这种静态页面通常可称为伪静态。静态页面内容是固定的，其后缀名通常为.htm、.html、.shtml等，如图1-2所示。

动态页面是通过执行ASP、PHP、JSP等程序生成客户端网页代码的网页，通常可通过网站后台管理系统对网站的内容进行更新和管理，如发布新闻、发布公司产品、交流互动、博客和网上调查等，都是动态网站功能的一些具体表现。Dreamweaver+Photoshop+Flash网页设计全方位学习

Part 1网络知识基础篇

图1-1 中央电视台主页

图1-2 静态页面

动态页面的常见扩展名通常有.asp、.aspx、.php、.jsp、.cgi等，如图1-3所示。网站主页（Home Page）也可以理解为网站的封皮，因此也被称为首页，它是整个网站的主索引页。网站首页名称是特定的，一般为index.htm、index.html、default.htm、default.html、default.asp或index.asp等。如图1-4所示即为新起点工作室的网站主页。

图1-3 动态页面

图1-4 新起点工作室网站首页

网站、网页和主页是3个功能不同但又紧密联系的概念，一个网站由多个网页元素构成，若干个网页又通过主页链接成一个完整的网站系统。

1.1.2 HTML的组成及语法

HTML（Hyper Text Markup Language，超文本标记语言）是用来描述格式的登录报告。

“网站推广专家”的下载地址是http://www.daodoc.com/websubmit.exe，类似的网站推广软件还有“登录奇兵”和SubmitWolf等。

2．与其他网站做友情链接

现在的网站一般都提供有专门的友情链接页面，可以找一些与自己网站内容类似的站点，先主动把别人的网站加入自己的友情链接，再给对方的管理员发送邮件，并请求对方把自己的网站也加入到对方的友情链接中。一般情况下，这种可以为双方站点都起到宣传作用的协作方式，对方是不会拒绝的。

3．使用广告交换链接

使用广告交换链接也是一种不错的网站宣传方式。一般要先在提供服务的网站上免费注册成为会员，并提交自己网站的相关信息，然后会得到一段服务代码，将代码复制到自己网站主页的适当位置即可。广告交换链接一般都拥有1∶10的高交换比例，即他人网站链接在自己的主页上显示一次，那么自己的站点链接就会在其他10个网站上显示。

除上述几种方式之外，还可以利用新闻组、邮件签名、留言板、聊天室、论坛等来发布

Chapter 1

网页设计基础概述

网站宣传信息。当然，利用传统媒体如报纸、电视和广播等来宣传网站也是不错的选择，但相对网络宣传而言费用较高，只适合那些大型的商业网站。

1.6 总结与经验积累

基础知识的学习，读者往往会觉得不太实用，但“万丈高楼平地起”，只有掌握牢固网页设计的基本理论，才能在以后较高级复杂的学习中触类旁通，运用自如。

一般来说，组成网页的元素包括文字、图形、图像、声音、动画、影像、超级链接以及交互式处理等，但网页的基本组成元素为文字、图形和超级链接。在网站开发的前期准备阶段，主要完成拟定网页主题、搜集相关资料，规划网页内容和绘制结构草图等几个方面的工作。在中期设计阶段，主要是利用各种网页制作工具制作网页，并不断地进行上传与测试，直到最后制作完毕。在网站后期维护阶段，除需要进行发布和推广应用之外，还要根据需要对网页进行更新与维护。

经过对网页基本知识系统的学习，相信初学者对于网页设计已有大致的了解。对接触过网页设计的读者而言，也会对网页基础理论有一个重新认识。

知识问答

问：在网上经常看到一些滚动字幕和Flash，请问它们属不属于动态网页呢？ 答：GIF格式的动画、Flash和滚动字母等，这些只是视觉上的“动态效果”，与动态网页是不同的概念。

动态网页是指和数据库有紧密关联的网页。由很多动态网页组成的网站就是动态网站，能使动态网页正常使用的空间就是动态空间，动态网站一般都会有网站管理后台。相反，静态网页和数据库没有关系，由很多静态网页组成的网站就是静态网站，这样的网站没有网站管理后台，所以不能对网站的内容进行增、删、改操作。

只能让静态网页正常使用，不能支持数据库和动态网页正常使用的空间就是静态空间，静态空间一般不支持数据库。动态网页比静态网页高级。

问：如果想把家里的电脑当服务器，做好网站后让别人访问，可以吗？

答：可以。但需要先到电信部门申请一个固定的公网IP，并把域名指向该IP。如果没有固定IP，也可以使用动态域名解析的客户端（如花生壳www.oray.net是国内比较先进和稳定的动态域名解析客户端软件）。此外，还需要安装一些服务器组件，如IIS等。这样，服务器就可以运行了。

但是，由于家庭网络一般都是ADSL的，其特性决定了上传速率是下载速率的1/2，也即上传速率是1MB，这就意味着对外访问只有1MB的带宽，所以这是个很大的问题。还有就是在家建站时，一定要重视病毒防护和黑客入侵。