打开一个网页，查看它的源文件，就会看到一些有规律的程序代码。这些代码就是超文本标记语言（Hypertext Markup Language,HTML）。“超文本”就是指页面内可以包含图片、链接甚至音乐、程序等非文字的元素，“标记”就是说它不是程序语言，只是由文字及标记符号组合而成。

十三使用表单制作注册网页任务一创建表单任务二验证表单项目十三：使用表单制作注册网页网页设计与制作Dreamweaver8任务三测试表单任务一小结任务二实训任务一创建表单本任务主要介绍插入表单及文本域、文本区域、单选按钮、复选框、列表/菜单、隐藏域、按钮及其属性设置的基本方法。通过本任务的学习，掌握的内容主要有：1、表单的工作过程（1）访问者在浏览表单页面时，可填写必要的信息，然后进行“提交”。

=十二使用行为完善网页功能任务一设置页眉部分任务二设置主体部分项目十二：使用行为完善网页功能网页设计与制作Dreamweaver8任务一小结任务二实训任务一设置页眉部分本任务主要介绍设置状态栏文本和弹出式菜单的方法，同时认识行为的概念，并了解【行为】面板的基本操作。=

十一使用模板和库制作学校主页任务一创建库──制作页眉和页脚任务二创建模板━━制作学校主页项目十一：使用模板和库制作学校主页网页设计与制作Dreamweaver8任务一小结任务二实训任务一创建库──制作页眉和页脚在Dreamweaver中，库是一种特殊的Dreamweaver文件，用来存放诸如文本、图像等网页元素，这些元素通常被广泛用于整个站点，并且经常被重复使用或更新。

十使用时间轴制作动画任务一使用层设置公园背景和标题任务二使用时间轴设置运动效果项目十：使用时间轴制作动画网页设计与制作Dreamweaver8任务一小结任务二实训任务一使用层设置公园背景和标题本任务将首先使用层布局页面中的公园地图及标题等内容。关于层的基本知识在项目九已作详细介绍，经过本任务的学习,读者可以进一步巩固其具体应用。

九使用Div布局搜索引擎页任务一制作页眉“TopLayer”任务二制作主体“MainLayer”项目九：使用Div布局搜索引擎页网页设计与制作Dreamweaver8任务一任务二任务三制作页脚“FootLayer”小结任务三实训Dreamweaver8网页设计与制作本任务主要介绍使用层布局索引擎页页眉的基本方法。通过本任务的学习，应该掌握的内容主要有：1.层的功能层主要有以下几方面的功能：由于层是绝对定位的，可以游离在文档之上，可以利用层来浮动定位网页元素。它可以包含文本、图像甚至其他层。

八使用CSS控制购物网页外观任务一设置页眉CSS规则任务二设置购物网页主体的CSS样式项目八：使用CSS控制购物网页外观网页设计与制作Dreamweaver8任务一任务二任务三设置页脚的CSS规则小结任务三实训任务一设置页眉CSS规则CSS是“Cascading Style Sheet”的缩写，可译为“层叠样式表”或“级联样式表”。

七使用框架布局论坛网页任务一创建论坛框架网页任务二设置论坛框架网页项目七：使用框架布局论坛网页网页设计与制作Dreamweaver8任务一小结任务二实训任务一创建论坛框架网页本任务将介绍使用框架创建论坛网页的基本方法，用到的基础知识主要包括创建框架、拆分框架、保存框架等。

主讲：网页设计与制作——Dreamweaver8项目六使用表格布局门户网站首页任务一制作页眉任务二设置主体页面项目六：使用表格布局门户网站首页网页设计与制作Dreamweaver8任务一任务二任务三制作页脚小结任务三实训任务一制作页眉本任务主要是使用表格来布局网页页眉的内容，用到的基础知识主要包括插入表格及其属性设置的方法、选择表格及其行与列的方法、拆分单元格的方法、表格的嵌套以及插入字幕的方法及其设置参数等。

五制作教育导航网页任务一设置页眉任务二设置网页主体项目五：制作教育导航网页网页设计与制作Dreamweaver8任务一任务二任务三设置页脚任务四设置锚记超级链接任务三小结任务四实训任务一设置页眉本任务主要是对网页页眉部分的超级链接进行设置，主要使用鼠标经过图像和导航条技术，它们是基于图像的比较特殊的链接形式，属于图像对象的范畴。Dreamweaver8网页设计与制作项目

四编排贺卡网页任务一设置页眉任务二设置主体部分项目四：编排贺卡网页网页设计与制作Dreamweaver8任务一小结任务二实训任务一设置页眉本任务主要是对网页页眉部分的图像进行设置，包括网站站标和图像占位符，涉及的知识点有图像的基本类型和作用、设置背景图像、图像的插入方法以及图像占位符的作用、插入方法及其属性设置等。通过本任务的学习，应该掌握的内容主要有：Dreamweaver8网页设计与制作项目

三编排校园文学网页任务一设置页面属性任务二编排页眉文本项目三：编排校园文学网页网页设计与制作Dreamweaver8任务一任务二任务三编排网页主体文本任务四编排页脚文本任务三小结任务四实训任务一设置页面属性本任务主要介绍在【页面属性】对话框中设置文本字体、大小、颜色、背景颜色、背景图像、页边距、网页标题及文档编码的基本方法。通过本任务的学习，读者应对页面属性有一个全面的认识，并掌握参数的设置方法。

二定义和创建站点任务一如何做好一个网站任务二创建站点项目二：定义和创建站点网页设计与制作Dreamweaver8任务一小结任务二实训任务一如何做好一个网站随着互联网同人们的日常生活结合得越来越紧密，网站的数量也在迅速增加，而形成一个良好的网站制作流程习惯，并了解网页布局和色彩搭配的基本知识，可以使网站制作者的效率大大提高。本任务主要介绍网站制作流程、网页布局的基本知识。Dreamweaver8网页设计与制作项目二：定义和创建站点任务一小结任务二实训操作一网站制作流程.

关于HTML4.0的书籍关于JavaScript的书籍关于CSS的书籍，CascadingStyleSheets(层叠样式表)考核办法以实验报告为主1：编辑软件的熟悉,基本标志练习；2：掌握页面布局，制表和分栏设计；3：掌握表单控件；4：练习JavaScript语言，对控件进行事件处理；5：练习CSS布局设计第一章概述1.1屏幕分辨率1.2RGB1.3静态网页1.4HTML1.5常用软件1.1屏幕分辨率ScreenResolution显示分辨率就是屏幕上显示的像素个数，由于屏幕上的点、线和面都是由像素组成的。

50 Performance Tricks to Make your HTML5 apps and sites Faster

对于网站制作者&前端老湿们来说，为了确保显示效果，长期以来不得不一直使用“安全字体”，英文网站一律是Verdana，中文网站一律是宋体——因为这是每台浏览网页的电脑里肯定装有的字体。这是设计理念不断进步的UI老师们所不能容忍的。字体可是页面效果的根本，好比T台模特的衣服换了千万种，但你只能用这一两个模特(对于中文用户那就几乎只有一个宋体)？

   图片是网页美化不可或缺的一种元素，有时作为片段文的载体(即将文字P在图片上)可大大提高文字阅读的体验。  在图片上配文字。你一定会最先想到Photoshop，没错，这是一个很强大的工具。但如果每次图片上的文字需要改变怎么办？好办，把原始图片找出来，重新用Photoshop处理，完成后上传替换原图。  有没有更简单易的方法?最好是一劳永逸(一次设计，后面文字再怎么改变都会自动应用样式)。 

什么是@font-face   @font-face是一种网络字体，是CSS的模块,利用CSS的@font-face属性可以在网页中嵌入任意字体。   字体使用是网页设计中不可或缺的一部分。网页是文字的载体，我们希望在网页中使用某一特定字体，但是该字体并非主流操作系统的内置字体，这样用户在浏览页面的时候就有可能看不到真实的设计。 

第一天　XHTML CSS基础知识欢迎大家学习《十天学会web标准》，也就是我们常说的DIV+CSS。不过这里的DIV+CSS是一种错误的叫法，建议大家还是称之为web标准。学习本系列教程需有一定html和css基础，也就是指您之前做过网页，会用表格布局。如果您刚开始学习网页制作，不知道什么是表格布局及html和css，建议您先去充电，否则学习本教程会非常吃力或者根本就听不懂。

CSS参考手册v3.2.0Update Time: 2011.11.20 在每页顶部的增加了面包屑及导航到相关内容；新增了<identifier> Value参考；新增了cycle() Value参考；新增了ch Unit参考；新增了Units下某些缺少的demo并完善了内容；新增了animation-fill-mode属性参考；修订了一些错误链接；修订了一些BUG；补充修订了问题和经验列表；<br> CSS参考手册v3.1.0Update Time: 2011.10.13 新增了动画速查表；新增了动画CSS Animations Properties参考；新增了规则@keyframes参考；新增了部分属性的IE10支持；修订了IE9对部分属性的支持问题；修订了一些BUG；补充修订了问题和经验列表；