网页制作与HTML.pptVIP

网页制作与HTML 网页设计基本原则 网页文件规划要遵循三个基本原则：内容、速度和页面美观，其中内容最重要。 1．主页 主页（Home Page）和网页（Web page）是两个不同概念，主页是指登陆到网站后看到的第一个页面。通常为index.htm或index.html 或default.htm或default.html。 主页的一个重要的功能是导航，利用超链接指引用户所感兴趣的信息，超链接层数不能太多。 网页设计基本原则 2．设计网站标志(logo) 网站标志就如同商品的商标一样，是站点特色和内涵的集中体现。标志可以是汉字、英文字母、动物或人物的符号、图案等。 3．设计网页的色彩 视觉冲击是网站给人的第一印象，好的色彩搭配能体现网站形象，延伸网站内涵，还能直接影响访问者的情绪。通常，网站的主要色彩不要超过3种，用于网站标志、标题、主菜单和主色块，显得整体统一。其他色彩可作为点缀和衬托，不能喧宾夺主。 网页设计基本原则 4．规划页面 就是规划页面布局，包括主页在内的所有页面都应该简洁清晰。整体风格要与页面所表述内容一致。 5．设计网页的图形和背景 图形是Web网站的特色之一，具有醒目、吸引人和传达形象信息的作用。图形的传输慢，要充分考虑图形文件的大小。背景图像也是如此，虽能使页面美观，但却耗费传输时间并不可取。 6．网页文本 文本通常是网页的主要内容，也是网站经常更新的部分。网站成功与否，网页上文字内容很关键。注意文字的字体、颜色等属性要与页面整体风格匹配。 7．联系方式 提供联系方式使访问者与自己联系或发表意见，是网页文件规划中不可缺少的，通常应提供电子信箱、电话号码、传真、通信地址等。 8. 留言本、访问记录 留言本可以方便自己与网页访问者交流，访问记录用于统计网站的访问量 网页制作工具 目前比较流行的用于Web页面制作的应用软件有以下几种： 1．FrontPage 2．Dreamweaver 3．Fireworks 4．Flash 5．Photoshop 网页编程语言HTML 要提高网页制作技术，除了掌握网页设计软件的使用，还应了解掌握必要的Web页面开发语言。 几个流行的Web页面开发语言: 1．HTML（Hypertext Marked Language）语言 2．VRML（Virtual Reality Modeling Language）语言，基本目标是建立因特网上的交互式三维多媒体，号称为第二代Web建模语言。 3．ASP（Active Server Pages）语言 4．PHP（Hypertext Preprocessor）语言 5．Java语言 网页设计与HTML概述 HTML的基本结构 由文档头、文档体构成 HTML 　HEAD　　头 部 信 息 /HEAD 　BODY　　文 档 主 体， 正 文 部 分/BODY /HTML HTML的基本结构 下面是一个最基本的超文本文档的源代码： HTML HEADTITLE一个简单的HTML示例/TITLE /HEAD BODYCENTERH3欢迎光临我的主页/H3BRHRFONT SIZE=2　　这是我第一次做主页，无论怎么样，我都会努力做好！/FONT/CENTER /BODY /HTML 一个简单网页的制作 第一步：打开Windows下的记事本。 第二步：输入刚才的HTML代码 第三步：以myweb.htm为文件名保存文件并关闭该文件。 第四步：双击myweb.htm文件，浏览器会自动执行它。 HTML的标签和属性 HTML中提供了相应的标题标签Hn,其中n为标题的等HTML总共提供六个等级的标题，n越小，标题字号就越大 H1…/H1　　　　　第一级标题 H2…/H2　　　　　第二级标题 H3…/H3　　　　　第三级标题 H4…/H4　　　　　第四级标题 H5…/H5　　　　　第五级标题 H6…/H6　　　　　第六级标题 HTML的标签和属性 在HTML语言规范里，每当浏览器窗口被缩小时，浏览器会自动将右边的文字转折至下一行。所以，编写者对于自己需要断行的地方，应加上BR标签 HTML的标签和属性 文件段落的开始由P来标记，段落的结束由/P来标记，/P是可以省略的，因为下一个P的开始就意味着上一个P的结束 P标签还有一个属性ALING，它用来指名字符显示时的对齐方式，一般值有CENTER、LEFT、RIGHT三种 HTML的标签和属性