网页设计与制i作.docxVIP

网页设计与制作第1章网站开发基础1.2网站开发流程1.网站总体策划：（1）目标用户定位和网站的主题定位（2）网站整体风格创意设计（3）网页的色彩搭配（4）网站的层次结构和链式结构（5）版面布局设计2.设计和制作素材：搜集的素材一般包括跟主题有关的文字图片资料；一些优秀的页面风格；开放的源代码。设计和制作的素材包括网站的Logo、Banner、背景图片、列表图表、横幅广告等。3.建立站点：安装和配置IIS；在Dreamweaver中创建站点。4.制作网页：创建CSS样式；制作网站首页；制作网站的其他页面；制作超链接5.测试和发布网站：发布网站前必须要测试网站，测试网页内容、链接的正确性和在不同浏览器中的兼容性等。发布网站先申请站点域名和租用服务器空间，然后通过FTP工具把网站上传到服务器上。1.4 HTML的概念：HTML是一种用来制作超文本文档的简单标记性语言。1.4.3HTML标签标签表示：标签名称 属性 1.标签元素/标签,标签的作用范围:标签→标签.例：h2demoh2,即将demo这段文本以2号标题来显示，这对标签之外的文本不受这组标签影响。2.标签 属性名=”属性值”元素/标签一个标签可以包含多个属性属性之间无先后次序，用空格分开。例：body background=”back_ground.gif” 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 前后交换是X1.4.4HTML文档的基本结构p18-p19htmlheadtitle一个简单的网页/title（头部信息）/head/body（网页内容：文本、链接、图像、动画等）h1欢迎光临/h1brfront size=”5” face=”华文行楷” color=”red”这是我的第一个主页，欢迎大家的访问！ /front/body/htmlPs:去掉第6、7、8、10行是HTML的基本结构。第2章 DreamweaverCS5基础2.1.2 Dreamweaver软件界面P23图2-32.1.4视图模式种类及其适应情况1）代码视图(写代码，主要用于这个，利用Dreamweaver工具编辑网页代码)，2）拆分视图(编写代码边看视图，直观地编辑网页中的元素，又可以观察到相关的代码）3）设计视图 (可视化设计，以所见所得的方式编辑网页)第3章制作网页内容1.创建超链接的方法：给文字创建超链接；给图片创建超链接；添加email链接，mailto:(冒号后不能空格)电子邮件地址；添加空连接。2.创建超链接的路径：1)绝对路径:是被链接文档的完整URL,包括所使用的传输协议（网页通常是：http://）。在创建外部链接时必须使用绝对路径。2）文档相对路径：就是以以前文档所在位置为起点到被连接文档经由的路径。主要用于创建内部链接。如：images/google.gif3）站点根目录相对路径：是指所有路径都开始于当前站点的根目录。站点根目录相对路径以一个正斜杠开始，该正斜杠表示站点根文件夹，如/images/google.gif.移动含有根目录相对连接的文档时，不需要更改链接。4.DW新建CSS规则选择器的类型及其特点。1类 ：定义的时候前面必须加点（.）,格式是.xxx，可以在一个页面中调用多次；2.ID（用于任何HTML元素）名称以“#”开头，一般中只用在网页中的一个元素上3．标签（重新定义HTML元素）可以实现用CSS重新定义HTML标签外观的功能。4.复合内容（基于选择的内容）：a:link超链接的正常状态，无任何动作 a:visited 访问过的超链接状态 a：hover 鼠标指针指向超链接的状态 a：active 选中超链接状态第4章CSS样式表CSS样式表：内部用于当前网页内部；外部连接到多个网页上创建内部CSS样式表：（1）用DW打开网页文档4.3.1.html（2）单击“样式表”面板中的“新建CSS规则”按钮，弹出“新建CSS规则”对话框（3）