网站的设计与制作PPT学习教案

1、会计学1网站的设计与制作网站的设计与制作筹备网站确定网站的主题和名称确定网站的主题和名称规划网站的栏目规划网站的栏目 搜集处理素材搜集处理素材清晰的网站结构，不仅便于网站的建设，还便于网站的维护和扩展就象写作文，可能没人见到题目拿过来就写吧？做网站也一样，建设之前总得先规划和筹备一下建站所需素材可以用现成的，也可以自制，还可以对现成素材进行改造网站主题选择原则(P63)对电脑上的素材要分类存储，比如按类型、地区或板块等，以便选用第1页/共8页创建网站创建站点，指定网站的根目录创建站点，指定网站的根目录创建站点，就是在本地硬盘上建立一个文件夹，用以保存和管理该网站建设过程中所需的所有文件设计网站

2、的目录结构设计网站的目录结构合理的目录结构，会有利于站点的维护、上传、扩充与移植等如果将这个文件夹命名为mysite，那么mysite就是你所建网站的根目录新建站点时，Frontpage会在根目录自动新建几个文件夹，如：images和_private (P66)第2页/共8页创建网站博客博客(blog):申请博客，可以快速地构建自己的个人网站。博客由网络日志演化而来，用于展示自我、交流共享。博客的注册开通(P67)目录结构的规范目录结构的规范u1.目录结构清晰简便，根目录只存放首页index.htm和系统文件；u2.主要栏目对应独立子目录；u3.目录层次一般不要超过三层；u4.目录命名规范，不

3、使用中文目录，目录名简短；u5.首页图片与栏目页面图片分开存放第3页/共8页制作首页美化网页美化网页为网页添加背景图片或背景颜色应用主题，统一网站外观添加网页元素，设置文字、图片属性添加网页元素，设置文字、图片属性设计网页版式，用表格布局网页设计网页版式，用表格布局网页增加网页的动感增加网页的动感(P73)1.网站计数器2.字幕设计网页版式，其实只需在纸上画个草图就行了设置文字的字体、颜色、对齐等；设置图片的大小、对齐、边框等。具体方法见上一章P71-73第4页/共8页链接网页创建超链接创建超链接打开网站打开相应网页建立超链接设计网站的链接结构设计网站的链接结构网站网站由若干网页链接而成，这些

4、网页网页又分为首页页面(一级页面)、栏目页面(二级页面)和内容页面(三级页面)超链超链接接视图网站的链接结构网站的链接结构1.树状（一对多）2.网状（多对多）(P77)导航规范导航规范(P78)浏览器对不同类型链接文件浏览器对不同类型链接文件的处理方式的处理方式直接打开并显示: txt,doc,htm,ppt打开或保存: rar,exe,mp3,avi(p79)超链接的目标对象超链接的目标对象1.可以是任一Internet资源，如不同类型文件、电子邮箱、网站、网页，还可以是同一网页中的书签2.链接目标既可以是网站内部对象，也来自站外(P80)第5页/共8页调试和发布网站调试站点调试站点在网页视图下，检查网页内容在超链接视图下，检查网页链接关系上传网站上传网站可以使用Frontpage的“发布网站”功能，也可利用其它FTP工具软件，上传完成后尝试用浏览器访问网站申请网站空间申请网站空间登录提供空间申请的网站；注册用户；获取相关信息(域名、FTP上传地址、FTP帐号密码等)网站发布：网站发布：将已建设完成的网站上传到因特网(Internet)的某个WEB服务器上，并能被因特网用户访问的过程。注：上传网站前，需提前申请网站空间并获取网站