第1章网页设计基础.pptVIP

一年之计在于春，一生之计在于青。每一个成功者都有一个开始。勇于开始，才能找到成功的路。  网页设计与制作教程 主讲：曾显峰（讲师、软件设计师） 手机 QQ： e-mail:zg_zxf1234@163.com * 1.1 网页设计中的基本概念 2 . 网页 网页是由HTML或者其他语言编写的，通过IE浏览器编译后供用户获取信息的页面，它又称为Web页，其中可包含文字、图像、表格、动画和超级链接等各种网页元素。网页一般可分为“静态页面”和“动态页面”。静态页面是指网页文件中没有程序，而只有HTML代码，一般以.html或者.htm为后缀名。动态网页就是指网页文件中不仅具有HTML标记，而且还含有程序代码，并通过数据库建立连接，通常以.asp、.aspx、.jsp、.php等为后缀名。 文字性网页一定要注意编排，包括标题得字型字号，内容的层次样式，是否需要变换颜色进行点缀等。 1.4 网页制作的基本步骤 网站制作主要包括以下步骤： 建立本地站点 在站点根文件夹下创建子文件夹，将页面文件和图像文件分开存放。 设置网页属性。 编辑网页 保存和预览网页。 主 页 页 面 1 页 面 2 页 面 3 ② 线性结构 线性结构类似于数据结构中的线性表，用于组织本身的线性顺序形式存在的信息，可以引导浏览者按部就班地浏览整个网站文件。 主 页 页面1 页面2 页面3 页面4 页面5 页面7 页面8 一级标题 二级标题 页面6 ③ Web结构 Web结构类似于Internet的组成结构，各网页之间形成网状连接，允许用户随意浏览。 2 网页设计与制作 通常在进行网页开发时，首先都进行静态网页的制作，然后再在其中加入脚本程序、表单等动态内容。静态网页仅仅用来被动地发布信息，而不具有任何交互功能，它是Web网页的重要组成部分。 一个好的网站首先是内容丰富，其次就是网页设计美观。对于网页的外观设计，提供以下建议： （1）不要先决定网页的外观，然后迫使自己去适应它，应该根据网站的访问者对象、要提供的信息以及制作目标得出一个最适合的网页架构。 1．静态网页的设计与制作 （2）切勿以1024×768以上的分辨率设计网页，常用的分辨率是800×600及1024×768 。现在国内的站点基本上都是1024×768 ，但是如果主要是面向国外访问者的站点，建议使用800×600。 （3）每页排版不要太松散或用太大的字，尽量避免访问者浏览网页时要作大幅度的滚动，对于篇幅太长的一页可以使用内部链接解决。 （4）不应在每页中插入太多的广告。相信任何访问者都不会喜欢浏览尽是些广告的网页，要考虑该页内容与广告的比例，广告太多，只会令人烦厌。 （5）不要每页都采用不同的墙纸，以免每次转页时都要花费过多的时间去下载。 （6）底色或墙纸必须与文字对比强烈，以易于阅读。如果网页是文章式或是包含大量文字，不妨在底色与文字的搭配上下些工夫，力求让访问者能够舒适地阅读网页。 （7）不要把图片白色当作透明，要知道别人的系统不一定把内定底色设为白色，解决的办法除了真的把该网页的底色设为白色之外，最好还是用图片编辑工具将图片设为透明颜色。 静态网页制作完成后，接下来的工作就是为网页添加动态效果，包括一些脚本语言程序和数据库程序的设计，以及加入动画效果等。 一个真正的网站，不仅应该实现传统媒体的电子化，给用户提供需要的内容，而且还应该做更多的事情，完成比页面浏览更高层次的需求，例如收集信息、数据传递、数据存储以及系统维护等。 2．为网页的添加动态效果 * * 通过本章学习，应该掌握以下内容： 网页设计中的基本概念 构成网页的基本要素 制作网页的基本工具 网页制作的基本步骤 第1章 网页设计基础 1．WWW简介 WWW（world wide web，万维网）是Internet上基于客户端/服务器端体系结构的分布式多平台的超文本超媒体信息服务系统。它利用超文本（hypertext）、超媒体（hypermedia）等技术，用户通过浏览器可以方便地检索远程服务器上的文本、图片、声音以及视频文件。 网页（web page）主要由文字和图像构成，让浏览者用