《Web前端开发》实验教学指导/实验五:文字排版 《Web前端开发》实验教学指导 实验五:文字排版 、实验目的 1、掌握CSS进行页面表现控制的基本方法和CSS的基本原理 2、掌握CSS进行文字排版的基本内容和使用方法 、实验环境 1、 Windows Xp/ Windows7操作系统 2、安装有 Adobe Dreamweaver CS6软件的计算机一台 3、局域网网络环境,并且使用固定IP地址。 三、实验要求 1、掌握控制文字的标签有哪些; 2、掌握通过不同的方法控制文字的样式 3、能够熟练的在网页中对文字进行各种样式的排版 四、实验原理 1、HTML的基本语法 2、CSS的基本语法 3、通过CSS进行文字排版的基本方法; 4、 jQuery的基本语法。 五、实验步骤 1、新闻列表的实现 编写简单的新闻列表,效果如图5-1所示。 通过htn1与css结合进行文字排版 通过htm1与ess结合进行文字排版 通过htmn1与css结合进行文字排版 通过htn与css结合进行文字排版 世界最大橡皮鸭在香港破损漏 。通过htmn1与cs结合进行文字排版 文字排版文字排版文字排版版文字排版文字排版文字排版文字排版版文字排 文字排版文字排版文字排版版文字排版文字排版文字排版文字排版版文字排 文字排版文字排版文字排版版文字排版文字排版文字排版文字排版版文字排 文字排版文字排版文字排版版文字排版文字排版文字排版文字排版版文字排 图5-1新闻列表 河南中医学院互联网应用技术研究所 本讲共计9页|当前第1页《Web 前端开发》实验教学指导 / 实验五：文字排版 河南中医学院互联网应用技术研究所 本讲共计 9 页 | 当前第 1 页 《Web 前端开发》实验教学指导 实验五：文字排版 一、实验目的 1、掌握 CSS 进行页面表现控制的基本方法和 CSS 的基本原理； 2、掌握 CSS 进行文字排版的基本内容和使用方法。 二、实验环境 1、Windows XP/Windows 7 操作系统； 2、安装有 Adobe Dreamweaver CS6 软件的计算机一台； 3、局域网网络环境，并且使用固定 IP 地址。 三、实验要求 1、掌握控制文字的标签有哪些； 2、掌握通过不同的方法控制文字的样式； 3、能够熟练的在网页中对文字进行各种样式的排版。 四、实验原理 1、HTML 的基本语法； 2、CSS 的基本语法； 3、通过 CSS 进行文字排版的基本方法； 4、jQuery 的基本语法。 五、实验步骤 1、新闻列表的实现 编写简单的新闻列表，效果如图 5-1 所示。 图 5-1 新闻列表