网页制作基础第一章.pptVIP

网页制作基础 课任教师:柯铭健 先解决几个问题 学习后我们能做什么？-以往学生作品欣赏 我们要学些什么？-课程内容介绍 用什么样的学习方法？-课程学习方法 范例网页欣赏 我们学习了这门课程,能做到什么? 课程内容 掌握利用网页制作工具制作包括图片、动画、视音频等多媒体元素的静态网页,了解站点的发布、维护与管理等相关知识，并初步涉及ASP组件等动态技术。 Dreamweaver 可视化网页编辑工具（兼职站点维护管理功能） Fireworks 图形图像处理 课程学习方法—实践式学习 由于本课程设计性和实操性强，我们的学习和考核的方式是以任务驱动的新型教学理念来设计的。 综合性设计性实验：学期初同学自己选定一个个人网页主题，可以利用每次上机时间和课后时间，随着授课的进度开始准备，在第6章学习中安排的综合实验时间里集中制作完成。 Fireworks 用于切网页图、制作按钮。 Dreamweaver 搭起网页整体框架 其他…… 考核方法与要求 采用多元评量相结合的方式 成绩计算方法：期末考试+平时成绩+综合实验成绩 第一次上机作业： 选定自己的网页主题，并用文字描述，包括主题，选题原因、预计划分为哪几个栏目（模块）、包含几种多媒体元素、预计从何处取得资料等。 并使用你所掌握的任一绘图工具绘制出想像中的主要页面的布局草图。文字与图片一同放在WORD文档中，文档命名为:组长学号+综合实验设想.DOC。（如：20081101001综合实验设想.DOC） 第1章 网页制作概况 1.1 网页制作基础知识 1.2 Dreamweaver MX 2004及Fireworks MX 2004简介 1.3 HTML基础知识 1.4 DHTML与XML简介*(选读内容) 1.1 网页制作基础知识 网页（web page): 用HTML语言编写或网页软件编辑，通过WWW传播，并被WEB浏览器翻译成为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一体的页面文件。 网站（web site)：一个文件夹，其中包括：通过超链接的形式关联起来的一系列网页、其他网站所需的文件或文件夹。 1.1 网页制作基础知识 首页与主页的区别 浏览网站时最先访问的页为首页，一般为欢迎信息，通过链接再进入主页（例如：榕树下网站） 。主页是整个网站的导航中心（例如：163网站） 。有些网站首页即主页. 1.1 网页制作基础知识 网页类型： 按内容分：首页、主页、专栏网页、内容网页、功能网页等 按技术分：静态网页、动态网页 网页布局构图：“同”字型、“厂”字型、分栏型、封面型、对称型等等。 要求：主次分明、动静有度、图文并茂、平衡对称 1.1 网页制作基础知识 网页设计的原则 设计的3C原则 所谓3C原则是指简洁、一致性、对比度。Web页面设计需要遵循这三条原则。 页面设计过程 首先是搜集组织内容。材料组织好后，下一步就是在Web页面上布置文本、图片等内容，目的是引导浏览者在页内浏览。应该控制页面上的元素的放置顺序和它们相互之间的空隙。 1.1 网页制作基础知识 下面是设计时可用的一些元素： 格式化的文本 按钮、图标和其他导航工具 背景 图形 表格 颜色 多媒体元素 页面布局 1.1 网页制作基础知识 需要注意的一些问题 1.2 网页制作工具简介 入门级软件-FrontPage 提高级软件- Dreamweaver Dreamweaver与Flash、Fireworks并称为Macromedia的网页制作三剑客 。（现已为Adobe收购） Dreamweaver对于DHTML（动态网页）特别支持，可以让用户轻而易举地做出很多互动页面特效。插件式的程序设计使得其功能可以无限的扩展。 网页设计的辅助美化工具 Fireworks 以处理网页图片为特长。在绘图方面结合了位图以及矢量图处理的特点，还能轻松地把图形输出到Flash、Dreamweaver 以及第三方的应用程序。 在网页制作方面，Fireworks能快速地为图形创建各种交互式动感效果，制作GIF动画、自如切图、生成鼠标感应Javascript,不论在图象制作或是在网页支持上都有着出色的表现。 PhotoShop Flash 1.3 HTML基础知识 透过浏览器所看到的网页，是由HTML（HyperText Markup Language）语言所构成的。HTML（超文本标记语言）是一种建立网页文本的语言，透过标记式的指令（Tag），将影像、声音、图片、文字等链接显示出来。 HTML网页文件可以由任何文本编辑器或专用网页编辑器编辑，编辑完毕后，HTML文件将以.htm或.