网站的建立-站点的建立.pptVIP

网页制作 一、启动FrontPage “开始”菜单—程序—MicrosoftFrontPage 二、 表格布局 1、表格——插入 三、? 图片 1．插入：插入——图片——剪贴画（来自文件） 2．设置：右击图片（快捷菜单）——图片属性 3．? 删除：选择图片——按删除键 四、文字 1、添加文字：直接输入/复制粘贴 2、编辑文字： 选择文字 ——右击——字体/段落 选择文字——格式——字体/段落 图1-11 花蝶谷网 图1-12艾艾在线 * 图1-13云水茶人坊 图1-14苹果树下 * 在网页制作过程中，要求为目录和文件命名时都应遵循相应的规范，名称应能代表文件的意义，以便进行查找、修改。下面从网站目录建立规范、文件命名规范、文件头代码规范三个方面，具体介绍网页制作的规范。 网站目录建立的原则是以最少的层次提供最清晰简便的访问结构。网站目录建立规范如图所示。 基本原则：以最少的字母达到最容易理解的意义。 所有文件名、文件夹使用小写英文字母、数字、下划线的组合，比如：news.html，unit1_1.html等。 不要使用汉字、空格和特殊字符。有些服务器无法识别这些字符，会导致文件链接出错。 尽量使用英文，最好有一定的意义，这样以后便于别人或自己修改。例如：名为“Login.html”的文件，一看名称，就知道是登录页面。 对于图像文件，在命名时要遵循以下几点： 名称分为头部和尾部两部分，用下划线分开，尽量用英文。 头部表示图片的大类性质，比如：广告（banner）、标志(logo)、菜单(menu)、按钮(button)、背景(bg)等。 尾部表示图片的具体含义。比如：banner_sohu.gif，menu_aboutus.gif，title_news.gif，logo_maths.jpg等。 文件头（head）里都是一些与网页整体有关、相对独立一些的属性，比如网站标题属性title，标识字符编码、作者、版权信息或关键字的标签meta等。文件头head的规范化代码如下： head !--The site is designed by **,inc 05/2005-- 公司版权注释 titleTITLE/title 网页标题 meta http-equiv=Content-Type content=text/html; charset=gb2312 网页显示字符集（简体中文为Gb2312，繁体中文为big5，英文为iso-8859-1） meta name=author content=webmaster@163.com 网页制作者信息 meta name=description content=***** 网站简介 meta name=keywords content=**,**,** 搜索关键字 link href=style/style.css rel=stylesheet type=text/css 网页的css规范 /head 市场调查（用户需求、企业对手情况、企业自身情况）市场分析（将调查结果转换为数据并分析） 规划网站内容（结构和页面形式）例如：典型的企业网站包括简介、新闻、产品、用户反馈、联系方式等 后台设计（数据库、数据表、规划后台程序的功能范围） * （1）用户至上原则 一个优秀的网站必须要满足用户要求，以“用户”为中心，充分考虑用户的浏览器软件、网络速度。 （2）易用性原则 网页中的导航应该放置在明显、易找的区域，以方便用户浏览。导航结构清晰、操作简单。网站的链接结构合理，方便浏览者浏览网站中的其他网页，在不同网页之间跳转快捷、方便。网页中设置“我的位置”以提示浏览者当前所处的位置。 （3）实用形原则 一个实用的主页要给访问者留下深刻、强烈的印象，应用得体的欢迎方法，具有较强的说服力。页面中可以使用图片、色彩、图案等方式表示对访问者的欢迎。 * 虽然网页种类繁多，形式内容各有不同。但网页的基本构成要素大体相同，包括标题（Logo）、导航、文本、图片、动画、超链接、表单、音视频等。网页设计就是要将上述构成要素有机整合，表达出美与和谐。 * LOGO是网站的标志、名片，如同商标一样。在网站设计中logo的设计是不可缺少的一个重要环节。logo是网站特色和内涵的集中体现,它作用于传递网站的定位和经营理念、同时便于人们识别。一个重点突