《信息技术》6.2:网页制作(共34张PPT)
浙教版必修信息技术基础《第六章网页的设计与制作6-2网页制作》优秀教案设计
6.2节制作主页“滇之茶韵”课时数:1课时⏹教学内容分析一、学习目标1、掌握FrontPage2003设置网页属性(网页标题、网页背景和背景音乐等的设置);2、掌握网页的编辑排版方法(文字、段落的编辑排版;利用表格图文混排、图片、水平线插入,文本复制插入等);二、重点难点重点:1.网页属性(网页标题、网页背景和背景音乐等的设置);2.利用表格图文混排、文本复制插入;3.网页文件保存(图片、声音等分类保存)难点:1.利用表格图文混排、表格属性设置⏹教学内容一、Frontpage2003的基本界面及操作1.启动Frontpage的方法2.界面:任务窗格、视图切换区3.操作:视图切换的作用(设计、拆分、代码、预览)拆分可看到设计视图和代码视图二、制作“滇之茶韵”主页演示“滇之茶韵”,让学生有了感性认识后来开始学习制作网页。
本节以上机作业“制作主页.doc”来引导学生掌握制作网页的基本步骤:可由老师分四个环节:①新建并保存网页;②网页属性设置;③表格布局网页;④插入文字图片素材并修饰编辑;⑤保存浏览网页.分步骤演示后学生接着操作,这样学生完成效果不错!全部讲完再操作,学生完成较差!再次强化学生操作的基本思路:首先考虑右单击操作,右单击不行,考虑菜单栏操作。
在学生完成上机作业还剩余5分钟左右讲评作业问题。
(一)新建网页、保存网页的操作(网页的文件类型*.htm或*.html)(二)网页属性设置1.网页标题:网页标题与网页文件名的区别2.网页背景音乐3.网页背景:背景颜色、背景图片(三)、利用表格布局网页我们除了用表格组织来数据之外,还可以用表格来组织布局网页内容。
1.插入表格:“表格”菜单2.表格属性设置:表格指定宽度,对齐方式,表格边框粗细、行、列插入删除、单元格合并拆分,背景设置。
右单击操作为主★提醒学生区分“网页属性”、“表格属性”、“单元格属性”设置中背景设置的不同效果——作用的范围不同。
(四)插入文字图片:◆插入文字1.文字输入:(以主页中“版权信息”为例讲解不同回车的效果)●直接输入:(1)段落回车:Enter键(2)行回车:Shift+Enter键●文本导入:(1)复制粘贴输入已有文本;(2)“插入”→“文件”→导入word或.txt文本内容2. 文字段落修饰:正文一般设置为10磅,段落行距1.5倍◆插入图片1.插入图片2.插入水平线(五)、保存浏览网页文件1.注意素材对象保存位置设置。
高中信息技术_网页制作教学课件设计
超链接的出现使网上浏览变得更加便捷,只须用鼠 标轻轻点击,便能够轻松地从一个页面跳转到另一 个页面,从一个WEB 站点跳到领一个WEB站点。 超链接就是一些特殊的文本或图像,是其它页面的 入口。
①选中超链接源(可以是一个字符、一个单词、 一句话、或一幅图)
②选择“插入”菜单中的“超链接”命令,或单 击 “常用”工具栏的“超链接”按钮,则弹出
调整页面背景与主题呼应
5、插入超链接
课下作业:
请同学们以小组为单位,给我们的校 园制作一个网页
单击菜单栏“插入——图片——来自文件”(D: \制作牡丹资料\images\任意一幅图片)
调整图片的属性 右击图片,在弹出的快捷菜单中单击“图片属性” 命令,弹出“图片属性”对话框 ,请尝试通过修改对话框中的参数将图像大小设为 宽200像素、高200像素。
(3)设置页面效果
将网页背景设置为图片
页面空白处右击,弹出快捷菜单,点击“网页属性” 弹出“网页属性”对话框,点击“格式”在“背景 图片”前打“√”,然后单击通过“浏览”找到图片 即可。
(4)、设置表格属性
在页面中为了突出导航栏链接的文本,我们可以 设置导航栏中表格的背景色为灰色。 选中导航栏单元格,右击,在弹出的快捷菜单中 选择“单元格属性”命名,在背景色中选择灰色。
设置表格属性 在页面中为了突出导航栏链接的文本,我们可以 设置导航栏中表格的背景色为灰色。 选中导航栏单元格,右击,在弹出的快捷菜单中 选择“单元格属性”命名,在背景色中选择灰色。
“创建超链接”对话框,在该框中列出了当期 Frontpage中打开的Web站点中的文件夹和文件。 ③在该对话框的文件列表中,选择要建立链接的 目标文件。 ④单击“确定”按钮,超链接建成。
浙教版信息技术第六章《网页的设计与制作》p精品PPT课件
6.2 通过邮件接收表单
表单中的信息输入完毕以后需要将信 息提供给服务器端的相关人员,用户可以 通过表单域属性面板中的“动作”属性指 定通过电子邮件接收表单数据。
在属性面板的“动作”文本框中输入 mailto:***@***.***,也就是在mailto 后面加上邮件地址。在浏览者提交表单后, 会弹出窗口询问是否继续以电子邮件形式 提交,单击“确定”按钮,浏览器会自动 打开Outlook或Outlook Express,将表
第六章
讲解提纲
Байду номын сангаас.1 创建表单 6.2 通过邮件接收表单 6.3 制作跳转菜单
6.1 创建表单
使用表单,可以帮助Internet服务 器从用户那里收集信息,它由两部分组成: 前台显示页面和后台处理程序。前台显示 页面用于显示表单的内容,主要包括文本 域、单选按钮、复选框、菜单和提交按钮 等。后台处理程序用于处理用户提交的表 单数据。
6.3 制作跳转菜单
跳转菜单利用菜单表单元素形成各种 选项的列表,一旦选中某个选项,浏览器 就会立即跳转到—个新网页,
将光标定位后,单击“表单”工具栏 上的“跳转菜单”按钮,弹出“插入跳转 菜单”对话框,根据提示输入相应内容, 点击“确定”按钮即可。
; 九九电影网
九九电影网
淘宝优惠券网
天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014
三年级下册信息技术苏科版 6.2 制作数字作品(课件)
特殊键
名称 回车键
光标 控制键
空格键
功能
按一下可以 换行
控制光标移 动方向(只 能在使用过 的区域)
产生一个空 的位置
4
二、制作图文作品
(二)文字资源的处理
不同的输入法
中文状态
输出中文
英文状态
输出英文
5
二、制作图文作品
(二)文字资源的处理 1.将文字资源复制到文字处理软件中,并对文字进行加工处理。 2.回顾自己的操作过程,小组讨论并归纳:在操作过程中使用了
12
二、制作图文作品
(三)图片资源的处理 方法小结:
13
二、制作图文作品
(四)文档再美化 对比下列两个作品,说一说它们的不同,并根据需要在作品里自主
添加形状或艺术字。
14
三、了解海报作品的制作
1.尝试打开图片处理软件,尝试进行操作,交流自己的尝试过程。 2.根据自己的理解在选中的图片上输入文字,制作完成一个数字作品。
图文并茂作品制作的注意点
18
七、知识梳理
制作数字作品
图文作品 文字处理
图片处理
海报作品
音视频作品
多媒体作品
19
谢 谢!
哪些方法。
6
二、制作图文作品
(二)文字资源的处理 1.找出两个作品的不同,尝试对文字进行加工处理。 2.讨论一下,是否文字颜色越多越好?说出自己的理由。
7
二、制作图文作品
(三)图片资源的处理
尝试插入图片,告诉大家:你是如何操作的?使用不同方法插入的 图片有不同的地方吗?
方法一 方法二 方法三 方法四
第2课 制作数字作品
一、知识回顾
人教版小学信息技术 网页制作 名师教学PPT课件
【实践演练】 制作简单的网页
要求: 1.每组须完成:1个主页,至少2个子网页。 2.主页要有链接到子网页的文字。 3.每个网页均要有
设置超链接: 1.将作者姓名与自己的电子邮件地址进行超链接。 2.小组成员合作完成主页和子网页之间的超链接的设置,并检验链接的正确性。
网页制作
网页制作
【知识梳理】
1、如何使用网页制作工具FrontPage新建一个网页? 2、如何将制作的网页保存为指定的文件名? 3、制作网页时如何用表格来进行网页布局? 4、如何在网页中放置图片? 5、如何设置超链接?
【问题探究一】
如何使用FrontPage新建网页?
启动FrontPage
“文件”菜单→新建→网页
右单击网页空白区域→网页属性
1、新建网页
2、设置网页属性
(标题、背景音乐及背景)
• “表格”菜单→插入 • 右单击表格→表格属性
3、插入表格布局网页
• 段落回车:Enter键 • 行回车:Shift+Enter键
4、输入文字
“文件” 菜单→”保存“
4、插入图像
5、保存网页(*.htm)
• “插入”菜单→图片 • “插入”菜单 →水平线
【实践演练】
成果展示: 请各小组代表进行成果展示,学生和老师点评作品。
【总结归纳】
1.新建一个网页(操作流程)
FrontPage
2.首页一般命名为index.htm 3.用表格进行网页布局
The End!标题文
【问题探究二】
如何设计制作网站主页?
一个网站主页的文件名一般是 index.htm 或 index.html (1)FrontPage2003中,新建一个网页并把网页文件名改为网站首页的默认
六年级信息技术 《网页制作初步》课件
了解网页二
1、 HTML语言 HTML,也叫超文本编辑语言。几乎所有的网页都是
用html语言编写的。 2、 浏览器的作用 我们的同学现在都会使用浏览器了。那么他是怎么工
作的呢?其实我们在地址栏输入网页的URL后回车, 浏览器就会根据这个地址去查找相应的网页。 浏览器找到这个html文件后,不是显示它内部的这 个语句,而是根据这个语句的意义进行解释,然后把 这个解释结果显示出来,很像我们的翻译文字那样。
• 单击此处编辑母版文本样式
谢谢观赏 – 第二级 • 第三级 – 第四级 » 第五级Y o u m a d e m y d a y !
我们,还在路上……
了解网页三
3、 网页中的多媒体 网页中的图片、动画、声音其实都是一个个独立的文
件,它们本身并不是网页文件的一部分,实际上网页 只是通过HTML语言来告诉浏览器所需的这些多媒体 文件的位置和名称。
前期准备
(1)确定网站主题 (2)准备素材
网站的基本结构
示例: 首页:欣云屋
原
天动 飞
创
籁感 跃
作
之地 无
品
音带 限
月走
亮 宝
出 困
狼
贝惑
我 的 梦
我 的
未
漂 洋启动frontpage方法:点击开始菜单,选择程序 下面的Microsoft Front page。
进去以后,我们在里面尝试着去作些操作, 然后把这个文件保存到桌面。
留意这个文件的扩展名是什么。(htm或者 html)
强调文件的主文件名必须是英文或者数字, 不能使用中文,以免出错。另外不同的文件 要分类保存。
网络存储
上传:打开邮箱--网络存储--浏览--选择文 件--上传;
网页制作 课件 2023—2024学年教科版高中信息技术选修 3
教学PPT
03
准备教学PP教学方法选择
演示法
通过展示实例网页,让学生直观地了解网页的基本结构和组成,同时演示如何进行各种操 作,如插入图片、背景图、剪贴画、水平线、Flash动画等。
任务驱动法
通过布置任务,让学生自主完成实例网页的制作,并要求学生对自己的作品进行展示和讲 解,从而培养学生的动手能力和自主思考能力。
图片素材
准备一些图片素材,用于 帮助学生制作网页。
教学视频
准备一些教学视频,用于 辅助学生学习网页制作。
教学工具准备
计算机和网络
01
每个学生配备一台计算机,并接入网络,方便学生查找资料和
上传网页。
Frontpage 2003软件
02
每个学生安装Frontpage 2003软件,方便学生进行网页制作。
通过合作探究的教学方法,培 养学生团队协作和交流能力。
通过自主学习和教师的讲授相 结合,使学生熟练掌握 Frontpage 2003网页制作。
情感态度价值观
激励学生热爱学习,积极主动学 习FrontPage 2003操作。
通过制作景点网页,培养学生热 爱家乡的情感,为连云港旅游事
业的发展做出贡献。
4.3.2 网页制作
目 录
• 教材分析 • 学情分析 • 教学目标分析 • 教学重点与难点分析 • 教学准备分析 • 教学策略分析 • 教学任务实施 • 总结与展望
01
教材分析
课程背景
• 《Frontpage 2003网页制作》是高一年级课本中的一节课,本 节课是一节理论和实践操作课,通过已经完成的网页实例演示 让学生自己总结出网页的基本结构及组成,激发学生学习网页 的兴趣和学习主动性。
03
网页制作PPT课件
CSS最早在1996年由W3C发布,经过多个版本的发展,目前最新的版本是CSS3,增加了许多新的特性和 功能。
CSS选择器
元素选择器
通过HTML元素名称来选择并应用样式,例如`p { color: red; }`会将所有段落的文本颜色设置为红 色。
ID选择器
通过ID来选择并应用样式,以`#`开头,例如 `#myID { font-size: 20px; }`会将ID为myID的元 素的字体大小设置为20像素。
类选择器
通过类名来选择并应用样式,以`.`开头,例如 `.myClass { background-color: yellow; }`会将 所有class属性为myClass的元素的背景色设置为 黄色。
属性选择器
通过元素的属性和值来选择并应用样式,例如 `[href] { text-decoration: none; }`会将所有带有 href属性的元素的文本装饰去除。
表单验证
为了提高用户体验和确保数据准确性,需要对表单进行验证,如检 查输入格式、验证必填项等。
交互设计
通过合理的布局和美观的设计,使表单易于填写和提交,同时提供 友好的用户反馈,如错误提示、成功提示等。
导航菜单设计
1 2
导航类型
根据网页结构和内容,可以选择合适的导航类型, 如水平导航、垂直导航、面包屑导航等。
React框架介绍及使用
JSX语法
React 使用 JSX 语法,允许在 JavaScript 中编写 HTML 结构, 提高了开发效率。
组件化开发
React 同样支持组件化开发,可以将页面拆分成多个独立的组件。
状态管理
React 提供了状态管理功能,可以方便地管理组件的状态和数据。
高中信息技术 浙教版必修1 6.2 网页制作(共18张PPT)
插入动画
交互式按钮、滚动字幕给网页增加了动感效果,如果再 插入一些Flash动画或视频,网页的动感效果会更加生动。
在网页中如果需要插入电影、录像、播放器等控件, 则执行“插入” “Web组件” “高级控件”命令, 选择“插件”按钮,弹出“插件属性”对话框,在“数 据源”文本框内输入文件名,根据对话框的提示,设置 控件大小、对齐方式等属性,单击“确定”按钮,就能 够完成多种形式的多媒体信息的插入。如书上图2-39所 示,插入“环境污染”录像文件。
谢谢
03 任务三:让网页更具活力
学习目标
掌握网页中滚动字幕、交互式
按钮的制作方法及属性设置,学会
在网页中插入多媒体信息的方法。
添加滚动字幕 滚动字幕是指在浏览器中能够
看到的滚动的文字,它可用于发布 站点的通知和提示信息。由于字幕 具有动态特点,容易吸引访问者的 注意。
制作交互式按钮
网页制作过程中,为了方便用户浏览或 提交信息,网页中常常提供了具有交互功能 的按钮、交互的图片、交互的文字……
思考
在首页制作过程中,你所插入 的图片是如何定位的?在浏览网页 时,是否发生过图片位移动的现象? 你是如何解决的?
02 任务二:运用表格制作网页
制作表格
在制作表格时应多用表格嵌 套形式,这样可以保持单元格的 相对稳定,不会出现单元格调整 时的相互牵连。
思考
掌握表格、表格嵌套 制作方法,能够设置表格 及单元格属性,排列表格 中的文字、图片等内容。
(1)网站的标题为“地理知识天 地”,标题与网页正文之间有一条水 平线隔开。 (2)标题左边有一个网站标志图。 (3)展示了一段关于网站主题的文 字介绍。 (4)网页设置了适当的背景图片和 背景音乐。 (5)网页中有链接按钮图片。 (6)网页的文件名为“index.htm”。
高中信息技术浙教版必修1 6.2 网页制作(共18张PPT)
长
武
开
张
武
沙
汉
封
家
当
界
山
3.分组协作
1.各小组选择不同地理分区,为子网站的首页设置标题。
前
期 2.在网站的策划与构思阶段,完成组内分工,手绘网页布局图。
准
备 工
3.在素材的收集和整理阶段,收集并对素材进行了简单的处理。
作
4.在网页制作初级阶段,将手绘布局图用软件进行了表格布局。
3.分组协作
为了拍照,你可以去周游列国, 而且都是在最美的时刻按下快门。别 人看到的只是照片的定格,你却享受 到了全部的过程。
谢谢!
小组
第1组 第2组 第3组 第4组 第5组 第6组
地理分区
西北 西南 华南 华北 华东 东北
各组地理分区选择表
主页名称
西北风光 魅力西南欢迎你 凤腹育璀璨,无悔梦华南
拾忆华北 华东-我们的目的地
东北美食汇
3.分组协作
各组手绘网页布局图
监 狱宣教 科实习 报告心 得范文 编 号:____ _
学 校:____ _____ 教 师:____ _____ ___ _年___ 月___ 日 (此 文内容 仅供参 考,可 自行修 改) xxx x年,我 在省监 狱管理 分局政 治处宣 教科实 习,从 月日至 月日,整 整两个 星期, 共 计 十个工 作日。 省 监狱管 理分局 是省司 法厅直 属监狱, 已有建 场五十 年的历 史,四 面环水, 仅有一 条 道 路通往 外界,是 天然的 监狱, 这是我 的家乡, 是生我 养我的 地方。 政治处 宣教科 , 主 要职责 是采访 、拍摄 近期发 生的有 影响的 事件,每 周编辑 出一期 当地的 电视新 闻 ,并 在省监 狱系统 的网站 上发布 新闻消 息,以 及橱窗 宣传栏 的设计 和制作, 等其他 和 宣 传有关 的所有 事件。 我 实习期 间的主 要工作 有摄像 和写电 视稿,参 与编辑 ,后期 配音制 作成电 视新闻, 也 写 些通讯 发布在 网站上 。 实 习期间, 我参与 了几次 监狱党 委召开 的重大 会议拍 摄与编 辑,学 会了怎 样处理 政 治 类新闻 的基本 能力,和 拍摄也 写稿之 间的协 调。拍 写政治 新闻, 一定要 牢记各 位 领 导的姓 名与职 务,在编 写时要 注意排 名和称 号不能 有错。 同时在 拍摄时 要注意 摄 像 的角度 和时长, 以便在 后期编 辑时方 便采集 和处理 ,变化 角度是 为了防 止视觉 疲 劳, 在遇到 一些领 导发言 较长时 ,就需 要摄像 时间
2024版《信息技术》完整版教学课件
在选择编程语言时,应考虑语言的应用领域、学习曲线、社区支持和未
来发展前景等因素。对于初学者,建议从Python、Java或C等通用编程
语言入手。
算法的概念与分类
算法的概念
算法是一组用于解决特定问题的明确指令,它描述了从输入到输出的计算过程。算法具有有 限性、确定性、输入项、输出项和有效性等基本特征。
信息技术的发展
从早期的计算机器、电子管计算机,到晶体管计算机、集成电路计 算机,再到现在的微处理器和互联网技术的发展,信息技术经历了 飞速的发展。
信息技术的重要性
促进社会进步
信息技术已经成为推动社会进步的重要力量,它改变 了人们的生活方式、工作方式和学习方式。
提高生产效率
信息技术在生产领域的应用,使得生产过程更加自动 化、智能化,从而提高了生产效率。
05
数据库系统与应用开发
数据库系统概述及发展趋势
数据库系统基本概念
包括数据、数据库、数据库管理系统 (DBMS)等核心概念的解释与区分。
数据库系统发展历程
数据库系统发展趋势
探讨数据库技术未来的发展方向,如 大数据、云计算、人工智能等新兴技 术对数据库系统的影响和推动。
从文件系统到数据库系统的演变过程, 以及数据库技术的不断发展和完善。
及资源共享的系统。
计算机网络的功能
包括数据通信、资源共享、分布 式处理等,为用户提供高效、便
捷的信息交流方式。
常见网络设备
路由器、交换机、服务器等,是 实现计算机网络功能的关键设备。
03
办公软件应用技能
Word文字处理软件
01
02
03
04
文档创建与编辑
掌握新建、打开、保存文档的 基本操作,学习文本输入、复 制、粘贴、删除等编辑技巧。
辽师大版信息技术六下第4课《做一个简单的网页》课件
二、搭建网站
【例】
不知道哪个是网站主页 不提倡使用中文命名网页
二、搭建网站
4、初步认识Dreamweaver ✓ 创建站点管理 ✓ 新建、保存、关闭、打开网页 ✓ 快捷预览网页效果:F12
二、搭建网站
创建站点管理的步骤: ✓ 点击“站点”菜单,选择“新建站点” ✓ 选择“高级”页、“本地信息” ✓ 设置“站点名称”、“本地根文件夹”、
Fireworks
二、搭建网站
二、搭建网站
2、网站的根目录
一个网站是多种文件的集合(当然包括网页文件), 在电脑中我们一般使用文件夹存放文件,所以在电脑中 我们也使用一个文件夹来存放一个网站的文件。这个文 件夹称为网站的根目录。每个网站都应该有对应的根目 录。
由于一个网站包含的文件往往很多,我们也提倡在 每个网站根目录中再创建多个子文件夹,来分类存放该 网站的文件。【例】
“默认图像文件夹”,确定即可。
二、搭建网站
新建网页: ✓ 点击“文件”,选择“新建” ✓ 选择“基本页”、“HTML”,创建即可。
二、搭建网站
保存网页: ✓ 点击“文件”,选择“保存”,或直接按
CTRL+S键 ✓ 输入文件名,点击保存即可。
二、搭建网站
打开网页:
✓ 点击“文件”,选择“打开 ✓ 找到要打开的文件,双击该文件即可。
或找到要打开的文件,单击它,然后点击 “打开”按钮
二、搭建网站
【练习】
在dreamweaver中为网站“myweb”创建 站点管理,并且新建一个主页,命名为index, 保存在html文件夹中。( 若命名时不谨慎删除 了后.html,保存的时候dw会自动补上)
二、搭建网站
5、安排网页的版面:使用表格 ➢ 添加网页内容之前,应该先计划网页的版面
全国优质课一等奖初中八年级信息技术《制作网页》获奖课件
第二节《制作网页》
五、简单装饰网页
2.更改网站首页标题
双击网页编辑窗口顶部的“欢迎光临我的网站!”文字,在弹出的 “网页横幅属性”窗口中,在网页横幅文本下输入更改标题的内容, 更改成“欢迎进入我的空间站”。
任务:更改网站首页标题
8
返回
第二节《制作网页》
五、简单装饰网页
讨论与交流: 回想以前学习过的在word插入图片等素材的方法, 探索在Frontpage中插入文字、图片等方法,完成网 站首页制作。
标题栏
菜单栏
工具栏
工作区 视图栏
5
返回
第二节《制作网页》
四、创建个人网站站点
文件——新建——其他网站模板——选择 “个人网站——保存位置——确定”
认识站点的内容
任务: 创建个人网站站点
6
返回
第二节《制作网页》
五、简单装饰网页
1.改变网页主题 格式——主题——选择主题风格
任务:改变网页的主题
7
返回
第三章 设计主题网站
第二节《制作网页》(第1课时)教学设计
1
第二节《制作网页》
学习内容 一、认识制作网页软件 二、打开和退出Frontpage软件 三、了解Frontpage界面组成 四、创建个人网站站点 五、简单装饰网页
2
第二节《制作网页》
一、认识制作网页软件 网页制作软件
网页制作工具有很多种,如用记事本、Word也能做出网页,但 网页上的许多效果是做不出来的。 1.FrontPage是一款优秀的网页制作。 2.网页制作三剑客:Dreamweaver、 Flash、Fireworks
3
返回
第二节《制作网页》
二、打开和退出Frontபைடு நூலகம்age软件
高一信息技术:《网页设计》课件(教学精选)
图像
▪ 丰富多彩的图像是美化网页必不可少的元素,用 于网页上的图像一般为JPG格式和GIF格式。网 页中的图像主要有用于点缀标题的小图片,介绍 性的照片,代表企业形象或栏目内容的标志性图 片(即LOGO),用于宣传的广告(即Banner) 等多种形式。
超级链接
▪ 超级链接是Web网页的主要特色,是指从一个网 页指向另一个目的端的链接。这个“目的端”通 常是一个网页,也可以是下列情况之一:相同网 页上的不同位置、一个下载的文件、一幅图片、 一个E_Mail地址等。超级链接可以是文本、按钮 或图片,鼠标指向超级链接位置时,会变成小手 形状。
黑色 深沉、高贵、庄严、优雅 适合于与许多颜色搭配
紫色 高贵、神秘、启发
由于具有强烈的女性化性格,所以在网页设计中,除了和女 性有关的商品或企业形象之外,其他类的网站一般不采用紫 色作为主色
网页页面元素的设计
▪ 网页是由文本、图像、动画、超级链接等基本元 素构成
文本
▪ 一般情况下,网页中最多的内容是文本,可以根 据需要对其字体、大小、颜色、底纹、边框等属 性进行设置。建议用于网页正文的文字一般不要 太大,也不要使用过多的字体,中文字体一般使 用宋体,大小一般使用9磅或12像素即可。
网站的核心
网站是以数据为核心,以服务器为基础的“浏览 者-管理员-系统管理员”相互关联系、相互促进、 有机制约的信息化整体。网页则是静态页面各自 为政,仅仅提供链的HTML文件。
制作网页的专业工具
▪ 制作网页的专业工具的功能越来越完善,操作也 越来越简单,处理图像、制作动画、发布网站的 专业软候要注意把文字、图片在网页空 间上均匀分布并且不同形状、色彩的网页元素要 相互对比,以形成鲜明的视觉效果。
LOGO网站的设计
八年级上册信息技术网页制作教学课件PPT北师版
像这样 网站里的每一页 都称为网页
网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,您的网站就是由网页组 成的,如果您只有域名和虚拟主机而没有制作任何网页的话,您的客户仍旧无法访问您的网站。
Байду номын сангаас
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
文本表格互转:选中对象,点击“表格”菜单——“转换 ”——“将文本转换成表格”
浙教版高一必修《信息技术》6.2:网 页制作 (共34 张PPT)
浙教版高一必修《信息技术》6.2:网 页制作 (共34 张PPT)
三、修饰网页(表格)
配色方案的操作:
*点击菜单“格式”--“主题” *点击任务窗口---“主题” *点击某个主题右击--“自定义”
3、 设计草图
二、站
1.制作网站的流程
主题
版面
编辑
风格 素材 测试
规划 配色 上传
网站的设计原则
1)目标明确,重点突出 2)主题鲜明,层次清晰 3)合理设置栏目 4)正确定位整体风格 5)页面布局合理 6)色彩搭配,和谐统一 7)多媒体功能适当应用。
设置细线边框: 方法:首先打开“表格属性”,将边框颜色与背景颜
色均设置为黑色,边框线设为0。再选中所有“单元 格”,点击“单元格属性”,将单元格的边框颜色 与背景颜色改为白色;最后再次打开“表格属性” ,将单元格间距设为1即。
原理:利用表格的底纹(黑色)与单元格的底纹( 白色),中间有单元格与单元格之间的距离,然后 就产生了这条细线。
2、保存:单击 “文件”/“保存”,为文件起个名字,并修 改“保存位置”为D盘上“座号姓名”文件夹,然后单击“ 确定”。这样所有网页使用的文件都放在这个文件夹中,便 于使用和管理。例如:888张三
二、编辑网页
3、设置网页属性:在 网页上方右击,选 中“网页属性”; (1)修改标题 (2)修改边距
注意:标题与名称区别
4、网站元素级别
网页1 网站 网页2
文字 表格 图片
网页3
动画 视频
二、编辑网页
新建网页:单击命令菜单栏中的“文件”,选择“新 建”,在屏幕的右面出现一个“新建”工具栏, 选择“新建网页”下的 “空白网页”,于是一个 新的网页“new_ page_ 1.htm”就产生了。
二、编辑网页
1、预览:单击屏幕左下角的“预览”按钮,于是新网页在浏 览器下的显示效果就出现了。再单击“设计”返回页面设计 状态,可以继续修改。也可以单击菜单栏“文件”下的“在 浏览器中预览/ Microsoft Internet Explorer”或直接按 <F12>键可以在IE下预览制作的网页。
2、插入符号:在“插入”菜单---“符号”对话框,可以添加 所需要的符号。
浙教版高一必修《信息技术》6.2:网 页制作 (共34 张PPT)
浙教版高一必修《信息技术》6.2:网 页制作 (共34 张PPT)
三、修饰网页(表格)
新建表格:点击“表格”菜单---“插入”---“表格”对话框 删除表格:选中表格---“表格”菜单---“删除单元格”或按
二、编辑网页(文本)
删除文本格式:
方法1:选中文字,在字体对话框里进行更改。这样 速度很慢。 方法2:选中文字,点击“格式”菜单---“删除格式 ”(快捷键ctrl+shift+z) 方法3:撤消(快捷键ctrl+z)
❖ 撤销、恢复 : ctrl+z、 ctrl+y ❖ 格式刷:如果要连续使用格式刷,可以双击“格式刷”,
复制,后再粘贴即可。
移动:
方法1:选择文字,点击“编辑”菜单---“剪切 ”Ctrl+X 方法2:选择文字,按住鼠标左键拖动放到存放的位置即 可。
浙教版高一必修《信息技术》6.2:网 页制作 (共34 张PPT)
二、编辑网页(文本)
设置段落格式:
1、 段落间距:(1)直接按“enter”键换行,距离较大。其代 码<p>;(2)、直接按“shift+enter”键换行,距离很小 。其代码<br>;
浙教版高一必修《信息技术》6.2:网 页制作 (共34 张PPT)
浙教版高一必修《信息技术》6.2:网 页制作 (共34 张PPT)
三、修饰网页(表格)
添加、删除标题:将光标放在任意一个单元格上,点击“表 格”菜单”—-“插入”---“标题”
合并单元格:选中两个或以上单元格右击——合并单元格或 选中“表格”菜单——“合并单元格”。
即可多次使用,再次点击“格式刷”可取消。
❖ 添加边框、底纹:点击“格式”菜单---“边框和底纹”
二、编辑网页(文本)
复制:
方法1: Ctrl+c、Ctrl+v 方法2:选择文字,按住“Ctrl”键 ---拖动鼠标左键放到存放的 位置即可。
剪贴板:先打开“编辑”菜单---“office剪贴板”,选择多个对象
注:1、先输入文字,再进行排版。 2、边输文字边排版。
二、编辑网页(文本)
选择文本:
方法1:按住鼠标左键拖动即可 方法2:按住“shift”键选择连续文本 方法3:连续按鼠标左键三次可选中整段文字 方法4:按住“alt”键,点击鼠标左键可选中整段 文字
❖ 设置文本格式
方法1:选中文字右击---“字体” 方法2:按住“格式”菜单---“字体” 方法3:在格式工具栏,也可以设置字体
DEL键即可删除 添加单元格、行和列:在“表格”菜单---“插入”---“单元格
” 删除单元格、行和列:将光标放在单元格上,点击“表格”菜单
—-“选择”---“单元格”,再点击“表格”菜单---“ 删除单元格”。行和列方法相同。 选择表格、单元格、行、列:将光标放在单元格上,点击“表格” 菜单”—-“选择”---“单元格、行、列、表格”。
6.2 网页制作
1、网站规划
1 网站的风格
根据个人需要设置网站风格,如: 活泼、清纯、庄严。
2 网站的结构
网站如一本书,需要有大纲,主 要目录、具体内容
3 网站的配色
颜色的搭配非常重要,怎么配色 才能吸引用户进来观看
2、 色彩搭配
红色 橙色 蓝色 绿色 紫色 黑色 灰色 白色
热情 时尚 宁静 清新 神秘 深沉 高雅 明快
二、编辑网页(文本)
1、直接输入汉字:在新建的“new_ page_ 1.htm”页面上输 入汉字信息,并进行字体、字号、颜色等相关修饰。
2、 导入文字:打开“插入”菜单---“文件”(注意选择文 件的类型),就可以插入你需要的内容。 注意:导入文字内容的格式,如:word、wps、txt、 htm等
浙教版高一必修《信息技术》6.2:网 页制作 (共34 张PPT)