第1章 初识Dreamweaver 8

南邮吴江学院*网页制作与设计网页制作与网站设计2006~2007第一学期南邮吴江学院*网页制作与设计HTML标记语言1、HTML基本知识2、HTML文件基础3、使用HTML语言编写简单页面贯穿始终南邮吴江学院*网页制作与设计HTML语言基本知识HTML(HperTextMarkupLanguage)——是一种描述性语言。两类：扩展名：1.对称标记，格式是：标记内容标记2.单独标记，格式是：＜标记＞.htm/.html南邮吴江学院*网页制作与设计html语言的标记符htmlheadtitle这是一个简单的HTML文件/title/headbody这个HTML文件时使用记事本来编辑的。/body/html表示这是一个HTML文件表示“文件头”标记表示“文件标题”标记表示“文件体”标记南邮吴江学院*网页制作与设计一些html标记符1）HTML标记——表明该文件时HTML文件。＜html＞＜/html＞2）“文件头”标记＜head＞＜/head＞3)“网页标题”标记＜title＞＜/title＞4）“文件体”标记body/body南邮吴江学院*网页制作与设计一些html标记符5)“标题”标记1~6级标题＜h1＞＜/h1＞＜h2＞＜/h2＞＜h3＞＜/h3＞＜h4＞＜/h4＞＜h5＞＜/h5＞＜h6＞＜/h6＞＜h7＞＜/h7＞南邮吴江学院*网页制作与设计一些html标记符6)字体颜色，字体大小＜fontcolor=#size=””＞＜/font＞7)对齐＜bodyalign=left/center/right＞…内容…＜/body＞8）插入图片＜imgscr=#weight=””height=””＞9)背景颜色＜bodybgcolor=#＞南邮吴江学院*网页制作与设计一些html标记符10)表格＜table＞＜tr＞＜td＞…单元格内容…＜/td＞＜/tr＞＜tr＞＜td＞…单元格内容…＜/td＞＜/tr＞＜/table＞南邮吴江学院*网页制作与设计一些html标记符11）段落标记＜P＞……＜/P＞转行标记＜BR＞……＜/BR＞12）连接标记ahref=“?”连接文字/a(“?”是连接地址)13）滚动字幕marquee需要滚动的字幕/marquee南邮吴江学院*网页制作与设计看懂简单网页htmlheadtitle这是测试文件/title/headbodyh2align=center这是我制作的第一章网页/h2imgsrc=banner.gifh3align=leftfontcolor=#ff0080看来还有好多东东要学哦！/font/h3pahref=“index.html”h3align=right返回主页/h3/p/bodyhtml南邮吴江学院*网页制作与设计课堂练习例1例2南邮吴江学院*网页制作与设计练习首页的名称一般定义为_____和_____。HTML是______的缩写，意思为_____。网页文件的头部分用______和_____括起来。网页文件的正文部分用______和_____括起来。网页文件的标题用______和_____括起来。网页文件的段落用______和_____括起来。南邮吴江学院*网页制作与设计练习1.不属于视频格式的有（）Ａ.WAVB.RMC.AVID.WMV2.世界上第一个web浏览器是（）Ａ.IEB.navagatorC.mosaicD.Internet3.属于网页制作平台的是（）A.PhotoshopB.flashC.dreamweaverD.cuteFTP南邮吴江学院*网页制作与设计练习4.在网页的源代码中表示段落标记是（）Ａ.head/headB.p/pC.body/bodyD.table/table南邮吴江学院*网页制作与设计书面作业1、写出10种常用的HTML标记及属性2、写出以下属性的含义：background、bgcolor、text、link、leftmargin3、写出滚动字幕的代码。南邮吴江学院*网页制作与设计基本原理——色光三原色RBG#FF0000#000000#00FF00#FFFFFF#0000FF