教育网站规划与设计资料.ppt

本任务主要通过使用HTML语言编辑一个简单的网页，来了解HTML语言的语法结构，掌握常用的HTML标记等内容。最终达到能读懂网页的HTML源码文件，为后续的Dreamweaver CS5中“代码”文档编辑窗口中HTML代码编辑打下基础。 1.4.1 任务描述 1.4.2 实训目的 1.4.3 实训要求 1.4.4 实训考核 完成“平顶山华通胶辊有限公司”企业网站规划书的撰写。 掌握网站开发流程； 了解网站建设规划内容； 完成“平顶山华通胶辊有限公司”企业网站规划书撰写。 网站策划对网站建设起到计划和指导的作用，对网站的内容和维护起到定位作用。 网站策划书应尽涵盖网站策划中的各个方面，网站策划书的写作要科学、认真、实事求是。 “平顶山华通胶辊有限公司”企业网站规划书按照企业网站规划书格式进行撰写。 （3）清单标记 例1-11：对文字添加项目符号。实例源文件位于本书素材文件中的“第一章源码\1-11.html” 直辖市： ul li北京 li上海 li重庆 /ul 三、HTML文档常用标记 （3）清单标记 例1-11：对文字添加项目符号。 三、HTML文档常用标记 （4）表格标记 常用的表格标记为：table、 tr、 td table、 tr、 td：HTML表格用table表示。一个表格可以分成很多行(row)，用tr表示；每行又可以分成很多单元格(cell)，用td表示。 这三个标记是创建表格最常用的标记。 三、HTML文档常用标记 （4）表格标记 例1-12：在网页中添加一个一行两列的表格 。实例源文件位于本书素材文件中的“第一章源码\1-12.html”。 table width=60% border=5 bordercolorlight=#FF00FFbordercolordark=#FF0000 trtd第一列第一栏/tdtd第一列第二栏/td/tr /table 三、HTML文档常用标记 （4）表格标记 例1-12：在网页中添加一个一行两列的表格 。 三、HTML文档常用标记 （4）表格标记 例1-13：在网页中添加一个两行两列的表格。实例源文件位于本书素材文件中的“第一章源码\1-13.html”。 table width=60% border=1 cellpadding=10 tr td bgcolor=#FFCCE6第一列第一栏/td td bgcolor=#FFFFC6第一列第二栏/td /tr tr td bgcolor=#FFD9FF第二列第一栏/td td bgcolor=#DAB4B4第二列第二栏/td /tr /table 三、HTML文档常用标记 （4）表格标记 例1-13：在网页中添加一个两行两列的表格。 三、HTML文档常用标记 （5）图形标记 img ：这个标记可以在HTML里面插入图片。最基本的语法如下： img src=url url表示图片的路径和文件名。比如 url 可以是 images/logo/blabla_logo01.gif，也可以是个相对路径 ../images/logo/blabla_logo01.gif。 三、HTML文档常用标记 （5）图形标记 例1-14：在网页中插入图片。实例源文件位于本书素材文件中的“第一章源码\1-14.html”。 img src = 1.jpg alt=smile face 三、HTML文档常用标记 （5）图形标记 例1-14：在网页中插入图片。 三、HTML文档常用标记 （6）链接标记 HTML用a来表示超链接。 a可以指向任何一个文件源：一个HTML网页，一个图片，一个影视文件等。用法如下： a href=1.jpg链接的显示文字/a 点击a/a当中的内容，即可打开一个链接文件，href属性则表示这个链接文件的路径。 三、HTML文档常用标记 （6）链接标记 例1-15：在网页中插入一个超级链接。实例源文件位于本书素材文件中的“第一章源码\1-15.html”。 a href=l target=_blank百度/a 三、HTML文档常用标记 （6）链接标记 例1-15：在网页中插入一个超级链接。 三、HTML文档常用标记 （7）多媒体标记 bgsound 是用以插入背景音乐，但只适用于IE。 例1-16：在网页中插入背景音乐。实例源文件位于本书素材文件中的“第一章源码\1-16.html”。 bgsound src=your.mid autostart=true loop=infinite 三、HTML文档常用标记 （7）多媒体标记 例1-16：在网页中插入背景音乐。 三、HTML文档常用标记 （8）其他标记 marquee创建一个滚动