静态网页设计

Click to edit Master title style,Click to edit Master text styles,Second level,Third level,Fourth level,Fifth level,*,静态网页设计,主讲：吕忠英 金阳,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），是用于描述网页文档的一种标记语言。,制作软件,Dreamweaver,FrontPage,Fireworks,Flash,Photoshop,我们需要的是？,记事本,HTML网站,插画网站,Change Myself,个人空间,宠物网站,我的第一个网页,Hello World！,我的第一个网页,春晓,春 眠 不 觉 晓,处 处 闻 啼 鸟.,夜 来 风 雨 声,花 落 知 多 少？,作业,完成自己的第一个网页,第二节、HTML 图像和超链接,图像的插入,图像的属性,超链接的插入,图像超链接的应用,2013年9月18日,图像的插入,背景图片,插入图片,图像标签,图片属性,源属性src,替换文本属性alt,尺寸属性width height,超级链接,标签,标签的,使用,方式：,1,.通过使用,href,属性-创建指向另一个文档的链接,你要作为连接的文字或图片,2,.通过使用,name,属性-创建文档内的书签,我是头部哦,点我回到“我是头部哦”,图像超级链接,图像标签,超链标签,图像超级链接,第三节,列表,列表分为,有序列表,和,无序列表,有序列表,有序列表,热爱祖国,热爱人民,第三节 列表,列表分为,有序列表,和,无序列表,无序列表,无序列表,热爱祖国,热爱党,列表类编号的风格,有序列表,的项号 的属性：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等。,例如：,有序列表,热爱祖国,热爱人民,列表类编号的风格,无序列表,的项符也由开头,属性：type，用来设定项目符的形状。其中：,type=DISC,实心圆点（默认值）。,type=CIRCLE,空心圆点。,type=SQUARE,实心方块。,作业,用列表编辑一个书籍/电视剧/电影/游戏等的目录,