文档介绍：网页设计与制作第1章网站开发基础:(1)目标用户定位和网站的主题定位(2)网站整体风格创意设计(3)网页的色彩搭配(4)网站的层次结构和链式结构(5)版面布局设计:搜集的素材一般包括跟主题有关的文字图片资料;一些优秀的页面风格;开放的源代码。设计和制作的素材包括网站的Logo、Banner、背景图片、列表图表、横幅广告等。:安装和配置IIS;在Dreamweaver中创建站点。:创建CSS样式;制作网站首页;制作网站的其它页面;制作超链接:发布网站前必须要测试网站,测试网页内容、链接的正确性和在不同浏览器中的兼容性等。发布网站先申请站点域名和租用服务器空间,然后通过FTP工具把网站上传到服务器上。HTML的概念:HTML是一种用来制作超文本文档的简单标记性语言。标签表示:<标签名称属性>1.<标签>元素</标签>,标签的作用范围:<标签>→<标签>.例:<h2>demo<h2>,即将demo这段文本以2号标题来显示,这对标签之外的文本不受这组标签影响。2.<标签属性名=”属性值”>元素</标签>一个标签能够包含多个属性属性之间无先后次序,用空格分开。例:<bodybackground=””text=”red”>hello</body>,其中background属性用来表示HTML文档的背景图片,tect属性用来表示文本的颜色。3.<标签>空标签:标签单独出现,只有开始标签而没有结束标签。(1)<html>和</html>在最外层,表示这对标签里的代码是HTML语言。(2)<head>和</head>标签里是网页中的头部信息,如网页总标题,网页关键字等。无头部信息可不要这对标签(3)<title>和</title>.在<head>和</head>这对双标签的中间还包含着<title>和</title>这对标签,网页标题的内容,标题出现在IE浏览器窗口。考点:1.<p>和</p>.文本段落的标签。2.<br>:换行符。<br>标签是空标签(它没有结束标签,因此这是错误的:<br></br>)。快捷键:F12预览网页;Shift+Enter分段(行间距小);前景色、背景色的调整:前景色是alt+del背景色是ctrl+del前后交换是X<html><head><title>一个简单的网页</title>(头部信息)</head></body>(网页内容:文本、链接、图像、动画等)<h1>欢迎光临</h1><br><frontsize=”5”face=”华文行楷”color=”red”>这是我的第一个主页,欢迎大家的访问!</front></body></html>Ps:去掉第6、7、8、10行是HTML的基本结构。第2章DreamweaverCS5基础Dreamweaver软件界面P23图2-31)代码视图(写代码,主要用于这个,利用Dreamweaver工具编辑网页代码),2)拆分视图(编写代码边看视图,直观地编辑网页中的元素,又能够观察到相关的代码)3)设计视图(可视化设计,以所见所得的方式编辑网页)第3章制作网页内容:给文字创建超链接;给图片创建超链接;添加email链接,mailto:(冒号后不能空格)电子邮件地址;添加空连接。:1)绝对路径:是被链接文档的完整URL,包括所使用的传输协议(网页通常是:http://)。在创建外部链接时必须使用绝对