网页制作3.30.ppt

点击进入;;目 录;了 解: 　　1.网页制作软件和语言: 　　2.空间和域名申请 　　3. 静态网页与动态网页;;;;;;学习内容： 1-1 、网页概述 1-2 、网页浏览过程 1-3 、确定网页内容　　 1-4 、版面设计 1-5 、网页色彩理论;1－1 网页概述 网页的英文名是Webpage,它是指一种存储在Web服务器(网站服务器)上, 通过Web进行传输,并被浏览器所解析和显示的HTML文件 从文件、组成等多个角度网页进行描述： 文件角度讲：网页是一种由HTML（超文本标记语言编写而成的特殊的文本文件）。它的文件扩展名通常为“html”和“htm”。 网站角度讲：网页是网站的基本信息单位，一个网站通常由众多的网页组成。主页（Homepage）是一种特殊的网页，它专指一个网站的首页。 组成元素角度讲：网页由文本、图片和超链接等多种对象构成的多媒体页面。 相对URL。它是绝对URL的简化形式，它通常省???了绝对URL中的协议和服务器域名两个部分。上例中的index.htm就是一个相对的URL。 锚点URL。这种URL由绝对URL或相对URL加上以“#”为首的一个字符串组成，#所引用的部分称为锚点，它指的是网页中的某个位置。如: /index.htm#part1 邮件URL。这种URL用于指明一个邮件地址，由邮件协议字符串“mailto” 开头，比如mailto:taozi@。在IE浏览器中点击这个URL时，会自动激活邮件收发软件 Outlook或Outlook Express。;1-2 网页的浏览过程 浏览网页的过程背后其实隐藏了许多复杂的网络技术。 WWW服务、HTTP协议、TCP/IP传输和网页解析与显示技术。 WWW客户机指的就是用户的浏览器，WWW服务器指的是网站。 中间网络是Internet网 TCP/IP是Internet网络的传输协议，包括所有的通信细节，保证了可靠、高效的网络传输。 HTTP是WWW服务的专用协议，架构于TCP/IP之上，完成对WWW服务器的请求、网页的传输和对WWW客户机的响应。;主菜单;;;;;;;;;主菜单;黄色：快乐、希望、智慧、轻快 蓝色：凉爽、清新、专业。和白色混合，体现柔顺、淡雅、浪漫的气氛 白色：洁白、明快、纯真、干净 黑色：深沉、神秘、寂静、悲哀、压抑 灰色：庸、平凡、温和、谦让、高雅可以和任何一种颜色进行搭配 网页中，颜色通常采用6位十六进制的数值来表示，从左到右每两位依次表示红色、绿色和蓝色的数值。颜色值越高表示这种颜色越深。 红色#FF0000 白色#FFFFFF 黑色#000000;2．网页的色彩搭配 　不同颜色以及不同颜色的组合可以给人不同的感受，所以网页在配色的时候，可以根据网页所要传达的信息来选取网页的主色调。 比如联想公司和微软公司以蓝色为主色调。 色彩混合：加色法、减色法。;绿色代表青春与健康，所以许多关于安全、健康及鲜花的网页都喜欢选取绿色。中国网络安全主页/;网页的主色调选定后，合理的色彩搭配才是网页成功的关键。 1.首先确定背景色：深色的背景会使空间显得紧密，内容较少时可以考虑深色背景；浅色会使屏幕空间显得又亮又大，内容多进可以考虑。 2.确定各栏目的颜色：主要包括标题栏和导航条的颜色。 标题栏：位于网页顶部的那块区域，通常放置站点的标志、文本链接和广告条。决定整个网页的色调 导航条：对站点内容的一个索引。它的配色通常起到过渡的作用。导航条分两种，一种是栏目导航条，通常紧贴着标题栏以一个水平长条的形式出现；另一种是内容导航条，通常以一个垂直长条的形式出现在网页的左部。 3.搭配细节颜色，主要包括文字、图片和超链接。文字通常用来过渡和缓解局部的配色。文字颜色主要根据文字的背景色进行搭配，应与背景色有较大的反差（白底黑字、蓝底白字等）;4．网页布局的基本方法 　　a.用手工在纸上画草图，大概描绘出网页的框架。 　　b.用专业制图软件来进行布局（Photoshop） 　　c.用网页制作工具实现这个网页。 5．网页布局的实现方法 　　a.帧（frame）布局：对应HTML语言中的Frame元素。将一个网页分成多个网页，每个网页对应一个帧。 　　好处：可以随意调整各个帧在页面中所占的比例，在网页上显示时，拖动一个帧的滚动条只会滚动该帧的网页而不会影响其他帧。 　　缺点：当帧所对应网页的内容超过帧的范围时，会自动出现滚动条，容易破坏页面的美观。;b.表格（table）布局：在HTML语言中对应Table元素。现在的大部分网页都采用表格作为基本的布局技术。 　　好处：可以根据需要将页面分成任意大小的单元格，并且在单元格内可以嵌入任何网页对象，包括表格本身，并且对每个单元格中的对象单独操作时，不会影响其他单元格中的对象。