网页制作

1计算机咨询网）陪着你网页制作计算机咨询网）陪着你2第一次课网页制作计算机咨询网）陪着你3主要内容Internet上的WEB服务HTML语言规范常用HTML标签计算机咨询网）陪着你4Internet上的WEB服务）陪着你5服务•Http协议、超文本概念•浏览器•Web服务器•访问Web服务器过程计算机咨询网）陪着你6HTML语言与HTML文件•HTML语言产生背景Internet的普及和多媒体技术的发展•HTML文件与生成环境文件扩展名为.htm生成环境：任何可编辑文本文件的应用程序，如notepad.exe(记事本)计算机咨询网）陪着你7网页制作软件的产生与发展•非专业人员的网页制作要求•面向对对象网页制作软件的发展•网页制作未来发展方向计算机咨询网）陪着你8HTML语言规范HTML概念：超文本标识语言，用标签排列和标识网页对象HTML语法规范1.标签与标签属性2.网页对象标签及其属性语法规范3.排列网页对象标签及其属性语法规范计算机咨询网）陪着你9标签与标签属性•格式：成对标签：标签内容/标签标签属性1属性2内容/标签不成对标签：标签属性1属性2计算机咨询网）陪着你10网页对象标签及其属性语法规范•例：bodybgcolor=bluetext=whiteHello,world!/body计算机咨询网）陪着你11排列网页对象标签及其属性语法规范•例：body世界，br您好!hrcolor=“FF9933”size=1/body计算机咨询网）陪着你12页面结构标签1.html/html2.head/head3.body/body网页标题标签title/title段落标签：p/p文本格式标签：链接标签：a/a图片标签：img表格标签：tabletrtd/table框架结构标签：framesetframe/frameset表单标签：form常用HTML标签计算机咨询网）陪着你13文本格式标签标题标签hi/hi(i=1,2,…,6)字体和字号标签fontface=方正舒体size=6color=#FF9933“字符风格标签预格式化文本标签pre/pre水平标尺标签hr列表格式标签计算机咨询网）陪着你14列表格式标签•项目符号列表ulli/li…/ul符号类型：type=disc,square,circle•编号列表olli/li…/ol编号类型：type=A,a,1,I,…起始编号：Star=1,2,…•定义列表dldddt…/dl15计算机咨询网）陪着你第二次课网页制作计算机咨询网）陪着你16站点建立与初步管理网页属性设置段落编排和文字处理样式创建与应用超链接创建及属性设置主要内容计算机咨询网）陪着你17站点建立与初步管理•新建站点–站点概念–通过“文件”-“新建”-“站点…”新建站点–利用“文件”-“打开站点…”新建站点•初步管理–规范式的站点管理–private与images文件夹–网页文件的新建与保存计算机咨询网）陪着你18网页属性设置•常规属性–添加网页标题–设置背景音乐•背景属性–背景颜色、背景图片–超链接颜色、超链翻转效果•边距计算机咨询网）陪着你19段落编排和文字处理•段落编排–段落属性设置（“格式”–“段落…”）–边框与阴影的应用（“格式”–“边框与阴影…”）–项目符号和编号的应用（“格式”–“项目符号和编号…”）•文字处理–“字体”属性设置（“格式”–“字体…”）–格式工具栏的使用计算机咨询网）陪着你20样式创建与应用•CSS样式表概念•仅用于当前页的样式设置（“格式”–“样式…”）–重定义HTML标签–用户自定义class样式（格式：.样式名）–标签内联式样式•样式表文件(*.css)的创建•调用外部样式表文件（“格式”–“样式表链接…”）计算机咨询网）陪着你21超链接创建及属性设置•创建超链接（“插入”－“超链接…”）•超链接的URL：绝对URL、相对URL•超链接的四种方式站点内超链接、站点外超链接页内超链接、电子邮件超链接•超链接的目标框架_self,_blank,_top,_parent•超链接的“编辑查询字符串参数”设置22计算机咨询网）陪着你第三次课网页制作计算机咨询网）陪着你23主要内容-FrontPage2000•表格制作•多媒体设置•动态效果设置计算机咨询网）陪着你24表格制作•数据表格–文本转换成表格（“表格”－“转换”）–表格属性设置（“表格”－“属性”）–表格的单元格、行、列操作–单元格属性设置•布局表格–表格嵌套–布局表格常用操作计算机咨询网）陪着你25多媒体设置•插入图片–图片类型（*.GIF,*.JPG)–图片属性（图片源、图片对齐、图片替代表示、图片大小）–图片编辑（添加文本、重新取样、剪裁等）–图片超链接与图片热点超链接的建立•插入视频信息–“插入”-“图片”-“视频…”–视频属性设置（视频源、播放控制）计算机咨询网）陪着你26动态HTML效果设置•字幕效果–“插入”-“组件”-“字幕…”–marquee标签的属性定义•“动态HTML效果”工具栏使用–“格式”-“动态HTML效果”–文本对象的动态效果设置–图片对象的动态效果设置27计算机咨询网）陪着你第四次课网页制作计算机咨询网）陪着你28主要内容-FrontPage2000•表单制作•框架网页制作•FrontPage2000综合练习计算机咨询网）陪着你29表单制作•表单界面设计–利用表格布局–“插入”-“表单”…•表单属性设置–action动作属性–method提交方式属性–表单结果提交•表单域属性设置计算机咨询网）陪着你30表单域属性设置•单行文本域•密码域•滚动文本框•复选框•单选按钮•下拉菜单•按钮•图像域•隐藏的域•文件域计算机咨询网）陪着你31框架网页制作•新建框架页•框架属性设置•“框架”菜单命令计算机咨询网）陪着你32新建框架页•“文件”-“新建”-“框架网页”•新建网页•设置初始网页计算机咨询网）陪着你33框架属性设置•框架页属性设置•框架一般属性设置•框架网页中超链接的目标框架计算机咨询网）陪着你34“框架”菜单命令•框架的拆分•框架的删除•在新窗口中打开网页•另存框架中网页计算机咨询网）陪着你35FrontPage2000综合练习•题见“FrontPage2000综合练习”文件夹36计算机咨询网）陪着你第五次课网页制作计算机咨询网）陪着你37主要内容-DreamweaverMX•Dreamweaver主界面与基本操作•层的应用•CSS样式表计算机咨询网）陪着你38Dreamweaver主界面与基本操作•Dreamweaver主界面–菜单栏命令使用–代码和设计视图的使用–插入面板与属性面板的使用•Dreamweaver基本操作计算机咨询网）陪着你39Dreamweaver基本操作•建立站点•新建网页•表格布局•页面属性设置•段落编排和文字处理•超链接设置•图片处理•表单制作•建立框架网页•网页的保存计算机咨询网）陪着你40层的应用•创建层–“插入”-“层”–“插入”面板-“常用”-“描绘层”•层面板与层的属性设置–层的名称–层的显示隐藏–层的嵌套–层的重叠与防止层重叠•层定位与层布局计算机咨询网）陪着你41层定位与层布局•层的大小修改•层的选择与移动•结合表格的层布局计算机咨询网）陪着你42CSS样式表•CSS样式的类型–创建自定义样式–重定义HTML标签–使用CSS选择器•使用“CSS样式”面板定义新的样式•CSS样式的应用•CSS样式文件的定义和应用43计算机咨询网）陪着你第六次课网页制作计算机咨询网）陪着你44主要内容-DreamweaverMX•行为面板的使用•时间轴面板的使用•自定义插件的定制和使用•Dreamweaver综合练习计算机咨询网）陪着你45行为面板的使用•行为面板界面理解–事件分析–对应事件的网页动作•常见网页动态行为的定义–播放声音–打开浏览器窗口–弹出信息–显示-隐藏层计算机咨询网）陪着你46时间轴面板的使用•时间轴面板界面理解–帧与时间轴–层对象与构成动态行为的随时间变化的层路径•时间轴面板的使用–添加层对象–设置开始与结束关键帧–设置记录中间变化的关键帧–行为的播放效果设置–录制层路径计算机咨询网）陪着你47自定义插件的定制和使用•自定义插件的定制–具备一定功能的HTML页的制作–对应以上HTML页的GIF图片按钮的制作–将以上两个文件存放在“Object”目录下的相应位置•自定义插件的使用–启动DreamweaverMX，在“插入”面板中找到新插件的GIF图片按钮–在网页中加入新插件，预览其功能计算机咨询网）陪着你48综合练习•题见“Dreamweaver综合练习”文件夹