如何制作网页也许是很多新手设计师们都会遇到的一个问题。网页是一个企业、团体、组织的门户,通过精彩的网页可以让用户记住你所要表现的主题和要实现的功能。因此对于设计师来说,学习如何设计出理想的网页,帮助客户建立所期望塑造的品牌形象是一门大学问。在这篇文章中,我们一起分享一些关于网页设计的思路和方法。
在开始设计你的网页之前,首先要了解什么是网页:
Web 是一种体系结构,通过它可以访问遍布于Internet主机上的链接文档。Web 是Internet提供的一种服务;是存储在全世界Internet计算机中的数量巨大的文档的集合;Web 上海量的信息是由彼此关联的文档组成,这些文档称为主页(Home Page)或页面(Page),它是一种超文本(Hypertext)信息,而使其连接在一起的是超链接(Hyperlink)。
最常用的应用有:Internet。
其次,你要熟悉设计网页所需要的主要功能:
1.HTML功能
出版在线的文档,其中包含了标题、文本、表格、列表以及照片等内容。
通过超链接检索在线的信息。
为获取远程服务而设计表单,可用于检索信息、定购产品等。
在文档中直接包含电子表格、视频剪辑、声音剪辑以及其他的一些应用。
2.CSS功能
CSS是Cascading Style Sheets(层叠样式表单)的简称。它主要的功能是可以在将网页的样式(如字体大小、字体颜色、行高度、背景色……)更灵活地控制、定位(如建立专门的CSS文件,只要改变一个数值,就可令一整个网站的字体风格产生变化)。
最常用的应用有:去下划线、设置字体大小为Xpx或Xpt、设置字体在点击时变色、定位行高……
3.FTP功能
文件传输协议 File Transfer Protocol 的缩写。文件传输协议可让用户进入另一台电脑系统取得公用软件或是传送文件至另一个电脑系统内。
最常用的应用有:使用FTP权限进行网页上传、下载……
4. JavaScript 语言
JavaScript是一种紧缩的、基于对象的脚本描述语言,用于客户端和服务器端Internet应用程序的开发。由Netscape公司开发。现在的IE、NS浏览器,可解释直接嵌入在HTML页面中的JavaScript语句,不需要通过编译。相类似的语言还有由微软公司开发的VBScript。
最常用的应用有:动态按钮、弹出窗口、自动更新日期……
你的设计流程
只要能熟悉这些基础功能,就算不是专业设计师,配合使用相关软件也能设计出一个符合品牌形象,并且让人印象深刻的网页。一般而言,一个网页设计流程包含:设计主题丶收集材料和研究丶规划网页布局丶选择工具丶制作、上传和推广。经过了这样一连串的过程之后,你的网页应该算大功告成!
工欲善其事,必先利其器,在这里推荐几款常用的网页设计工具:
1. Frontpage
Frontpage 可能是最简单、最容易,却又功能强大的网页编辑工具。采用典型的 Word 界面设计,只要你懂得使用 Word,就差不多等于已经会使用 Frontpage。就算你不懂 Word 也没关系,"所见即所得"的操作方式会让你很快上手,而且你无须学习 HTML 语法。 但Frontpage 的也有其不足之处:首先是浏览器兼容性不好,做出来的网页,用 Netscape 往往不能正常显示;其次,生成的垃圾代码多,也会自动修改代码,导致在某些情况下极为不便;再次,对DHTML的支持不好。但不管怎么说,Frontpage 的确是最好的入门级网页编辑工具。
2. Dreamweaver
Dreamweaver 对于 DHTML 的支持特别好,可以轻而易举地做出很多眩目的页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver 与 Flash、Firework 并称为 Macromedia 的网页制作三剑客,由于是同一公司的产品,因而在功能上有着一个非常紧密的结合。而最新推出的Dreamweaver UltraDev 更支持 Asp,Jsp。因此,说Dreamweaver 是高级网页制作的首选并不为过。
3. Flash
Flash也是 Macromedia 公司的产品,Flash 是交互式矢量图和 Web 动画的标准。网页设计者使用Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。相信凡是见过 Flash 技术的人,没有一个不想掌握它的。虽然它也会有可用性和宽带下载时间的限制,不过它易学、易用,而且可以做出有很多动画的网站,并且声色结合,是一种很有前途的网页制作技术。