网页制作要掌握的知识
1.网页设计软件
PhotoshopDreamweaverFireworksFlashHTML语言
2.数据库管理
Access数据库的苹本概念、结构、数据表的建立、数据表的琴本维护、SQL Server辈础、数据源的链接、SQL语言、集合FA数、数据类型.
3.学习综合性网页设计规则、页面整体排版能力的处理、图片美工及WEB程序块的调入和美化、程序的调试和运用、网站综合训练、动态网页创作模式。
4.网站后台编程
ASP开发环境,Windows窗体编程、常用控件:ASP编程、ASP Web 服务器控件、限置和优化ASP应用程序、调试和错误处理、ADO.连接和操作数据源、数据集、水品报表的使用、Web服务创建和使用:留言板、BBS论坛、电丁户商务系统。
网页设计的基本流程
制作网页并不困难,但要制作出出色的网页,尤其是制作人型、复杂的网页时就必须全面考虑各种因素,包括文字、图像、动画和声音等。如同其他的计算机应用系统一样,网页的设计与制作需要认真地规划和系统分析,然后才可以设计出高质量的网页。网页设计与制作直接关系网站的运行效果。通常网页的制作包括分析、设计、制作、测试和维护五个环节。
1.分析
分析主要指认识网页将要服务的目标群体,包括他们的群体特征、可能的需求,以此确定网页信息内容及其功能设计。
2.设计
设计是网页设计与制作的关键环节,关系用户对网页的接受和利用程度,主要内容包括收集网页中用到的素材、确定网页的内容结构、链接方式(通常选用层次清晰、易于浏览的树形结构)和网页模型的可视化设计三个内容。
3.制作
制作就是利用网页制作工具完成网页制作。
4.测试
测试内容包括速度、兼容性、交互性、链接正确性、排版和内容方面的错误、程序安,全性、超流量测试等,发现问题要及时解决.测试过程可以请终用户参加。
5.维护
任何网站的建立都是一个不断改进和完善的过程。要及时调整网站的发展方向和设置的内容,收集外部反馈,进行网站内容及网络安全维护等。
响应网页设计的特征
[灵活的网格]
网格这个术语对于网页设计来说变得很含糊。说你的网站必须由灵活的网格组成并不意味着你被限制于从几十个现有的很棒的网格系统中选择一个。
对于列,间距和容器定义自己的参数对于网页设计来说往往是比较好的方案,并且可以与任何现存的系统一样灵活。
事实上,大多数存在的网格系统都限制于使用CSS类来定义大小,间距和排列。试着附加这些限制到一个响应网页设计上可能会很棘手并且比写自己的布局更浪费时间。
不管你是使用预置的网格系统还是使用自定义的解决方案,灵活网格系统真正重要的地方是你的布局大小和间距的机制。
新希望电脑培训学校小编认为这对于网页设计者,意味着要放弃我们心爱的像素,并用百分比和em这样的相对测量单位的网页布局代替它们。
当然,这不意味着我们不再在我们的图像编辑软件(即Photoshop,Fireworks等)中使用像素。取而代之的是,增加的一个需要简单的数学计算的步骤成为网页设计过程的一部分,因为我们要将我们的像素转化为使用相对单位的网页布局。
[媒体查询]
媒体查询对于响应网页设计无疑是令人兴奋(也是对于不熟悉它们的人可怕的)特征。
人们时常会对媒体查询有错误的理解,把它当作是一个响应设计的核心部分而认为灵活是可有可无的。真实的情况是,如果没有实现包括灵活网格和灵活图片在内的坚实的HTML和CSS基础,媒体查询几乎是没有用的。
媒体查询允许设计者使用相同的HTML文档创建多个布局,通过基于用户agent特性(如浏览器窗口大小)来选择不同的样式来实现。其它参数有方位,屏幕方案,颜色(即屏幕可以渲染多少种颜色)等等。
<link rel="stylesheet" media="(max-device-width: 320px)" href="mobile.css" />
<link rel="stylesheet" media="(min-width: 1600px)" href="widescreen.css" />媒体查询没有明确是移动解决方案还是平板方案。取而代之的是,媒体查询和响应设计允许我们跳出屏幕大小或方案来思考,并且开始创建一个灵活的适应所有不同媒介的网站。
[灵活的图片]
图片随着我们的灵活的网格移动和缩放是响应网页设计的更一个关键特征。灵活的图片常常让网页设计者有些头疼。加载一个区大的,超出大小的图片,并在更小的浏览设备我们需要更多的空间来显示内容时使用HTML的width和height属性来缩小它不是一个加快网页加载速度的很好实践。
当然,这个问题有多大取决于图片对你的网站带来的压力有多大。随着网页设计发展,我们看到网站越来越少的使用没有必要的图像和图片库。可能这是一个好机会去评估你的网页设计是否需要像现在这样多的图片。
另一个缩放图片的方法是使用CSS裁剪它们。CSS的overflow属性(比如说overflow:hidden)让我们能够动态地裁剪图片,并使得周围的空间能够适合新的显示环境。
我们也可以在服务器上有多个版本的图片,并且根据用户agent等服务器或客户端特征检测技术动态地使用不同大小的版本。
后我们可以完全隐藏图片,如果我们真的希望关注无图的内容,可以在样式表中将图片设置为display:none。
正因为响应网页设计有这么好的特征,所以它在网页设计中,才占了一定的地位和市场,所以掌握响应网页设计,是一个网页设计师必须会的。