文档介绍：安徽中澳科技职业学院
网页设计基础——综合应用实训
紫光电子科技
专业:计算机网络
班级:网络一班
学号:2010 202112
姓名:李杨鹏
二〇 11 年6 月20 日
第一章开发工具的选用及介绍
开发环境: Dreamweaver8
Macromedia Dreamweaver 8是建立Web站点和应用程序的专业工具。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。从对基于CSS的设计的领先支持到手工编码功能,Dreamweaver提供了专业人员在一个集成、高效的环境中所需的工具。应用程序,从而使用户能连接到数据库、Web服务和旧式系统
在首次启动Dreamweaver8时会出现一个“工作区设置”对话框、在对话框左侧是Dreamweaver8的设计视图、右侧是Dreamweave 8的代码视图。Dreamweaver8设计视图布局提供了一个将全部元素置于一个窗口中的集成布局。我们选择面向设计者的设计视图布局。
在Dreamweave 8 中首先将显示一个起始页、可以勾选这个窗口下面的“不在显示此对话框”来隐藏它。在这个页面中包括“打开最近项目”、“创建新项目”、“从范例创建”3个方便实用的项目,需要保留。
题目背景
目前,网页设计是计算机应用软件开发的常用的、主要的技术之一,尤其面对B/S结构模式的应用软件开发,网页设计更为重要,它是人机交互的主要界面,网页设计的好坏,涉及用户的满意程度,也涉及到系统的运行效率。动态网页设计是现在B/S模式的主流,是HTML、CSS和脚本语言的综合运用
第2章网站总体分析与设计
总体功能分析
这次的实训要实现的是公司网站设计,主要内容有,公司网站的主界面,建立站点,首页的实现,和首页相关的内容,即企业简介、产品展示、网上订单、在线留言、联系我们几个模块。分别来展示企业文化企业的发展历史和购物指导。
确定客户群体
本站的客户主要是针需要购买电子产品的客户而开发的,主要对公司文化做了重点讲解,其次对商品进行了分类,有利于客户选购产品,设立了两个沟通平台有利于客户和产商之间的沟通。
本站是以购买电子商品的客户为主体的
网站建设的总体规划及设计
、确定网站建设的目的
为了更好的宣传公司的企业文化,展示企业风采、优点与特色,发布企业的商品信息与优惠政策等信息内容,使消费者增加对企业的了解,增强企业与消费者之间的联系,为企业的发展创造一个良好的平台。同时更为消费者轻松快乐购物提供一个良好有效地途径。
、整理网站结构图主页
企业简介
产品展示
网上订单
在线留言
联系我们
、个性化服务
对网站所涉及的产品进行了划分,有利于客户查找自己所需的商品信息。提供网上订单服务,为客户节约了时间,产品展示有利于客户对本公司的新产品有所了解等等。
主页设计
本网站主页采用静态的方式,即静态的主画面和静态的图片相结合,体现企业文化底蕴的深厚,静态主页方式介企业概况、企业的商品和服务、。。。。。。。。等信息。
色彩搭配
网页的色彩是树立网站形象的关键之一,网页的背景、文字、图标、边框、超链接等都要用到色彩。不同的色彩会使浏览者有不同的心理感受。合理的搭配色彩,会更好的表现主题,吸引用户的注意力。网页色彩涉及到艺术知识,让美术教师参加网页色彩设计,可能会出现比较理想的效果。在色彩搭配上要注意色彩的鲜明性、独特性、合适性、联想性。背景色和前景色对比要大,以突出主要内容(本网站的色彩设计主要以白色和紫色为主,灰色为辅。)
第3章详细设计
网站设计的流程
、设项目的主要工作内容
(1)、对企业网站的设计进行需求分析。
(2)、收集整理需要的信息。
(3)、制定网站开发的方案。
(4)、对企业网站进行整体构架搭建。
其他工作。。。。。。。。。。。。。。。
、网站建设方式
(1)、软件自动生成
利用软件生成站点,具有功能强、效率高、费用低等优点,但存在使用不方便、站点模式有限、不能满足校园的实际情况等缺点。站点建设具体过程如下
在Dreamweaver 。
一、建立BLOG站
(1)启动Dreamweaver 、切换到【文件】面板、单击“管理站点”、单击按钮“新建”、如图所示。
(2)在其下接菜单中、选择“站点(S)”、在弹出对话框中、输入站点名字“李杨鹏”、输入站点http地址:http://localhost/结果如图所示。
(3)单击“下一步”、选择“否、我不想使用服务器