网页设计-暑期培训

《网页设计-暑期培训》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、网页设计与制作青岛大学师范学院教育技术系anguocheng@163.com安国成1.网页设计基础知识1.1互联网与网站基本概念:网页：在网站中，供用户阅读的一个个页面，就称之为“网页”，又称为Web页。网站：网页的集合；网页信息分类存放在文件夹内；远程站点，本地站点；浏览器：(对应编辑器)访问网络资源的工具，那就是浏览器，否则无法访问到网络中丰富的资源。目前常用的浏览器有:IE,netscape，firefox和腾讯TT，opera等；超文本标记语言,简称HTML，它是WWW创建超媒体文本的语言，它也是网页创建中最基本的语言，制作的任何一个网页都是基于HTML文本

2、标识的。（HTML语言下载对比自学）表单:表单是用于填写申请或提交信息的交互页面。如电子邮箱、主页空间、QQ号码等的申请页面，以及论坛、聊天室、留言簿等。超级链接:这是网页制作中经常要用到的概念，指的是页面对象之间的连接关系。内部链接，外部链接；1.2网站分类门户网站广义解释：网络的一个应用框架，它将各种应用系统、数据资源和互联网资源集成到一个信息管理平台上。狭义解释：是网络世界的“百货商场”或“网络超市”。提供有关信息服务的应用系统，提供搜索引擎、目录服务，新闻、网络接入、聊天室、公告牌、免费邮箱、影音资讯、电子商务、网络社区、网络游戏、免费网页空间，等等。如：w

3、ww.sina.com.cn、www.sohu.comwww.163.com职能网站如中国政府网：http://www.gov.cn商业网站：www.alibaba.com.cn专业网站如：CCTVwww.cctv.com花卉网、农业网、证券网…企业,单位,个人网站：www.ibm.comhttp://www.harvard.eduhttp://www.stanford.edu/www.haier.comhttp://www.5566.net/1．归类站点内容对网站的内容整理分类，把相关的网页放在同一文件夹中．使网站层次一目了然．这一步网站规模越大就越重要．2．项目

4、放置的位置图象、动画、音乐、模板的分门别类的存放；1.3网页布局网页设计和布局原则（1）简洁页面设计属于设计的一种，同样要求简练，准确，天地呼应；限制字体数目和字体颜色；不要用无关的图片把页面装点起来。页面上所有的元素都应当有明确的含义和用途，不要用太大的字，因为版面空间非常宝贵有限；不要用闪烁的文字。2.一致性一致性是表现站点风格的重要手段之一。页面排版的一致性：各页面标题、正文字形，字号的一致性；各页面相同的页边距；文本，图形间保持相同的间距；图形旁边留下相同的空白；各个页面应当使用相同的图标。页面中的每个元素与整个页面色彩和风格上的一致性。比如全部使用写实的照

5、片等；一个站点通常只使用一到两种主题色；3、对比度使用对比是强调突出某些内容的最有效的办法之一。好的对比度使内容更易于辨认和接受。实现对比的方法很多，最常用的是使用颜色的对比；使用对比的关键是强调突出关键内容，以吸引浏览者，鼓励他去发掘更深层次的内容。例如：调色：95%黑色+5%白色对比：不要大片大红+大片大绿4、页面设计要点页面内容包罗万象，版式丰富多彩，但无论怎样的变化，好的站点总是有许多共同之处，例如：精心组织的内容；格式美观的正文；和谐的色彩搭配；使得文字具有较强的可读性；生动背景图案；页面元素大小适中，布局匀称，使得文字具有较强的可读性；不同元素之间留有足

6、够空白，给人视觉上休息的机会；各元素之间保持平衡；文字准确无误，无错别字、无拼写错误；5、内容组织方式页面所发布的材料必须精心组织：按逻辑组织按时间顺序组织按地理位置组织人们阅读材料习惯于从左到右，从上到下进行，因此眼睛首先看到的是页面的左上角。根据这一习惯。在组织内容时把希望浏览者最先看到的内容放在页面的左上角和页面顶部；6、网站命名和标志网站命名应遵循以下的原则：合法、合情并合理，字少，好记上口。体现网站的主题，概括性强。字数不要太多，一般控制在6个字以内。有个性，体现一定的内涵，可给浏览者更多的视觉冲击力和空间想像力网站标志:logo,banner,菜单,标题

7、,版权等模块设计www.5566.net1.4网页开发语言1.4.1HTML语言—超文本标记语言1.4.2动态网站开发语言1．ASP--ASP（ActiveServerPages，活动服务器网页）可以创建和运行动态、交互、高效的Web服务器应用程序。2．JSP---（JavaServerPages，Java服务器页面）是Sun公司推出的网站开发技术，是将纯Java代码嵌入HTML中实现动态功能的一项技术。3．PHP----（HypertextPreprocessor，超文本预处理器）是一种HTML内嵌式的语言（类似于ASP）。1.5网站规划1.5.1网站制作流程