网页设计与制作项目

                     网页设计与制作项目

一、 什么是网页？什么是网站？
网页：web页 实际上是HTML文件，是一种可以在WWW网上传输，并能被浏览器认识和翻译成页面的文件
HTML是“Hyper Text Markup Language”的缩写称为“超文本标记语言”是一种规范，一种标准，是纯文本格式
网站：多个相互之间具有一定联系的网页就是构成了一个网站
欣赏网页 建简单的站点
↑ ↗
初识站点
↓
认识HTML
⑴欣赏网页的布局和配色
①布局的好坏，是决定网页美观与否的一个重要因素
②布局从两方面理解：一种是结构布局；另一种是艺术布局
③布局原则
简洁实用 整体性好 网站形象突出 页面用色协调
⑵网页设计对色彩有很高的依赖
色彩具有色相、饱和度、亮度
色相是区别各类色彩的名称，根据色的光波长划分
饱和度指色彩的纯净程度色彩含色的成分越大，饱和度越大
亮度是色彩的名暗程度
⑶ 颜色模式
RGB模式是计算机中表示色彩最常用的模式，常用于显示输出
CMYK模式用于图像打印
索引颜色模式用于媒体动画的制作和因特网
灰度模式黑白照片
位图模式用黑白两种颜色中的一种表示图像中的像素
双色调模式在黑白图片中加颜色使色调更加丰富
⑷ 建站点
在DreamweaverCS6中建立
站点→新建站点→站点设置对象→保存→关闭“站点设置”
⑸网页基本构成元素
①文本②图像③Logo④Banner⑤多媒体⑥超链接⑦导航栏⑧表格⑨表单⑩页面尺寸
⑹网页制作的专业工具（常用的工具）
①制作网页的专门工具：FrontPage、Dreamweaver
②图像处理工具：Fireworks、Photoshop
③ 动画制作工具：Flash、Swish
④图标制作工具：小榕图标编辑器、超级图标
⑤屏幕抓图工具：HyperSnap、HyperCam、 CamtasiaStudio
⑺HTML文字标签（部分）
①字体标签：指定文字的字体、大小以及颜色
②段落标签

段落段落之间有一定的间隔
③换行

④无序号列表

列表项目前使用项目符号 序号列

：列表项前带有编号，如果插入和删除一个列表项，编号会自动调整
⑻表格标签（部分）
①定义表格的行
②定义表格单元格
③定义表格列的属性
二、网页的基础元素——文本和图像
文本的操作和图像的操作主要是上机操作练习
主要根据一、的步骤操作