很多朋友希望,我能把我做网站的一些流程及经验跟大家分享一下,最近刚好做一次内部培训,所以稍微整理了一下,这些只是针对网页初学者,具有一定平面设计水平的人,对HTML不是很了解,他们可能只是想做一个个人主页而已,所以整体还是趋向于传统的表格布局,这里有很多都是一些我个人刚开学时自己摸索的经验,所以可能不是很专业,但是绝对是比较容易入门的,我一直有这种思想,你只有塌进来了,你才可能往更高的地方爬,我想当初如果没有这段的学习,现在我也不会明白什么W3C,什么CSS,什么ASP,什么XML,一切都是有一个起点,希望能对大家有点小帮助。整体的PPT比较大,没有放这,我把主要内容用文字大致整理了一份,如果需要PPT,可以跟我联系。有不合理的地方,希望大家能指出,可以共同探讨一下。 主要内容介绍: 一、构成网页的基本要素 一.构成网页的基本要素 1.文字(标题、字号、字型...) 超文本标识语言(HTML) HTML(Hypertext Markup Language)是一种专门用于Web页制作的编程语言,用来描述超文本各个部分的内容,告诉浏览器如何显示文本,怎样生成与别的文本或图像的链接点。 在HTML中,所有的标记符都用尖括号括起来。 HTML文档的基本结构 一个典型的HTML文本的基本结构形式如下: <HTML> 二.制作及美化的基本工具 1.超文本标识语言(HTML) 2.页面设计及美化工具 三、网页制作的基本步骤 1、整体规划 2、资料收集 3、伪界面设计 4、代码转换及交互添加 5、测试网页兼容性 6、发布站点 四.界面设计及交互研究探讨 a、导航栏设计 b、网页布局 PS:布局之前要紧密连接你网站的主题,要注意把握整体风格,你可以事先在纸上勾画草图,利用你习惯的元素来表现你想要的效果 网页布局--主要构成原则 c、交互研究 五、实例制作演示(略) 1、页面制作整体规划 对象:一个打印商业宣传主页 2、资料收集 a 、商标、网址、公司宣传册、了解企业文化,了解负责人的品位、他们的案例、跟负责人沟通掌握信息 3、伪界面设计 a、在PS设计伪界面 b、切片工具对整体进行合理的分割 c、导成WEB格式-直接导成HTML格式—步骤: d、在Dreamweave里面进行代码加工 4、测试网页兼容性 按照你设计时的对象,根据IE版本以及浏览器的不同,调整理想的效果,但是大部分出现问题的是JS\VB等代码,如果只是单纯静态图片,基本不会有很大的差别,推选大家尽量往W3C标准靠 5、发布站点 购买自己的空间域名,其实事先就应该购买的,利用FTP上传软件,把你的页面上传到你的网上服务器上推荐一款FTP上传工具LeadFTP 总结: 1、在开始制作网页之前,建议应用少量时间对自己要制作的主页进行总体设计,例如希望主页是怎样的风格,应该放一些什么信息,其他网页如何设计,分几层来处理等等通常在进行网页开发时,首先都进行静态网页的制作,然后再在其中加入脚本程序、表单等。静态网页仅仅用来被动地发布信息,而不具有任何交互功能的网页,它是Web网页的重要组成部分,一个好的网站:首先是内容丰富,其次就是网页设计 2、不要先决定网页的外观,然后迫使自己去适应它,应该根据网站的访问者对象、要提供的信息以及制作目标得出一个最适合的网页架构。 3、每页排版不要太松散或用太大的字,尽量避免访问者浏览网页时要作大幅度的滚动,对于篇幅太长的一页可以使用内部链接解决。须知,在一页的上部是显眼而宝贵的地方,不要只放几个粗大的字或图片 4、不要每页都采用不同的墙纸,以免每次转页时都要花费过多的时间去下载,采用相同的底色或墙纸还可以增强网页一致性。以树立自己的风格。 5、底色或墙纸必须与文字对比强烈,以易于阅读。 6、熟悉以后开始尝试用CSS,自己书写代码,按照W3C标准来写符合要求的网页。 |
|