网页制作基础培训.pptVIP

网页制作基础培训 一箭飘红 目录 网站制作过程 网站制作工具Dreamweaver 建立网站结构 网页制作 页面属性设置 样式表（Css）应用 使用表格控制网页布局 插入图片 编辑文字 超链接的使用 实例演示 QA 网站制作过程 确定网站的主题与内容 构思网站架构 资料的搜集整理 网站的风格设计 网站制作工具Dreamweaver 建立网站结构 建立网站 Step1: 到菜单列选择站点。再选择新建站点。 Step2 :在弹出窗口选择“高级”页签，设置站点名称，并设置网站在本地硬盘的位置。 Step3:选取存盘路径。 建立网站结构 新增网页 Step1:菜单列上「文件」，选取「新建」 ，选择类别中的基本页面。 Step2:在基本 页面中选择HTML， 建立新网页。 页面属性设置 页面属性 文件标题 页边距设置 背景颜色、图片 编码格式 样式表（Css）应用 什么是样式表 CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 如何将样式表加入您的网页 链入外部样式表文件 (Linking to a Style Sheet) 你可以先建立外部样式表文件（.css），然后使用HTML的link对象。示例如下：headtitle文档标题/titlelink rel=stylesheet href=/dhtmlet.css type=text/css/head 样式表（Css）应用 定义内部样式块对象 (Embedding a Style Block) 你可以在你的HTML文档的HTML和BODY标记之间插入一个STYLE.../STYLE块对象。 示例如下： htmlheadtitle文档标题/titlestyle type=text/css!--body {font: 10pt Arial}h1 {font: 15pt/17pt Arial; font-weight: bold; color: maroon}h2 {font: 13pt/15pt Arial; font-weight: bold; color: blue}p {font: 10pt/12pt Arial; color: black}--/style/headbody  请注意，这里将style对象的type属性设置为text/css，是允许不支持这类型的浏览器忽略样式表单。 样式表（Css）应用 样式表语法 (CSS Syntax) Selector { property: value } 参数说明： Selector -- 选择符property : value -- 样式表定义。属性和属性值之间用冒号(:)隔开。多个定义之间用分号(;)隔开 样式表（Css）应用 常见样式表 /*定义界面主体包括（字体、边距、滚动条样式）*/ body { font-family: arial, helvetica, sans-serif, ; font-size: 9pt; margin: 0px; scrollbar-face-color:#efefe7; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#a5a5a5; scrollbar-darkshadow-color:#a5a5a5; scrollbar-shadow-color:#d6d6ce; scrollbar-arrow-color:#003184; scrollbar-track-color:#deded6; } /*注释：定义图片引用*/ img { border:none; margin:0px; padding:0px; } 样式表（Css）应用 常见样式表 /*表格缺省样式*/ table { font-family: arial, helvetica, sans-serif,; font-size: 9pt; line-height: 150%; color: #000000; } /*普通文字链接样式*/ a.:link { font-family: arial, helvetica, sans-serif,; font-size: 9pt; color: #205aa7; text-decoration: none} a.:visited { font-family: arial, helvet