企业展示网站整体设计.docVIP

企业logo的制作过程 本站的企业logo是通过浏览一些网站以及企业logo之后，获得灵感，通过PS绘出各部分图片，然后进行编辑，修改组合而成。该企业名称为“兰陵软件”，在设计企业logo的时候取企业名字的两个首字母“LL”通过翻转和叠加以及改色绘制而成，蓝色的logo既体现出了公司名称“蓝陵”的蓝字，又显得优雅大方，此外，蓝色也给人严肃认真的感觉，更与软件企业一丝不苟的精神相呼应，，logo下方的英文书写，也使整个页面看起来高雅大方，又不失严谨，让人耳目一新，如图1所示： 图1企业logo banner的制作过程 1. 首先打开hotoshop，在Photoshop里面新建一个文件，调整底图，。”字体为Arial，同样栅格化图层，按ctrl+T调节图片大小和位置。 5.添加动态的flash效果：动态的flash效果要等到整个网页的基本布局都设计好之后，就可以在Photoshop中按Shift+Ctrl+Alt+S存储切片后所有图片，将页面转换成.html格式，然后使用Dreamweaver打开编辑，在banner的区域加入Flash，将Flash转换为透明flash形式，这样整个banner部分就完成了。 完成banner的设计，如图2所示： 图2 网站banner 3．主页的设计过程： 1. 首先在布局 图3：主页photoshop完成截图 5.将所有页面，拷到所属文件夹，然后与后台数据库连接起来，即可通过对后台数据库内容的添加、删除、修改来对网页的相关内容进行操作，例如在数据库注册登录表中删除一个用户信息，那么这个用户再次用原先的登录信息登录时就无法登录成功了。 6.在Dreamweaver中网页的 图4：主页整体完成截图 4.留言板的制作 为了能让大家有一个相互探讨、分享知识产权方面的心得与经验的平台，为了能让广大人群更好、更深刻的了解知识产权，为此，我们特别设立了“在线留言”这一栏目这样就实现了多人的互动。 总体来说，留言板功能是这个网站的主要功能之一，也是这个网站的亮点之一，它让整个网站的功能得到提升，使其不单单只是一个简单的单纯的信息发布的网站，增加了互动环节。 建立数据库。打开microsoft access数据库软件建立一个数据库名为data，使用设计器创建表，设置相应的字段名称和字段类型如图5所示，将ID设为主键，将表另存为liuyan。 在Dreamweaver中创建数据库连接，选择窗口中的数据库面板，添加“数据源名称DSN”，并选择数据库data路径，点击确定即可。 图5数据库列表 3．制作留言系统 通过photo制作网页框架之后进行切片，保存为html格式，在Dreamweaver中打开，另存为asp格式，插入层，然后插入表单，用于提交数据，最后，用表的形式对留言板进行布局即可，留言界面如图6所示： 图6留言界面 打开窗口的绑定面板，添加“记录集”在弹出的对话框里选择data，“列”选择“全部按钮”，“筛选”选择除ID外的全部字段，点击确定创建并绑定记录集。 选择窗口的“服务器行为”命令，添加“插入记录”，在连接中选择data，在“插入后转到选择“after.asp”即可在留言之后，转到“留言成功”页面。 5.网页相册的制作 在网站的主页，我设计了一个“新闻图片”模块，用于将企业的一些活动，动态，以及新闻以图片和少量解说的形式进行发表，用于加深企业宣传力度，吸引网页浏览者点击，增加用户对企业的了解，在网页中，图片新闻这一模块就需要通过网页相册的形式来体现，此功能需要与Firework8相结合以完成，图片新闻网页截图如图7所示： 图7图片新闻界面截图 1.收集企业图片排序并加入文件夹，并且对图片以图片名称的形式进行简短的介绍，包括主要事件，时间等。 2.启动Dreamweaver，在菜单的命令下拉菜单中选择“创建网络相册”，在标题中填写相册标题图片新闻相册，副标题中填写图片的提供者和提供时间，“源图像文件夹“选择收入企业图片的文件夹“图片新闻”，“目标文件夹选择“蓝陵科技毕业设计”下的图片新闻文件夹，点击确定，创建网络相册。 3.对网页进行完善，在属性菜单的页面属性里调整页面的背景图片，把页面顶端的表格的背景图片改变为公司首页banner图片，以保持整个网站的一致性，图片新闻页面基本就完成了。 6.产品展示网页的制作 产品展示网页将公司的产品以图片和文字的形式为用户做了详细的展示和介绍，方便浏览者对公司的整体情况进行了解，对于整个企业展示网站来说起到了至关重要的作用，在这里，我将公司的产品首先以图片的形式在“产品展示”网页中进行了一些介绍，如果想要有更详细的了解，即可点击进入“产品详情”网页，进行阅读和了解，产品展示网页如图8所示： 图8产品展示网页部分截图 而产品的详细介绍需要进入“产品详情