1 / 32

课程辅导时间

课程辅导时间. 每周星期四晚， B206 邮件： lihong@sccvtc.cn. 建立站点 —— 提高内容. 本地信息 站点名称 本地磁盘中的文件夹（不能使用中文或放在中文之下） 远程信息 链接远程的方式 FTP 方式 FTP 主机 ——121.48.40. 251 主机目录 —— 登录 ——w01 （ w 加学号后两位） 密码 ——123456 测试服务器 服务器模型 访问方式 FTP 方式 —— 同远程信息 URL 前缀 ——http://121.48.40. 250 /w01. 本地站点、远程站点、 http 访问. 远程站点

jolene-norton
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. 课程辅导时间 每周星期四晚，B206 邮件：lihong@sccvtc.cn

  2. 建立站点——提高内容 • 本地信息 • 站点名称 • 本地磁盘中的文件夹（不能使用中文或放在中文之下） • 远程信息 • 链接远程的方式 • FTP方式 • FTP主机——121.48.40.251 • 主机目录——\ • 登录——w01（w加学号后两位） • 密码——123456 • 测试服务器 • 服务器模型 • 访问方式 • FTP方式——同远程信息 • URL前缀——http://121.48.40.250/w01

  3. 本地站点、远程站点、http访问 远程站点 文件夹（根） http访问（远端内容） 本地站点 文件夹（根）

  4. 查找主页 关于首页（主页） 我要访问站点XXX.com Index.htm 错误信息 没有 Index.htm Default.htm 有 Index.htm http://xxx.com

  5. FTP主机密码更改 • 登录 • FTP 121.48.40.251 • Connected to 121.48.40.251. • 220 Serv-U FTP Server v6.4 for WinSock ready... • User (121.48.40.251:(none)): w17（你的用户名） • Password:123456 • 230 User logged in, proceed. • ftp> • 更改密码 • quote site pswd 初始密码 修改密码 • ftp> quote site pswd 123456自己确定 • 230 Password changed okay. • 退出 • BYE

  6. 第3章 文本、多媒体对象与超级链接

  7. 3.1 文本的输入与设置 • 将文本添加到文档中 • 输入与导入 • 文本换行 • 文本空格 • 特殊符号 • 段落格式的设置 • 对齐文本 • 缩进文本和取消缩进

  8. 3.1 文本的输入与设置 • 字符格式的设置 • 设置或更改字体的操作 • 关于字体大小 • 相对字体大小 • 绝对字体大小

  9. 3.1 文本的输入与设置 • 列表格式的设置 • 创建无序列表和有序列表 • 创建多级列表 • 插入水平线 • 插入时间

  10. 3.2 设置超级链接 • 超级链接基础 • 什么是超级链接 • URL统一资源定位器 • 协议://主机[:端口]／路径／文件名 • 协议：如http是超文本传输协议，ftp是文件传输协议。 • 主机：可以是主机的域名，如www.baidu.com，或IP地址，如220.181.27.5。 • 端口：给出相应的服务提供端口号，一般不需要指定。 • 路径：指明资源在服务器上的位置，缺省时使用根路径。 • 文件：指定资源的文件名。缺省时一般使用default.htm,default.html,index.htm,index.html之一的文件名，或者由服务器指定的缺省主页“文件名”。

  11. 超级链接基础 • 链接路径 • 绝对路径 • 全路径 • 文件相对路径 • 相对于当前网页 • 根目录相对路径 • 从站点的根（／）开始的路径

  12. 页面链接 • 创建超链接 • 通过属性面板“链接”文本框输入链接路径创建 • 通过属性面板文件夹图标 创建 • 使用“指向文件”图标 链接站内文档 • 快速创建链接链接站内文档 • 使用“超链接”命令设置更多的超链接参数 • 链接文档打开的方式

  13. 链接文档打开的方式 • _blank：将链接的文件载入一个未命名的新浏览器窗口中。 • _parent：将链接的文件载入含有该链接的框架的父框架集或父窗口中，如果包含链接的框架不是嵌套的，则链接文件加载到整个浏览器窗口中。 • _self：将链接的文件载入该链接所在的同一框架或窗口中，此目标是默认的，所以通常不需要指定它。 • _top：将链接的文件载入整个浏览器窗口中，因而会删除所有框架。

  14. 锚点链接 • 创建命名锚记 • 链接到命名锚记 • 使用指向文件方法链接到命名锚记

  15. 电子邮件链接 • 创建电子邮件链接的操作如下 • 定位电子邮件链接的位置 • 在“插入”栏的“常用”类别中单击 图标 • 出现“电子邮件链接”对话框 • 直接在链接栏输入 • mailto:sccvtc@126.com

  16. 作业： • 更改FPT密码 • 文本输入练习 • 换行、空格、特殊符号 • 段落格式与字符格式设置 • 导入其他文件内容 • 超级链接 • 页面间的超级链接 • 锚记链接 • 邮件地址链接 • 其他网站的超级链接

  17. 3.3 图像的插入 • 图像文件格式有BMP、JPEG、GIF、TIFF、TGA、PNG等多种，但在Web页中通常使用的只有三种，即GIF、JPEG和PNG，这是因为这几种格式的图像文件体积较小，占用互联网带宽少，适合放在网页上供快速下载浏览。 • 1．GIF（图形交换格式）文件格式 • GIF文件是Internet上使用最早、应用最广泛的图像格式，文件最多使用256种颜色。 • 2．JPEG（联合图像专家组标准）文件格式 • JPEG（JPG）件格式是用于摄影或连续色调图像的高级格式，这是因为JPEG文件可以包含数百万种颜色，随着JPEG文件品质的提高，文件的大小和下载时间也会随之增加。 • 3．PNG（可移植网络图形）文件格式 • 是一种替代GIF格式的无专利权限制的格式，它包括对索引色、灰度、真彩色图像以及alpha通道透明的支持；PNG是Macromedia Fireworks固有的文件格式。

  18. 3.3.1 插入图像 插入图像的方法有多种，除几种常用方法外，还可以利用图像占位符实现图像插入。 • （1）使用工具栏图标插入 • （2）使用菜单命令 • （3）从“文件”面板中拖入 • （4）从“桌面”或其他“文件夹”窗口中拖入

  19. 3.3.2 设置图像属性 • 设置图像大小 • 编辑图像 • （1）重新取样 • （2）亮度和对比度 • （3）图像锐化 • （4）裁剪图像 • （5）编辑图像 • （6）优化“图像”

  20. 图像与文本的关系 • （1）对齐方式 • “默认值”通常指定基线对齐。 • “基线和底部”将文本（或同一段落中的其它元素）的基线与选定对象的底部对齐。 • “顶端”将图像的顶端与当前行中最高项的顶端对齐。 • “居中”将图像的中部与当前行的基线对齐。 • “文本上方”将图像的顶端与文本行中最高字符的顶端对齐。 • “绝对居中”将图像的中部与当前行中文本的中部对齐。 • “绝对底部”将图像的底部与文本行（这包括字母下部，例如g中）的底部对齐。 • “左对齐”将图像放置在左边，文本在图像的右侧换行排列，出现多行文本对应图像的情况。 • “右对齐”将图像放置在右边，文本在对象的左侧换行排列，出现多行文本对应图像的情况。 • 注意：HTML不提供字处理应用程序中的文本四周环绕图像的方式。

  21. 设置图像链接 • （1）制作链接 • （2）图像地图

  22. 图像属性面板的其他项 • （1）边框：是以像素为单位的图像边框的宽度，默认为无边框。 • （2）替代：指定只显示文本的浏览器或已设置为手动下载图像的浏览器中代替图像显示的替代文本，在浏览器中，当鼠标指针位于图像之上时也会显示该文本。 • （3）低解析度源：指定在载入主图像之前应该载入的图像，习惯使用主图像的2位色（黑和白）图像，它可以迅速载入并使访问者对他们等待看到的内容有所了解。

  23. 制作动态图像效果

  24. 插入导航条

  25. 插入图像占位符

  26. 练习内容 • 插入各种格式图像 • 设置图像属性——检查 • 加边框2个像素 • 设置水平边距5个像素 • 设置替换内容 • 设置图像链接——检查 • 整图链接 • 热区链接 • 设置动态图像——检查 • 设置鼠标经过图像

  27. 3.4 多媒体对象的插入 • 使用Flash动画 • 插入Flash动画 • Flash属性面板常用参数 • “宽”和“高”以像素为单位指定影片的宽度和高度。 • “文件”文本框：指定指向Flash或Shockwave文件的路径。 • “源文件”文本框：指向Flash源(.FLA)的路径，若要编辑Flash文件(SWF)，请更新影片的源文档。 • “编辑”按钮：启动Macromedia Flash MX以更新（.FLA）文件。 • “重设大小”按钮：将选定Flash影片返回到其初始大小。 • “循环”复选框：在选中该选项时影片将连续播放。 • “自动播放”复选框：如果选中该选项，则在加载页面时自动开始播放影片。 • “垂直边距”和“水平边距”文本框：指定影片上、下、左、右空白的像素数。 • “比例”下拉式列表框：确定影片如何适合在宽度和高度文本框中设置的尺寸， • “对齐”下拉式列表框：确定影片在页面上的对齐方式。 • “背景颜色”：指定影片区域的背景颜色，在不播放影片时（在加载时和在播放后）也显示此颜色。 • “播放”按钮：单击预览Flash影片效果，同时“播放”转换成“停止”；单击“停止”则“播放”。 • “参数”按钮：可在其中输入传递给影片的附加参数。参数“wmode”，值“trsnsparent”的项。

  28. 3.4 多媒体对象的插入 • 插入Flash按钮 • 插入Flash文本 • 插入Flash元素 • 为什么插入不了

  29. 3.4 多媒体对象的插入 • 3.3.2 使用Java特效 • 3.3.3 使用Shockwave电影 • 3.3.4 使用声音与视频

  30. 3.3.2 使用Java特效 • Java 是一种编程语言，通过它可以开发可嵌入 Web 页中的小型应用程序（applet） • 插入例子 • 搜索下载“lake.class”Java Applet小程序为在网页中插入作准备 • 选择“插入”>“媒体”>“Applet”命令 • 添加名为“image”的参数，其值为产生水纹效果的图像文件名 • 属性面板中设置“宽”、“高”值，一般宽的值设置为图像的宽度，高的值设置为大于图像的高度，超过的数值即是水纹效果的高度。建议高度取值在图像原高度的1.2～1.9倍之间。 • 其他Java特效

  31. 3.3.4 使用声音与视频 • 常见的声音、视频文件类型——见书 • 插入声音、视频 • “插入”>“媒体”>“插件”菜单命令 • 常用参数“autostart” 、“hidden” 、“loop” • 插入背景声音 • 插入标签Bgsound • 用插件

  32. 练习插入Flash——检查 • 插入Flash按钮 • 插入Flash文字 • 插入Flash元素（选做） • 设置Flash透明 • 练习插入声音、视频对象——检查 • 插入并设置参数 • 练习使用JAVA等特效

More Related