1、网 页 制 作,网站、网页、主页,网站*网站是由一系列相互链接的网页文件组成的有机集合。网页*静态网页*动态网页主页（index.htm或index.html）,,Web应用程序,Web应用程序举例1,,,Web应用程序,Web应用程序举例2,我们开发什么？,网页布局,网页标题 网站标识（Logo） 页眉（导航条） 网页内容 页脚（联系方式、版权信息等）,网站开发工具 工欲善其事必先利其器,静态网页： FrontPage（以前） Dreamweaver 动态网页： Eclipse(java) NetBeans(java) Visual Studio() 等等,Dreamweaver简介,Dre
2、amweaver 是美国Macromedia公司出品的一款网页编辑工具，它集网页制作和网站管理于一身，是专门为网页设计者开发的可视化网页编辑工具。利用它设计的网页可以跨越平台和浏览器限制，使得它也成为目前最受欢迎的工具软件之一 。,Dreamweaver工作区布局,网页基本元素,文本 图片（jpeg,png,gif） 超级链接*内部链接*外部链接 音频（mp3,midi,wav） 视频（real或media） 动画*gif动画*flash动画 表单,设计网站,网站定位（题材和内容、网站域名、网站名称） 网站风格（版面布局、浏览方式、文字等） 网站形象*标识logo（网站特色、内涵集中表现）*色
3、彩*字体*标语 网站栏目 网站目录 链接结构,文档的创建和保存,启动Dreamweaver，选择【创建新项目】-【HTML】项，如下图所示。执行【文件】-【保存】命令，然后输入要保存的文件名如：index（扩展名“.html”可以不加，保存时系统会自动加上的），然后单击“保存”按钮。系统会自动保存到上一节创建的站点文件夹下。,预览网页,按快捷键F12可进行网页预览，预览前提要保存。 或按下图进行预览。,HTML概述,什么是HTML？HyperText Markup LanguageHTML是一种颇为结构化的网页内容标记语言，使用各种不同的标记符号来分别标识和设定不同的网页元素。每一个网页元素通常由开始标记（start tag）、结束标记（end tag），以及夹在这两个标记中的内容所组成。许多元素的开始标记中还允许加入若干个相关的属性，用以进一步对该元素的特征进行说明或限定。通常用“属性名称 = 属性值”的方式来设定元素的属性。 一个HTML元素的形式可表示为：内容 ,一个网页实例, 语言标记： 首部 主体 ,文挡标题文档主体：文本、图像、声音、HTML命令等,请各位批评和指正!,谢谢大家!,
