1 / 20

网 站 开 发

网 站 开 发. 网 站 开发. “个人网站”项目要求. 个人网站. 个人简介. 个人珍藏. 关于学习. 分类一. 学习目标. 分类二. 学习计划. 学习效果. “个人网站”项目要求. 第三讲 让主页更丰富. 1 、使用 CSS （ 层叠样式表）. CSS 的作用 CSS 样式面板：按 shift+F11 打开 CSS 样式面板 在单个网页中创建、应用、修改 CSS 创建、应用 CSS 文件. CSS 样式可以用来修饰文字、图片等多种网页上的对象，它实际上是一些有修饰功能的代码，这些代码可以放到网页中，也可以另存在一个 CSS 文件。

fallon
Download Presentation

网 站 开 发

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 网 站 开 发 网 站 开发

  2. “个人网站”项目要求 个人网站 个人简介 个人珍藏 关于学习 分类一 学习目标 分类二 学习计划 学习效果

  3. “个人网站”项目要求

  4. 第三讲 让主页更丰富 1、使用CSS（层叠样式表） • CSS的作用 • CSS样式面板：按shift+F11打开CSS样式面板 • 在单个网页中创建、应用、修改CSS • 创建、应用CSS文件

  5. CSS样式可以用来修饰文字、图片等多种网页上的对象，它实际上是一些有修饰功能的代码，这些代码可以放到网页中，也可以另存在一个CSS文件。CSS样式可以用来修饰文字、图片等多种网页上的对象，它实际上是一些有修饰功能的代码，这些代码可以放到网页中，也可以另存在一个CSS文件。 　　　使用CSS可以使同一个网站中的各个网页保持风格一致性，而且便于以后对页面元素外观的统一调整修改。

  6. 操作一： 　　　创建两个CSS样式，分别命名为webtitle和text ，将这两个样式保存在样式文件indexstyle.css中。用webtitle样式来修饰主页上的网站名字，用text样式来修饰网站介绍文字。

  7. 操作二： 　　　创建“个人简介”子页，命名为grjj.htm，保存在网站中。 在个人简介子页中添加相关内容，使用indexstyle.css文件中的webtitle样式来修饰子页上网站名字，用text样式来修饰子页上的个人简介文字。

  8. 第三讲 让主页更丰富 2、（超级）链接 • 链接的作用 • 链接的源 • 创建链接 • 更新链接

  9. 　　 链接的基本作用，是可以让我们从一个页面跳转到另一个页面，或者从一个地方跳转到另一个地方。

  10. 　　链接的源可以是文字、图像等。

  11. 　　当链接目标发生变化时，链接需要进行更新：　　当链接目标发生变化时，链接需要进行更新： • 当链接目标名字被改变 • 当链接目标的存放位置被改变 • 当链接目标被删除

  12. 　　　注：当需要改变网站中文件的名字或存放位置时，应该在ＤＷ的文件面板中进行。　　　注：当需要改变网站中文件的名字或存放位置时，应该在ＤＷ的文件面板中进行。

  13. 操作三： 　　　将主页（index.htm）和个人简介子页（grjj.htm）链接起来。

  14. 第三讲 让主页更丰富 3、使用CSS修饰链接 a:link 设置链接文字的外观 A:hover设置鼠标移到链接文字上面时的外观

  15. 操作四： 　　　设置CSS样式修饰主页上的链接，将样式定义在indexstyle.css文件中。

More Related