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

上海成都长沙武汉旅烨网页设计基础课程经典案例分析主讲人：上海旅烨网络科技有限公司网页设计部经理 蒲大力案例分析时间：2016年5月23日实验体会学会了使用关键字搜索相关内容和了解了WEB2.0的相关技术和服务概念，如AJAX、RSS、Tag、Wiki、Blog、SNS，学会如何从其他网站上下载JS、CSS、IMAGE等相关文件。发现.CSS所在的行都存在字符串“link ”；.JS所在的行也都存在字符串“script ”。实验截图从网上下载自己感兴趣的网站保存截图：下载下来的相关网站及其部分相关JS、CSS文件：实验二实验体会熟悉了简单内联元素的基本概念，掌握了HTML的基本语法。学会如何在HTML中进行简单的文字处理、创建超级链接和插入图片以及锚链接的用法。实验截图及代码简单的文字处理代码：pb这是一段文本/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/aa href=#BB/aa href=#CC/aa href=#DD/aa href=#EE/aa href=#FF/aa href=#GG/aa href=#HH/aa href=#II/aa href=#JJ/aa href=#KK/aa href=#LL/aa href=#MM/aa href=#NN/aa href=#OO/aa href=#PP/aa href=#QQ/aa href=#RR/aa href=#SS/aa href=#TT/aa href=#UU/aa href=#VV/aa href=#WW/aa href=#XX/aa href=#YY/aa 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这是一个段落/pblockquote领袖和跟风者的区别就在于创新/blockquoteblockquote成为卓越的代名词，很多人并不能适合需要杰出素质的环境/blockquoteblockquote成就一番伟业的唯一途径就是热爱自己的事业。如果你还没能找到让自己热爱的事业，继续寻找，不要放弃。跟随自己的心，总有一天你会找到的/blockquoteaddress中国矿业大学南湖校区管理学院管B302/addressh1江苏省/h1h2徐州市/h2h3中国矿业大学/h3h4南湖校区/h4h5管理学院/h5h6管B302/h6hr color=red noshadepre.*★*..*★ *.* 　　 ★★　　　　　 * ★ .’‘*.　　　 . ` . . /preHTML列表代码：preul type=square1.网页设计基础概述2.HTML 4.013.CSS4.JavascriptliJ.C.R Licklider/liliLarry Roberts/liliTim Berners-Lee/li/ul/pre简单文字的编排：div id=sh1中国共产党河南理工大学委员会(span class=tz通知/span)/h1p class=wjx★/pp class=no校党文〔2007〕51号/phr /iv id=nrh2关于王洪昌等同志职务任免的通知/h2brp各党委、党总支，校属各单位：/pp经校党委2007年7月10日会议研究决定：/pblockquote class=zw王洪昌同志任后勤集团公司副总经理（副处级），免去其后勤集团公司工会主席职务；/blockquoteblockquote class=zw张玉培同志任安全科学与工程学院党委书记，免去其电气工程与自动化学