1章网页设计基础.pptVIP

第1章 网页设计基础 [本章学习目标] 通过理论介绍，理解网页、网站、主页、网址等基本概念，了解网页浏览的基本原理，了解常用的网页制作工具和网页素材制作工具，了解Dreamweaver MX 2004的特点及安装。 通过实例，了解HTML语法的基本构成，并能认识几种常用的HTML标记，能简单的应用这些标记；掌握起始页的设置，并熟悉Dreamweaver MX 2004基本的界面操作，对网页制作的步骤和方法有一个初步的认识；掌握Dreamweaver MX 2004帮助的基本使用方法。 1．1 网页与网站 1．1．1 Internet与WWW 1．1．2 网页和网站 1．网页浏览基本原理 2．网页 3．网站 4．网址 5．浏览器 6．静态网页和动态网页 1．1 网页与网站 静态网页，是指一旦制作并上传以后，其内容就不能随意进行变化、修改的网页。 动态网页，指由程序实时生成，可以根据不同条件生成不同内容的网页。 1．2 网页设计与制作 1．2．1 超文本标记语言HTML HTML（Hyper Text Markup Language） 1．HTML文件基本结构 html head 文件头信息 /head body 文件体 /body /html 1．2 网页设计与制作 2．HTML基本标记 表1-1 常用HTML标记一览表 1．2．2 常用网页制作工具 FrontPage Dreamweaver 1．2．3 常用网页素材制作和编辑工具 Fireworks Flash CorelDRAW 1.3 初识Dreamweaver MX 2004 1．3．1 Dreamweaver MX 2004简介 Dreamweaver MX 2004具有如下特点： （1）可扩展性强。 （2）制作效率高。 （3）网站管理功能强大。 （4）控制能力强。 （5）安全性。 （6）无缝集成外部文件和代码。 1.3 初识Dreamweaver MX 2004 1．3．2 Dreamweaver MX 2004的安装和启动 1．Dreamweaver MX 2004安装需求 软件需求 硬件需求 2．安装Dreamweaver MX 2004 3．启动Dreamweaver MX 2004 1.3 初识Dreamweaver MX 2004 1. 3 初识Dreamweaver MX 2004 1．3．3 Dreamweaver MX 2004的工作环境 1．3 初识Dreamweaver MX 2004 1．3．3 Dreamweaver MX 2004的工作环境 1．3 初识Dreamweaver MX 2004 1．3．4 制作一个简单的网页 1．3 初识Dreamweaver MX 2004 1．3．4 制作一个简单的网页 操作步骤如下： 1．创建站点 （1）建立站点文件夹 （2）建立站点 2．网页制作 （1）素材准备 （2）新建网页 （3）设置页面属性 （4）插入网页元素 （5）编辑网页元素 （6）保存网页 1．3 初识Dreamweaver MX 2004 1．3．5 使用Dreamweaver MX 2004的帮助系统 以下两种方法可以打开Dreamweaver MX 2004的在线帮助： （1）在Dreamweaver MX 2004工作环境中，按下F1键。 （2）在Dreamweaver MX 2004中，单击菜单“帮助”/“使用Dreamweaver”。 本章学习内容总结 网页与网站简介 网页设计与制作基础 初识Dreamweaver MX 2004 * * * * “首选参数”对话框 “起始页” 浮动 面板组 主菜单 “插入” 工具栏 工具栏 “文档”窗口 状态栏 “属性”面板 实例效果图