网页是怎样制作的呢？网页的主要特点是什么？

　　网页是怎样制作的呢？网页的主要特点是什么？

　　1.1基本概念

　　在网上冲浪（即浏览网页）时，呈现给人们的美丽页面就是网页，它是网页内容的视觉呈现。网页是怎么做的？网页的主体是由 HTML 代码创建的文本文件。使用HTML中相应的标签，可以在网页中收录文字、图片、*敏*感*词*、音乐，然后通过浏览器的分析，就可以展现出丰富多彩的网页内容。

　　一个网页可以收录很多内容作为网页的元素。最基本的元素是文本、链接和表单。此外，它还包括静态图形、*敏*感*词*、声音、视频等形式的多媒体文件。最终目标是向访问者传达有价值的信息并留下深刻印象。

　　网页不是由单个文件组成。

　　浏览器和服务器的概念

　　互联网--世界各地的计算机相互连接以形成网络。

　　浏览网页实际上是从远程计算机读取一些内容，然后将其显示在本地计算机上。

　　浏览器发送请求，对应的服务器将信息发送到用户的电脑。然后浏览器负责分析网页的内容并显示出来。

　　Internet--“万维网”，WWW--简称“万维网”。源自欧洲量子物理实验室。

　　它实际上是大量相互关联的文件。

　　1.2 HTML 介绍

　　HTML（超文本标记语言），中文通常称为“超文本标记语言”，是互联网上编写网页的主要语言。通过HTTP协议，可以在Internet上跨平台交换HTML文件。

　　HTML 文档的主要特点：

　　1、 易于创建。

　　2、文件占用空间小，可以在网络环境下尽快传输和显示。

　　3、平台独立性。 HTML独立于操作系统平台，兼容多种平台。

　　4、简单易学，无需深厚的编程知识。

　　5、 良好的可扩展性。

　　HTML 的简单发展历程

　　1993.6 HTML1.0 Internet Engineering Task Force (IETF) 工作草案发布

　　1995.11 HTML2.0 发布

　　1996.1 HTML3.2 W3C推荐标准

　　1997.12 HTML4.0 W3C推荐标准

　　1999.12 HTML4.01 W3C推荐标准

　　2008.8 HTML5.0 W3C 工作草案

　　1.3 网页设计开发流程

　　1）clear网站positioning

　　应该明确网站的目标定位，确定要提供什么服务，应该提供什么内容。确定站点的目标位置，从三个方面考虑：

　　A和网站的整体定位，如大商网站、小电商网站、门户网站、个人主页、科研网站、交流平台、企业介绍网站，*敏*感*词* 网站。对网站 整体的客观评估。从发展的角度看问题。否则会给升级更新带来诸多不便。

　　B，网站的主要内容。如果是综合性的网站，会涉及到新闻、邮件、电商、论坛等，要求网页简洁美观；对于专注于某一方面的网站，比如books网站、games网站、music网站等，往往对网页的艺术性有更高的要求，使用更多的模板，更新网页和数据库更快；如果是个人网站或介绍性网站，更新速度较慢。浏览率低，链接少，内容不如其他网站丰富，但美术要求更高。可以使用更亮亮的颜色，添加*敏*感*词*等，让网页更有活力和活力，否则网站网站就没有吸引力了。

　　C，网站观看者的教育水平。对于不同的观众，网站的吸引力是完全不同的。例如，网站 是针对儿童的。卡通、热门内容更符合他们的浏览口味，也能达到寓教于乐的目的；对于学生网站往往需要网站更高的动态和特效；对于商业观众来说，网站的安全性和易用性更为重要。

　　2）采集资料（前期策划最关键的一步）部分有计划。

　　创建一个目录并放置网站文件。文件名最好是英文。

　　A.文字内容素材的采集文字素材内容要丰富，易于组织。

　　B. 网站，艺术内容素材的采集只有文字内容，枯燥乏味，缺乏活力。丰富多样的媒体内容，让网页充满活力与活力。

　　3）Planning 栏目结构（确定重点）栏目分类按主题、功能或内容分类

　　合理组织网站结构可以加快网站设计速度，提高工作效率，节省工作时间。

　　4）Design page image plan 美术设计师（美工）从公司整体形象logo、标准色、导航栏、首页布局等方面，提出了几种不同的风格方案。

　　5）制作页面布局

　　布局是指在浏览器中看到的完整页面的大小。由于显示器分辨率不同，同一页面的大小可能会出现不同的大小。 640*480 800*600 1024*768 实际设计中，限制小于778

　　布局是指将图片和文字以最合适的方式排列在页面上的不同位置。这是一个需要一定经验和灵感的创作过程。

　　页面*敏*感*词*繁琐细致，按大小顺序，从简到繁。灵活使用模板和库，提高生产效率。

　　静态页面的构建，注意页面之间的逻辑关系，静态和动态部分的区别

　　6）实现后台函数编程实现

　　留言板、搜索功能、新闻发布、购物网站、*敏*感*词*

　　7）集成、测试和发布

　　在将网站内容上传到服务器之前，应在本地站点进行完整的测试，以确保页面外观和效果、链接和页面下载时间与设计相同。

　　网站测试主要包括测试网站在各种浏览器中的兼容性，测试网站中是否存在无效链接。发现网页中收录错误。

　　发布。使用软件工具上传到服务器。

　　1.4 网页设计的基本原则

　　围绕此内容制作清晰的主题页面

　　首页很重要，能体现网站的整体感觉。能否吸引访问者取决于主页的设计效果。组织清晰、类别选项方便用户使用，让人们可以快速找到目标。

　　分类如按主题分类、按性质分类、按组织结构分类、按人的思维方式分类等

　　良好的互动网站必须与访客有良好的互动关系，包括整体呈现、界面引导等。

　　图像应用技巧具有醒目、吸引和传达信息的功能。用得好会给网页增色不少，但用得不好会适得其反。

　　避免滥用技术是一件令人着迷的事情。善用科技，会让页面变得鲜活起来，给人一种全新的感觉。使用不当会适得其反，让人失去兴趣。

　　及时更新维护。游客想看新鲜事物，过时的信息没人感兴趣。

　　1.5 网页设计的成功因素

　　网页设计的整体布局作为一种视觉语言，注意布局和布局。它干净、整洁、井井有条。过多的闪光、色彩和图片只会让访问者感到困惑。

　　信息提供有价值的内容

　　下载速度是吸引访问者的关键因素。如果不能在20-30秒内打开，大多数人会没有耐心。图片大小控制在6-8k。

　　图片和布局与第一印象有关，图片应侧重于首页传达的主要信息。

　　文字的可读性主要是字体的选择，一般字体最容易阅读，特殊字体更适合标题。颜色也很重要。

　　多媒体功能的使用可以吸引参观者的注意力，但必须考虑传输速度。

　　清晰的方向允许访问者在网站 上自由向前或向后移动。人们习惯于从上到下、从左到右阅读。主导航栏应置于左侧，长页面底部应设置为简单导航。

　　1.6 网页设计的三要素

　　结构、表现、行为。

　　它是什么样的以及做什么

　　HTML CSS JavaScript

　　将三者分开是一个重要的想法。

　　1.7 与设计相关的技术因素

　　1）屏幕分辨率像素1024*786 1280*1024 1280*800 1440*900

　　2）浏览器类型 IE firefox Opera Mozilla Safari Chrome