任务1.1 网站开发流程.pptxVIP

任务1.1网站开发流程;任务介绍;任务分析;;1.网页和网站;网页构成;2.Web前端开发技术;超文本标记语言，是网页设计和开发领域中的一个重要组成部分，是为“网页创建和其他可在网页浏览器中看到的信息”设计的一种标记语言;目前，最新的CSS版本是CSS3。;JavaScript;3.常用的浏览器;;浏览器私有前缀是区分不同内核浏览器的标示。由于W3C组织每提出一个新属性，都需要经过一个耗时且复杂的标准制定流程。在标准还未确定时，部分浏览器已经根据最初草案实现了新属性的功能，为了与之后确定的标准进行兼容，各浏览器使用了自己的私有前缀与标准进行区分，当标准确立后，各大浏览器再逐步支持不带前缀的CSS3新属性。;;;5.网页制作的工具;网站开发;设计的任务;设计原则;网站开发;网站建设流程;确定网站主题;理解站点功能

在理解站点基础上，形成鲜明的主题

网站的特色要突出

;网站风格;规划网站时，首先应把网站的内容列举出来，根据内容列出一个结构化的蓝图，据实际情况设计各个页面之间的链接。

规划网站的内容应包括栏目的设置、目录结构、网站的风格等。

;将主要内容信息按一定的方法分类，并为它们设立专门的栏目。主题栏目个数在总栏目中占绝对优势，这样的网站专业主题突出，容易给人留下深刻印象，并且过目不忘。;有些站点的内容庞大，分类很细，往往有三、四级甚至更多级数的目录页面，为帮助浏览者明确自己所处的位置，网站设计师往往在页面里显示导航条。;构思网站栏目结构;文件夹名称;规划网站目录结构和链接结构;目录结构设计

一是要按栏目内容建立子目录；

二是每个目录下分别为图像文件创建一个子目录images（图像较少时可不创建）；

三是目录的层次不要太深；

四是尽量使用意义明确的非中文目录。

;规划设计;在明确建站目的和网站定位以后，要结合各方面的实际情况，围绕主题全面收集相关的材料。;测试评估与网站发布是不可分割的两部分。制作完毕的网页必须进行测试。测试评估主要包括上传前的兼容性测试、链接测试和上传后的实地测试。

网站上传后，继续通过浏览器进行实地测试，发现问题后及时修改，然后再上传测试???

;（5）不要每页都采用不同的墙纸，以免每次转页时都要花费过多的时间去下载，采用相同的底色或墙纸还可以增强网页一致性，以树立自己的风格。