文档介绍：网页设计与网站建设
时炳艳
课程介绍
课程的必要性：是大学生的必备素质和能力，是培养电子商务人才的需要。
课程特点：具有计算机类课程的共性，同时具有自己的特点〔集规划、设计、制作、创意、艺术设计于一体〕。
课程按排：4+2
学、静态网页与动态网页
静态网页是内容相对固定不变的标准HTML文件，。
通常静态网页中的动画等是视觉动态效果
动态网页是网页内容 含有程序代码，并会被效劳器端执行的网页，。
动态网页具有“交互性〞，不同请求可以显示不同内容
动态网页可以实现注册、登录、在线调查、购物等
动态网页中的脚本只能在Web效劳器上运行，静态网页中的HTML代码能被IE浏览器识别并执行。
七、 常用的动态网页技术
ASP〔Active Server Page〕是一个Web 效劳器端的开发环境，利用它可以产生和运行动态的、交互的、高性能的Web效劳应用程序。
PHP〔Hypertext Preprocessor〕是一种跨平台的效劳器端的嵌入式脚本语言，它大量地借用C、Java和Perl语言的语法，并耦合自己 的特性，使Web开发者能够快速地写出动态生成页面。
JSP〔Java Server Page〕是Sun公司推出的新一代站点开发语言，它完全解决了ASP、PHP的通病——脚本级执行，实现编译运行，可以在Serverlet和JavaBean的支持下，完成功能强大的站点程序。
网站制作软件
xxx8或xxxCS3是版本的区别
Dreamweaver
Fireworks
Flash
Photoshop
网页布局与配色
一、结构布局
国字型
拐角型
左右框架型
其它
二、艺术布局
分割构成
对称构成
平衡构成
其它
三、配色
216网页平安色
区别颜色的元素：背景、普通文本、超级链接文本、已访问过的链接文本、当前链接文本等
19
网页外观结构
首页结构1
注意：为了使页面的结构合理、美观、悦目，通常在制作网页之前要用绘图软件画出页面的布局草图
站点的建立与管理
一、站点的建立
：我的电脑窗口选一驱动器，建立文件夹〔用英文或拼音+数字的名称〕
〞 站点定义〞对话框：“站点〞|“新建站点〞
:可以用中文或英文
(动态网页使用),静态网页选择〞否…..〞
〕如何使用您的文件项：选择第一个选项
2〕选择文件的存储位置〔已经建立的站点根文件夹〕
:单击〞无〞
“完成〞
二、站点文件和文件夹的创立
三、实例
四、站点的管理
五、站点视图与文件的上传与下载
二、站点文件和文件夹
〔一〕站点文件和文件夹的创立
在文件面板根文件夹上右击
选择新建文件/新建文件夹
文件/文件夹名：，
在文件面板的对应文件夹上右击
其它同上
〔二〕站点文件和文件夹的编辑
/文件夹的编辑即对已建立的文件和文件夹进行复制、删除、重命名、更改位置等操作
〔1〕复制、删除、重命名
选中文件/文件夹并右击
选择相应的操作方法
〔2〕更改位置
选择文件/文件夹
按住鼠标左键并拖动到指定文件夹上释放
三、实例
创立旅游网站的站点：
要求：站点名为“旅游〞，站点根文件夹为luyou
创立旅游网站网页和文件夹
要求：
，并翻开将一幅图片插入到页面中
、music、db、pages、flash、books文件夹
、、
四、站点的管理
新建：选择菜单—— 站点|管理站点命令，在对话框中选择“新建〞按钮
复制：选择菜单——站点|管理站点命令，在对话框中选择站点，单击“复制〞按钮
编辑站点即修改站点的名称，存储位置等
选择菜单——站点|管理站点命令，在对话框中选择站点，单击“编辑〞按钮
在对话框中如创立时一样进行各项设置
在管理站点对话框中，选择站点，单击“删除〞按钮
五、站点地图与文件的上传与下载
即对本地整个站点的文件链接的的视觉地图，又称为“本地视图〞
站点地图的翻开：单击文件面