静态网页设计.pptVIP

静态网页设计 主讲：吕忠英 金阳 2013年9月4日 自我介绍 金阳 QQ：841376927 吕忠英 QQ：1601083828 第一节、初识网页 网页与网站 编程语言 制作软件 HTML网站展示 HELLO WORLD 网页与网站 什么是网页？ 网页是存储在某与互联网相连计算机中的一个文件，通过网址（URL）来识别和存取。在浏览器中输入网页网址，通过浏览器解释网页文件，用户就可以浏览该网页。 网页的分类 通常网页文件是以htm 、html、asp、aspx 、PHP、JSP等为扩展名。不同的扩展名分别代表不同类型的网页文件。 按表现形式可分为静态网页和动态网页。 网页与网站 什么是网站？ 网站是由多个网页组成，但不是网页的简单罗列组合，而是用超链接方式组成的既有鲜明风格又有完善内容的有机整体。 网页与网站 网页与网站的关系 编程语言 ASP与.NET PHP JavaScript Python Java HTML 编程语言 HTML语言 超文本标记语言，HTML（Hypertext Markup Language），是用于描述网页文档的一种标记语言。 html head body p 制作软件 Dreamweaver FrontPage Fireworks Flash Photoshop 我们需要的是？ 记事本 HTML网站 我的第一个网页 Hello World！ 作业 完成自己的第一个网页 图像的插入 背景图片 body background=url/body 插入图片 img src=url/ 图像标签img 图片属性 源属性src 替换文本属性alt 尺寸属性width height 超级链接 a 标签 a 标签的使用方式： 1.通过使用 href 属性 - 创建指向另一个文档的链接 a href=url你要作为连接的文字或图片/a 2.通过使用 name 属性 - 创建文档内的书签 a name=tips我是头部哦/a a href=#tips点我回到“我是头部哦”/a 图像超级链接 图像标签 img src=url 超链标签 a href=url 第三节 列表 列表分为有序列表和无序列表 有序列表 htmlbody 有序列表 ol li热爱祖国/li li热爱人民/li /ol /body/html 第三节 列表 列表分为有序列表和无序列表 无序列表 htmlbody 无序列表 ul li热爱祖国/li li热爱党/li /ul /body/html 列表类编号的风格 有序列表 ol 的项号 li的属性：type， type=1 默认值，用数字对应编号符，如1，2，3等。 type=A 用大写字母编号表项，如A，B，C等。 type=a 用小写字母编号表项，如a，b，c等。 type=I 用大写罗马字母编号表项，如I，II，III，IV等。 type=i 用小写罗马字母编号表项，如i，ii，iii，iv等。 例如： htmlbody 有序列表 ol type=A li热爱祖国/li li热爱人民/li /ol /body/html 列表类编号的风格 无序列表ul的项符也由li开头 属性：type，用来设定项目符的形状。其中： type=DISC 实心圆点（默认值）。 type=CIRCLE 空心圆点。 type=SQUARE 实心方块。 作业 用列表编辑一个书籍/电视剧/电影/游戏等的目录 * * 网站是网页、图片等文件的集合体，是网页通过超级链接的形式组成的。 插画网站 Change Myself 个人空间 宠物网站 html body h1我的第一个网页/h1 h2春晓/h2 p春 眠 不 觉 晓,/p p处 处 闻 啼 鸟./p p夜 来 风 雨 声,/p p花 落 知 多 少？/p /body /html 第二节、HTML 图像和超链接 图像的插入 图像的属性 超链接的插入 图像超链接的应用 2013年9月18日 图像超级链接 a href=url img src=url / /a *