《网页设计与制作》第一章：网页制作基础波波制作

2020/2/201网页中的元素1.文字2.图像3.表单4.Flash动画5.表格6.超级链接7.视频、音频8.POP窗口9.标题栏和状态栏文字2020/2/2021.2网页制作的相关知识HTML语言概述是一种超文本标记语言，作为一种网页编辑语言，易学易懂。2020/2/2031、HTML网页HTML网页通常是由三部分内容组成的：版本信息、网页标题（HEAD）和文档主体（BODY）。下面就是网页结构的总体框架：!HTML网页版本信息说明HTMLHEAD!标题标记、属性及其内容/HEADBODY!主体标记、属性及其内容/BODY/HTML2020/2/204（1）版本信息版本信息位于HTML网页文件的第一行（2）HTML文件标记大部分网页文件都是以HTML标记开始的，在文件的结尾处又以/HTML结束（3）头部信息HEAD标记之间是HTML文档的头部，用来标明当前文档的有关信息在HEAD标记之间，使用频率最高的标记就是TITLE，它用于定义显示在浏览器标题栏的文档标题。2020/2/205【例】给网页设置“励志学社”的文档标题，可在头部输入以下代码：TITLE励志学社/TITLE2020/2/206（4）主体标记网页的主体是“BODY……/BODY”标记对作用的范围BODY标记用于定义HTML文档主体的开始，它能够设置网页的背景图像、背景颜色、链接颜色和网页边距等属性，其基本用法如下所示：BODYBackground=URLBgclolr=ColorBgpropeties=FixedLeftmargin=nLink=ColorAlink=ColorText=ColorTopmargin=nVlink=ColorBgcolor为背景颜色。关于颜色的值后面会详细介绍。Text为不包含超级链接的文字颜色。Link为超级链接文字的颜色。Alink为正被点击的超级链接文字的颜色。2020/2/207Leftmargin、Topmargin用于设置网页的左边距和上边框，它们是以像素为单位【例1】将网页的上边距和左边距分别设置为40和30个像素的宽度，使用黑色文本、白色背景，未访问的链接源采用蓝色，已访问的链接源标记为暗红色。BODYBackground=moom.gifBgcolor=WhiteBgproperties=FixedLeftmargin=30Link=BlueText=BlackTopmargin=40Vlink=MaroonVlink为已经点击过的超级链接文字的颜色。Background设置，如果设置了背景图片，图片会覆盖已经设置的颜色。2020/2/2082、XML语言XML（eXtensibleMarkupLanguage）被称作是下一代的网页标记语言，也是采用各种标记来形成网页的源代码。XML中包括可扩展格式语言XSL(ExtensibleStyleLanguage)和可扩展链接语言XLL(ExtensibleLinkingLanguage)。2020/2/2091.22静态网页和动态网页静态网页指基本上全部使用HTML语言制作的网页，页面的内容是固定不变的。动态网页（DynamicHTML，DHTML）利用JavaScript，CSS(层叠样式表)及其它类似的语言如VBScript等与HTML进行有机的结合来使静态的HTML网页变成动态。2020/2/20101.23Web服务器端程序专业的网站都是建立在使用数据库的基础上的，要将这些数据库变成可以通过浏览器显示和操作的Web页面，就需要编写服务器端的程序。用户向服务器传送提交的表单（个人信息、选择结果等）需要在服务器端进行记录、筛选等处理。大量的数据库查询、修改处理也需要服务器端程序的支持。目前常用的服务器端编程技术主要有CGI、ASP、PHP、JSP等，不同的技术需要不同的系统环境支持。2020/2/20111.3网页制作的基本方法制作网页的基本步骤1、确定网页的内容2、设计网页的组织结构3、资料的收集与整理4、选择网页的设计方法常用的网页制作工具有Frontpage、Dreamweaver等。服务器端的ASP程序可以使用VisualInterdev、UltraDEV等编辑。2020/2/2012开始网页制作构建页面框架创建导航条填充内容创建返回主页连接2020/2/2013网页制作的原则站点要有创意整体规划动画不能过多导航要明朗制作通用网页主题鲜明优化图象定时更新2020/2/2014制作网页时要注意的问题1、网页的标题要简洁，明确。2、在文本中要使用水平线，以分割不同部分。3、对重点段落要强调显示。4、网页中插入的图片要尽量的小。5、图形要附加文字说明，以便关闭图像时查看。6、网页中引用的资料及商标（或图标），不能侵犯版权。2020/2/20151.4MacromediaStudioMX2004MacromediaStudioMX2004是目前应用最广泛的网页制作工具组件，使用方便、功能齐全，Dreamweaver、Flash、Fireworks被称作“网页三剑客”。在Dreamweaver里用丰富的层叠样式表制作耐看，专业的网站。MacromediaFlash工具可较快的制作SWF文件。Fireworks通过自动变形，用动的效果，图片编辑工具和拖拽工具能传送较精彩的Fireworks图片。2020/2/2016思考题1.1什么是？什么是网页？1.2一个完整的URL由哪几部分组成？举出几个URL的例子。1.3如何设置IE的主页？如何用IE收藏一个网页？1.4网页中一般都使用了哪些技术？1.5MacromediaStudioMX2004有哪几部分组成？