上海成都长沙武汉旅烨网页设计基础课程经典案例分析(三)资料.docx

上海成都长沙武汉旅烨网页设计基础课程经典案例分析 主讲人：上海旅烨网络科技有限公司网页设计部经理 蒲大力 案例分析时间：2016年5月23日 实验体会 学会了使用关键字搜索相关内容和了解了WEB2.0的相关技术和服务概念，如AJAX、RSS、Tag、Wiki、Blog、SNS，学会如何从其他网站上下载JS、CSS、IMAGE等相关文件。发现.CSS所在的行都存在字符串“link ”；.JS所在的行也都存在字符串“script ”。 实验截图 从网上下载自己感兴趣的网站保存截图： 下载下来的相关网站及其部分相关JS、CSS文件： 实验二 实验体会 熟悉了简单内联元素的基本概念，掌握了HTML的基本语法。学会如何在HTML中进行简单的文字处理、创建超级链接和插入图片以及锚链接的用法。 实验截图及代码 简单的文字处理 代码： p b这是一段文本/bbr i这是一段文本/ibr copy;Microsoftsupreg;/supnbsp;Windowsnbsp;2007br A=asub1/sub+asub2/sub+asub3/subbr u这是一段文本/ubr s这是一段文本/sbr font face=华文彩云 color=red size=5这是一段文本/fontbr font face=隶书 color=green size=4us这sub是/sub一sup段/sup文本/u/s/font /p HTML中的超级链接代码： a href=simpleinline.htm简单文字处理/abr / a href=anchor.htm target=blankHTML中的超级链接/a 锚链接代码： a href=#AA/a a href=#BB/a a href=#CC/a a href=#DD/a a href=#EE/a a href=#FF/a a href=#GG/a a href=#HH/a a href=#II/a a href=#JJ/a a href=#KK/a a href=#LL/a a href=#MM/a a href=#NN/a a href=#OO/a a href=#PP/a a href=#QQ/a a href=#RR/a a href=#SS/a a href=#TT/a a href=#UU/a a href=#VV/a a href=#WW/a a href=#XX/a a href=#YY/a a href=#ZZ/a 在网页中插入图片： 代码： img src=kenan.jpg alt= img src=kenan.jpg width=256 height=160 alt=1/2大小br / img src=kenan.gif alt=柯南br / img src=kenan.png border=5 实验三 实验体会 学会了如何使用HTML简单区块元素在网页中添加HTML列表。掌握了用记事本进行简单网页编辑和HTML文档的编排、简单区块元素及属性的书写。 实验截图及代码 代码： p这是一个段落/p blockquote领袖和跟风者的区别就在于创新/blockquoteblockquote成为卓越的代名词，很多人并不能适合需要杰出素质的环境/blockquoteblockquote成就一番伟业的唯一途径就是热爱自己的事业。如果你还没能找到让自己热爱的事业，继续寻找，不要放弃。跟随自己的心，总有一天你会找到的/blockquote address中国矿业大学南湖校区管理学院管B302/address h1江苏省/h1 h2徐州市/h2 h3中国矿业大学/h3 h4南湖校区/h4 h5管理学院/h5 h6管B302/h6 hr color=red noshade pre .*★*. .*★ *.* 　　 ★ ★　　　　　 * ★ .’ ‘*.　　　 . ` . . /pre HTML列表代码： pre ul type=square 1.网页设计基础概述 2.HTML 4.01 3.CSS 4.Javascript liJ.C.R Licklider/li liLarry Roberts/li liTim Berners-Lee/li /ul /pre 简单文字的编排： div id=s h1中国共产党河南理工大学委员会(span class=tz通知/span)/h1 p class=wjx★/p p class=no校党文〔2007〕51号/p hr / iv id=nr h2关于王洪昌等同志职务任免的通知/h2br