网页设计教学大纲_珠海网站设计培训学校

网页设计行业内也叫网站设计,指的是HTML,CSS,JS,平面设计为主的课程,当然DW (Dreamweaver)是综合前三者的工具。
那么如果用到编程语言如PHP,MYSQL则行业内一般称作网站开发,换句话要做数据库和编程,难度会大很多,当然附加值更高啦。
高级的网站是一定要用到编程开发的,所以网页设计或者说网站设计是属于布局和美工,当然也能实现网页的浏览呈现功能,网站开发是实现动态的网站功能,比如商城,论坛等等。
以下是我们珠海网站设计培训的课程部分大纲(未包含编程和数据库)。

Dreamweaver内容
一、基础知识介绍
1、网页、网站、html的基本概念;
2、编写和开发html的工具—Dreamweaver,软件界面介绍;
3、html语法基础;
4、元素(标记)和属性的写法;
元素分类:1、可包含内容的元素;2、自封闭元素;
5、html的语法规则;
a、区分大小写,规定用小写字母;b、正确嵌套所有元素;c、元素必须要封闭;d、属性值必须加上双引号;e、明确所有属性的值;f、特殊字符要用编码表示;g、css控制外观样式;
二、软件基本操作
1、设置网页外观属性;
属性——页面设置——设置背景颜色、背景图片、字体格式、边距………
2、创建站点、站点的管理
创建一个站点,将所有的图片放在一个指定的文件夹里面;新建文件、拖动文件、站点切换、复制、编辑、删除。
三、制作页面的基本操作
1、添加文本,直接输入文本或者导入文本文件;
2、插入时间、日期,设置存储时自动更新;插入——日期;
3、插入特殊字符,插入——html——特殊字符;
4、水平线:插入——html——水平线,设置其宽度、高度、id、对齐属性;
5、编辑文本,与Word类似;设置样式的两种方式:html样式、css样式;注意选字体时尽量选常用字体,否则可能会无法显示,如果实在想选某种字体,可以改用图片显示;
6、段落设置:Enter为分段,Ctrl+Shift+空格可输入多个空格,Shift+Enter换行。设置连续空格:编辑——首先参数——常规——允许多个连续空格。新建css样式设置对齐方式、字体大小等,在html属性中国设置列表编号、缩进样式等;标题样式设置:页面设置——标题(css);
7、图片的插入:插入——图像——选择图片,或者直接拖入图片,拖动可调整图片大小。“替代文本”用于当图片显示出错时起提示作用;
8、编辑图片
更改图片尺寸,在属性窗口输入宽度、高度值;更改图片数据量,在属性窗口点击“重新取样”;裁切图片,调整亮度对比度、清晰度;优化图片:用PS编辑图片,编辑——首选参数——文件类型/编辑器里面可以设置编辑器。
9、鼠标经过图片特效
插入——图像对象——鼠标经过图像
10、图文混排
通过css样式设置图片居中,图像元素的对齐属性指的是图像与同行文本的对齐方式,包括绝对对齐与相对对齐,图片与文本间的距离通过设置边距控制(有些效果与属性描述值不符是由于浏览器的原因导致);
11、网页中使用的图片格式
使用图片原则:在保证画质的情况下使图片尽可能小,GIF(用于做LOGO)、GPEG(用于做图片展示)、PNG。
四、建立网页链接(修改链接属性设置:修改—页面属性—CSS链接属性)
1、 添加超级链接
2、 内部链接与外部链接
3、 设置链接样式
4、 锚点链接
a、 创建命名锚点,就是在网页中设置位置标记,并给该位置一个名称,以便引用;
b、 链接地址输入“#+锚记”;
5、 创建下载链接
当被链接的文件时exe文件或zip、rar类型的文件时,浏览器无法直接打开,便会提示文件会被下载,这就是网上下载的办法。
6、 图像热区链接
7、 创建跳转菜单
插入——表单——跳转菜单——输入项目值,可以在属性的“列表值”中更改菜单;
8、 脚本链接(需要编写脚本语言)
例:javascript:alert(‘你好!’) 弹出你好对话框
9、 链接路径
10、链接的更新与检查
默认情况下调整文件夹路径会自动弹出是否更新链接提示,可以更改设置,编辑——首选参数——常规——移动文件时更新链接;链接检查器:文件——检查页——浏览器兼容性检查。

本文来自珠海网站设计培训学校刘老师