网页制作基础教程.doc

网页制作基础

什么是网页

一般浏览器中打开的都是网页，这些文档是通过超文本标记语言HTML表示出来的；

主页：在网站中默认打开的页面称为主页，也叫首页，主页是进入网站的门户，

网页中包括的内容：

文本，图像，超级链接，表格，表单，多媒体及一些特殊的效果

网站及运作原理

网站是在互联网上一个固定的面向全世界发布消息的地方，它由网站地址和网站空间构成；

网站开发者常常将网站称作为站点，在网站的开发者来说，网站就是在计算机上创建的一个多级的文件夹，并在各文件夹中保存着相关网页文件。

根据站点文件夹所在的位置分为：本地站点和远程站点；

根据服务技术分：静态网站和动态网站

了解HTML语言

HTML是网上用于编写网页的主要语言，使用HTML语言编写的网页文件也是一个标准的纯文本文件，可以使用文本编辑器将它打开，但是该纯文本文件如果使用浏览器打开就会看到排版整齐的网页；

HTML语言标签

HTML标签用来标记网页元素，以形成文本布局，文字的格式及五彩缤纷的画面，HTML的标签分单标签和成对标签两种

基础标签：html/htmlhead/headbody/body

常用动态建站技术

ASP是由微软开发的动态网页技术标准，其原理通过在HTML页面中加入VBJAVA代码，服务器在返回网页之前首先执行这些代码，产生最终的结果。

网站的制作流程及制作工具

初期规划：建站之前，要有明确目的，要明白建立网站的目的，接受对象是哪些群体，要为访问者提供怎样的服务，然后对整个网站进行策划，

中期制作：搭建本地站点，建立文件夹，建立站点结构图，设置页面属性等；

后期工作：全面测试，上传后进行实地测试，完成本地测试后，再上传到服务器，以便进行远程测试；

网页设计工具

Dreamweaver8是最常用的网页编辑工具之一，使用该工具可以在其提供的三种视图中进行网页编辑与修改；

图像处理工具Firework8主要用来对网页中用到的图像素材进行制作或处理，它可以快速地制作和处理网页中图像，

动画制作工具：FLASH8主要用来制作一些精彩的小动画，可以使页面变得更加精美，该软件是目前最流行的，矢量的，具有交互性的图形编辑软件；

第二课创建站点

1、启动：开始——程序——Macromediadreamweaver8（双击桌面的图标）

2、关闭：文件——退出，关闭按钮

3、窗口的组成：标题栏（软件名称，版本号，文件名，最小化，最大化，关闭按钮）

菜单栏：由文件，编辑，查看，插入，修改，文本，站点，窗口等主菜单组成；

插入栏：位于菜单栏下方，有网页制作时常用的元素及命令，如常用，布局等

开始页：打开软件时的页面，该页面位于屏幕中间的大部分区域；

属性面板：一般位于窗口的底部，显示文档，网页元素及相关工具的属性；

面板集：位于窗口右侧，可以快速展开或折叠一些功能面板，

4、创建站点：站点——新建站点——站点名称——否（不用服务器）——建立一个本地文件夹——如何连接远程服务器（无）——完成；

5、编辑站点，复制站点，删除站点，导出站点，导入站点，完成按钮；

6、管理站点中的文件：站点的名称，远程文件管理器，站点文件结构——弹出菜单——视图菜单

文档的新建，保存，打开及属性设置

设置页面属性：修改——页面属性（页面字体，大小，文本颜色，背景颜色，背景图像，页边距，跟踪图像）

第三课：制作网页

1、在网页中插入文本（直接输入文本即可）（换行：ENTER，按SHIFT+ENTER可得到较小的行距；

2、设置字体，大小，字形，颜色，对齐方式

3、在网页中插入图像：插入——图像（图像的大小，对齐方式，边距等设置）

4、插入——层（在层中插入图像，可将图像到处拖动）

5、在网页中插入鼠标经过图像：插入——图像对象——鼠标经过图像（原始图像，鼠标经

3、窗口的组成：标题栏，菜单栏，编辑栏，工具箱，面板集，舞台，属性面板；

4、标题栏：它位于整个窗口的最上方，最小化，最大化，关闭按钮等；

5、菜单栏：由文件，编辑，视图，插入，修改，文本，命令等

6、工具栏：位于整个软件的左侧，分为，工具，查看，颜色和选项四个选项；

绘制卡通房子的练习；

第二课工具的使用

1、直线工具；按SHIFT水平或垂直直线，粗细，端点（尖角，圆角，斜角）

2、钢笔工具：是通过路径来绘制笔触图形的，按CTRL或双击曲线外时，可结束绘图；

3、任意变形：旋转，倾斜，缩放，扭曲，封套模式等；

4、输入文本：文本类型，字体，字号，字体样式，对齐方式；

5、添加滤镜效果：选择对象或文本——属性栏中找到滤镜类型；（删除滤镜）

6、美化图形——设置颜色

7。改变图像的填充颜色（单色，渐变，透明度，

8。导入位图：文件——导入——导入到库

9。填充位图：拖动中心控制点，倾斜控制点，