企业网站制作与维护02v10研讨.pptVIP

学员练习 新建页面，另存为index.html 标题修改为“唐诗三百首” 在body标签中输入相应内容 设置完成后保存页面，通过浏览器浏览效果 实验案例1：唐诗三百首2-2 20分钟完成 需求描述 使用文本相关标签、行控制标签、图片标签完成游戏介绍页面 实现思路 新建页面，另存为index.html 标题修改为“游戏介绍” 在网页中插入相关图片 鼠标悬停提示文字显示为游戏名称 显示替代文字为游戏名称； 输入相关文本，使用br /换行 设置完成后保存页面，通过浏览器浏览效果 实验案例2：游戏介绍页面2-1 30分钟完成 实验案例2：游戏介绍页面2-2 学员练习 新建页面，另存为index.html 标题修改 在网页中插入相关图片，输入相关文本 设置完成后保存页面，通过浏览器浏览效果 需求描述 使用文本相关标签、行控制标签、范围标签、图片标签完成游戏介绍页面 实现思路 新建页面，另存为index.html 标题修改为“商品促销” 网页中插入图片，输入相关文本，使用br /换行 内容“促销信息”为一级标题 鼠标悬停提示文字显示为产品名称 显示替代字也为产品名称 只用连续空格控制文字与浏览器左框的距离； 使用范围标签设定价格的颜色为红色，字体大小为50px 实验案例3：商品促销页面2-1 学员练习 新建页面，另存为index.html 标题修改为“商品促销” 网页中插入图片，输入相关文本，使用br /换行 使用范围标签设定价格样式 设置完成后保存页面，通过浏览器浏览效果 实验案例3：商品促销页面2-2 40分钟完成 * * * * 此处教员进行演示 * * * 字符编码:浏览网页时我们可以通过浏览器的菜单如I.E.)查看-编码进行语言设置; 但如果HTML文件中有这行,浏览器将自动设置相应的语言项 提高被搜索的频率和排名的常用办法： 1、在google等搜索引擎中登录自己的网站（花钱） 2、在知名网站中加入链接（花钱） 3、在论坛中发帖宣传（花时间） 4、设置自己网站的meta标签（提供利于被搜索的信息，容易忽视的好习惯） 设置keyword、description的好处，提高被google、百度等搜索到的命中率和排名。 * 建议基本标签要边讲解边演示，本章是html标签的第一次接触，建议多进行演示，也可以让学员到前面进行演示练习！ 使用Dreamweaver软件编写网页时有提示，可以方便学员制作网页！ * * * * * 这里可能是学员的难点，建议多做几次练习！ 网页中均使用左斜杠，使用绝对路径多为网站或IP地址开头的路径这样方便确认文件的位置，如果使用d：等文件路径形式则该网页只能在本地浏览，其他主机中该位置没有此图片所以无法显示页面中的图片。 * * * * * * * * * * * * B e n e t BENET 4.0 B e n e t BENET 4.0 */32 BENET 4.0 B e n e t BENET 4.0 */35 B e n e t BENET 4.0 */35 第二章 HTML基本标签（一） —— 理论部分 简述网站建设的基本流程？ 如何在网页中插入一个图像？ 如果要设置一个新闻页标题的字体大小为16px，字体颜色为红色，并且加粗显示，该如何设置？ 如何创建一个站点？ 课程回顾 了解HTML文档结构 会使用HTML基本结构创建网页 会使用文本相关标签和行控制相关标签 会使用图像相关标签实现图文并茂的页面 会使用水平线、范围标签设置页面 会为页面添加Flash动画 技能展示 本章结构 HTML基本标签 网页的摘要信息 HTML基本标签（一） 基本结构 编辑工具 在网页中插入Flash对象 HTML文档的基本结构 文本相关标签 水平线标签hr / 行控制相关标签 范围标签span 图像标签img / HTML超文本标签语言 Hyper Text Markup Language 网页的“源码” 浏览器：“解释和执行”HTML源码的工具 什么是HTML HTML告知浏览器如何显示网页 HTML文档的结构 HTML文档的基本结构 html head title我的第一个网页 /title /head body Hello World! /body /html HTML 网页 head头部部分 body主体部分 网页标题 网页内容，包括文本、图像等 这部分包括标题和其他说明信息，包括在 head…/head 标签内 这部分包含文本、图像和链接，它包括在 body…/body 标签内 html…/html标签标记 HTML 文档的开始和结束 HTML编辑工具 记事本创建网页 1、打开记事本 2、输入HTML代码 3、保存为*.html或*.htm文件，注意格式问题