《网页设计与制作》全套课件 收藏

问题思考： 还有哪些方式可以新建一张网页？
三、编辑网页
1、预览：单击屏幕左下角的“预览”按钮，于是新网页在浏 览器下的显示效果就出现了。再单击“设计”返回页面设计 状态，可以继续修改。也可以单击菜单栏“文件”下的“在 浏览器中预览/ Microsoft Internet Explorer”或直接按 <F12>键可以在IE下预览制作的网页。 2、保存：单击 “文件”/“保存”，为文件起个名字，并修改 “保存位置”为D盘上“座号姓名”文件夹，然后单击“确 定”。这样所有网页使用的文件都放在这个文件夹中，便于 使用和管理。例如：888张三 思考题：1、怎样找到你的文件夹？ 2、如何修改已经存盘后的网页文件？


Hale Waihona Puke Baidu


第一部分： MS FrontPage 2003 应用 第二部分： Flash 2004 动画制作 第三部分：网站建设一条龙 第四部分：实际技能训练 第五部分：Dreamweaver简单应用 第六部分：免费网站空间的申请 第七部分：课件下载地址
第一部分：
Microsoft Office FrontPage 2003
打开“文件”菜单， 可以看到：
打开 打开网站
3、站点管理
文件夹列表打开：点击 菜单“视图”---“文件夹 列表” （Alt+F1）。 在文件夹列表里，可以 新建文件夹、更改正文件夹 名称及删除文件夹等操作 ， 注意它的级别（层次）。
三、编辑网页

新建网页：单击命令菜单栏中的“文件”，选择
“新建”，在屏幕的右面出现一个“新建”工具 栏，选择“新建网页”下的 “空白网页”，于是 一个新的网页“new_page_1.htm”就产生了。
三、编辑网页

设置网页属性：
在网页上方右击， 选中“网页属性”； (1)修改标题 (2)修改边距
思考：标题与名称区别
网站、网页的概念 2.1 什么是网页
用HTML语言编写的文件称为HTML文件，以页面的形式呈 现在用户的屏幕上。
2.2 网站
存放网页的服务器 。因特网上一块固定的面向全世界 发布消息的地方，由域名(也就是网站地址)和网站空间构成 ，通常包括主页和其他具有超链接文件的页面。
2.3 两者关系
网站包含网页，一张网页最多是一个网站

交互功能
Internet区别其他媒体的一个重要标志是它的交互功能。例如：向某网站购 买商品时，提交相关的个人信息等。通常网页的交互功能都是利用表单来实现 的。
制作网页的基本工具

目前网页制作有两种方法：一种是利用网页制作工具进行制作，如使 用FrontPage、Dreamweaver等；另一种是采用HTML超文本标识语言的 专用格式来进行编制。
动画
网页3
视频
2、创建、关闭站点


利用模板创建 ：点击 “文件”—“新建”— “由一个网页组成的网 站”，选择所要的网站 模板。 关闭网站：点击菜单 “文件”---“关闭网 站”，这样即可关闭正 在编辑的网站。
打开“文件”菜单，可 以看到：
关闭 关闭网站 退出
3、站点管理


打开站点：点击菜单“文 件”---“打开网站”，这 样即可打开需要编辑的网 站。 重命名站点：点击菜单 “工具”---“网站设置” --“常规” ---“网站名称”， 在对应的文本框里即可更 改你想要取的名字。
(1)FrontPage (2)Dreamweaver：与Fireworks8、Flash8构成网页三剑客
课 程 教 学 进 度 表
(2011 至2012 学年 第 2 学期) 校选课 2012年 级 1、2 班 总学时数： 36 讲授 18学时 实践性教学环节 18 学时 填表时间：2012-2-5
根据个人需要设置网站风格，如： 活泼、清纯、庄严。
2
网站的结构
网站如一本书，需要有大纲，主 要目录、具体内容
3
网站的配色
颜色的搭配非常重要，怎么配色 才能吸引用户进来观看
4、 色彩搭配
红色 橙色 蓝色 绿色 紫色 黑色 灰色 白色 热情 时尚 宁静 清新 神秘 深沉 高雅 明快 配色方案的操作：
*点击菜单“格式”--“主题” *点击任务窗口---“主题” *点击某个主题右击--“自定义”
学生作品
上课要求：
要求：严格按照老师安排的实验内容上实验， 不允许玩游戏等，一旦发现取消上机资格， 实验成绩为零分； 请假：要有辅导员签字的假条送给本课程老 师。

基本概念： 1、什么是网页、网站？ 2、网页有哪些构成要素？ 3、常用网页设计工具有哪些？ 4、网站怎么做？
构成网页的基本要素

文字：标题、字号、字型等； 图形：菜单按钮、背景图形 链接标志：http://www.hao123.com/ 声音和视频:
1、声音是多媒体网页的一个重要组成部分。网页中常用的声音文件格式有：MIDI、WAV、MP3和 AIF等。 2、视频是网页中的一个重要组成部分。格式有：ReaPlay、MPEG、DIVX等。采用视频文件可以使 网页变得精彩而又生动。
应用
一、FrontPage 2003基本操作
1、启动：用鼠标左键单击“开始”按钮，选 择“程序” 下面的 “Microsoft Office ” / “Microsoft Office FrontPage 2003 ” 2、关闭：单击命令菜单栏中的“文件”，选 择“退出”即可。
1、界面介绍
FrontPage2003的界面
标题栏 菜单栏 常用工具栏 格式工具栏
标记栏
工作区 任 务 窗 口
文件夹列表
视图栏
2、界面操作
界面的移动： 界面不是一成不变，可以按照用户的习 惯自行调整和变化，如工具栏、菜单栏等。 界面的打开与关闭： （1）菜单栏右击即可出现菜单选项 （2）视图菜单 工具栏 工具菜单

3、网站规划
1
网站的风格
5、 设计草图
二、网站

1.制作网站的流程
主题 风格 规划
版面
素材
配色
编辑
测试
上传
网站的设计原则
1）目标明确，重点突出 2）主题鲜明，层次清晰 3）合理设置栏目 4）正确定位整体风格 5）页面布局合理 6）色彩搭配，和谐统一 7）多媒体功能适当应用。
网站元素级别
网页1 文字 表格 网站 网页2 图片