网页制作工具说明书

网页制作工具说明书
网页制作工具说明书

《网页制作工具》卷二实践考核方案

课程名称:《网页制作工具》课程编号:0714394

授课班级:11信息管理(专)学分:3

考核形式:实践

课程性质:选修课

一、考核目的

考查学生网页设计的综合能力。

二、考核方式、内容、要求

考核方式:以课程设计做为主要的考核方式。

考核内容:设计一个有15张网页以上的网站静态网站。并上传至Internet服务器。

考核要求:

1. 要有网站规划。

2. 设计出网页主页副页效果图,并根据效果图制作网站的主页与副页。

自己设计LOGO;自己设计BANNER广告;自定栏目、导航及网页内容;界面设计要美观,色彩搭配合理,有新意,超链接正确;网页中要有1个以上的Flash广告或动画

3. 提交:网站系统;网站设计说明书。

三、考试说明与评分标准

1.说明:

(1)网站主页可以是自己设计Flash片头动画。

(2)参入学校网页设计大赛及学校网站建设予适当加分。

(3)上传到网上并运行的网站适当加分。

(4)严禁拷贝与下载他人的网站作为自己的设计,经查实后卷二成绩为零分。

2

执笔人:审核人:院长:

2012-12-10

《网页制作工具》

设计说明书

题目:会计网站的设计与制作

姓名:张国良

学号: 20111070134

班级: 11信高1 _

指导教师:孙俊国

完成日期:_ 2012年12月17日__

目录

第1章会计学网站的规划 (4)

1.1网站整体规划 (4)

1.1.1网站的定位 (4)

1.1.2网站板块的设置 (4)

1.2网站功能设计 (4)

1.2.1主页功能 (5)

1.2.2副页功能 (5)

第2章会计学网站的设计与制作 (5)

2.1主页设计 (5)

2.1.1logo设计 (6)

2.1.2banner设计 (7)

2.1.3栏目设计 (7)

2.1.4导航设计 (7)

2.1.5风格与色彩搭配 (7)

2.1.6技术运用 (7)

2.2副页设计 (8)

2.2.1栏目设计 (8)

2.2.2 导航设计 (9)

2.2.3 风格与色彩搭配 (9)

第3章会计网页设计的重点难点分析 (9)

3.1网页设计的重点分析 (9)

3.2网页设计的难点分析 (9)

小结:网页设计小结 (10)

参考文献: (10)

会计网站的设计与制作

第1章会计学网站的规划

1.1网站整体规划

会计学精品课网站的规划与建设是为了让大家更好的学习这门课程,也为了更好的宣传我校在课程方面的优势。展示我校的风采。会计学是一门实践性很强的学科,它既研究会计的原理、原则,探求那些能揭示会计发展规律的理论体系与概念结构,又研究会计原理和原则的具体应用,提出科学的指标体系和反映与控制的方法技术。会计学从理论和方法两个方面为会计实践服务,成为人们改进会计工作、完善会计系统的指南。

1.1.1网站的定位

会计学科定位就是寻找其在整个学科系统中(自然科学学科和社会科学学科)的坐标或归属。准确定位会计学科的坐标或归属,有助于正确认识会计学科与会计活动的关系、会计学科与社会背景的关系、会计学科与其他学科的关系,为完善会计学科提供起点和基础,为发展会计学科提供前提和依据。

1.由于精品课程的申报已经通过,需要建设一个网站,供大家学习。

2.展示我校精品课程的风采。

3.努力建设一个好的精品课程网站。

1.1.2网站板块的设置

网站的版块设置:网站主要有四大版块,其中还有一些小板块,诸如联系方式、最新动向、案例分析等等。这些板块构成了整个网页布局,以便条理清晰的给观众以更详细的展现

1.2网站功能设计

会计学精品课程网站的规划与建设是为了让大家更直观的了解这门课程。方便老师和同学的学习和交流。会计学科的出现晚于会计活动,是会计这一社会实践活动发展至一定阶段的产物,会计学科的诞生,要具备一定的社会条件并以其著作的出版为标志。换言之,在研究对象方面,会计问题已成为一个专门的研究领域;在使用的概念和范畴方

面,形成了专门反映会计本质和规律的会计概念、范畴及其体系;在学术载体方面,产生了一些有影响的会计学家,出现了一些专门的、系统的会计学著作。

1.2.1主页功能

1.通过主页,能够了解会计精品课网站的主要内容,通过主要板块的设置初步对课程的概况有所了解。

2主页让浏览者更加方便快捷的了解会计精品课!

1.2.2副页功能

1.通过副页将网站内容更加条理化、更加详细、更加方便的展现给浏览者。

2.副页中将每个板块的内容具体化、深入化、详细化。激发读者的兴趣。

第2章会计学网站的设计与制作

2.1主页设计

主页借鉴青岛滨海学院校园网以蓝色座位主色调。彰显校园风采。红色为副色调。红蓝搭配。令主页更有活力。整个布局也是用心排版的。文字与图片搭配的主页。

会计学专业属工商管理学科,是一个应用性较强的专业。本专业设有企业会计、国际会计、注册会计师等三个专业方向。专业以企业会计为主,兼顾计算机与财务管理。在教学方法上强调理论与实践相结合的教学模式,提倡启发式与案例教学,多方位培养学生处理会计业务与管理财务的操作能力和创新能力。

2.1.1logo设计

Logo设计用课程的名字,更直观,而且大小不同的字体看起来更舒服。更有立体感。

2.1.2banner设计

淡淡色彩的欧式建筑配以红色的logo。给人以清新又不乏激情。看上去赏心悦目。精品课程是教育部启动一项教学质量与教学改革工程,在网络的支持下使教学更加生动。虽内容与结构大致相当,但却没有一个统一的规范,为此,在本网站建站初期,便为“会计精品课程”设计了一个标志图案,本人也希望能将此作为会计精品课程的一个喜欢的标志。

2.1.3栏目设计

分为课程简介教学大纲基础教案基础课件配套教材基础题库实训课照制定教材考核办法精品课报表

2.1.4导航设计

首页红色按钮与最后的红色字体相照应。蓝色字体在白色背景的衬托下照应网站的主色调。

2.1.5风格与色彩搭配

主页借鉴青岛滨海学院校园网以蓝色作为主色调沉稳,不失高雅。彰显校园风采。红色与白色相搭配。使页面更有活力。

2.1.6技术运用

Ps切图。Flash动画。运用表格画出布局。插入div标签。

副页和主页采用了同样的布局。直观、清晰。

2.2.1栏目设计

同主页栏目设计。分为课程简介教学大纲基础教案基础课件配套教材基础题库实训课照制定教材考核办法精品课报表

符合精品课程的主题。

导航设计直观。

2.2.3 风格与色彩搭配

依旧是蓝色为主色调。红色做搭配。简洁明了。赏心悦目。

第3章会计网页设计的重点难点分析3.1网页设计的重点分析

(1).网页主页的设计至关重要。主页的设计关系着整个网站的布局设计与内容介绍。

(2). 网页主页中布局的设计与风格、色彩搭配上至关重要。

(3).网页副页模板的设计也是非常重要的,怎么样让它方便快捷的展现各个版块的内容!

(4)图片的处理。

3.2网页设计的难点分析

(1).网页设计中最难设计的就是主页的版面设计是如何的设计、还有就是色彩搭配

是否合理是否符合学校精品课的性质。

(2).网页设计中副页设计模板要谨慎小心的设计,做到最完美的状态。

(3).网页设计中各种元素的搭配是一个比较难的问题!既要美观好看、又要合理。

(4)网页设计中图片的处理。

小结:网页设计小结

网页设计师一门很综合的学科。即要求学生能对图形图像做出处理,而且还要求有较高的审美观。与不怕麻烦的心态。小心谨慎。在调试与修改中把网页做的美观而又实用。

参考文献:

1.《网页设计》作/译者:顾群业山东美术出版社2007年01月出版

2.《Dreamweaver CS3+HTML超炫网页设计与制作》作/译者:胡崧中国青年出版社2008年01月出版

3.《网页设计与制作教程》作/译者:刘瑞新张兵义冯柯机械工业出版社出版2005年08月出版

附:

由于时间仓促,在许多细节上,难免有出入,欢迎广大师生在线指正,并为本网站提出更多的宝贵意见。我们将尽量做得更好。

最后,谢谢您的浏览!

信息工程学院

《网页制作工具》实践环节考核报告单

2012-2013学年度第1学期期末

排课编号:(2012-2013-1)-0714394-00425-1 批阅日期:年月日

个人网页制作全过程

个人网页制作全过程 [日期:10-12] 来源:作者:[字体:大中小] 如何制作个人网页全过程,送给刚学做网页的朋友们 第一讲网页的基本知识和FrontPage入门 一、网页的基本知识 1、网站与网页 我们在因特网上浏览时,看到的每一个页面,称为网页,很多网页组成一个网站。一个网站的第一个 网页称为主页。主页是所有网页的索引页,通过单击主页上的超链接,可以打开其他的网页。正是由于主 页在网站中的特殊作用,人们也常常用主页指代所有的网页,将个人网站称为“个人主页”,将建立个人网 站称为“网页制作”。 2、怎么建立个人网站? 要建立一个个人网站,必须经过网页制作、网站(页)发布和网站维护三个阶段 1)网页制作 一个网站和一本杂志一样,都是展示信息的载体,只有能提供他人需要信息(内容)的网站才能吸引 他人访问。这些都要靠制作有内容的网页来完成。确定网站主题和后,制作网页是建立个人网站的首要工作。 每个网页基本上都是一个HTML(Hyper Text Markup Language,即超文本标识语言)文件,所以网页文件的扩展名一般是.HTM或.HTML。主页文件的文件名字index.htm或index.html。 一般在电脑上写文章使用Word、Wps等文字处理软件,而制作网页则可使用Frontpage等网页制 作工具。 2)网页发布 做好的网页必须发布到因特网上,才能被大家看到。所谓发布到因特网上实际上就是将网页文件放到 始终与因特网联机的计算机上,这种计算机被称为“服务器”。实际上家里的PC机安装相应的服务器软件 且有固定的IP地址也可以做服务器,但一般都借用单位网站的服务器或租用一些空间提供商的服务器空间。这就和你要开商店必须租用一个场地一样。 3)网站维护 网页发布后就可供大家访问了,不管在什么地方,只要是与和因特网相连的计算机都可以访问到你的 网页。但这没有万事大吉。就和报纸、杂志一样,总是老内容,也就没人来访问了。需要经常更新,补充 新内容。另外网页上的错误也需要及时改正。实际上网站维护是网站建设的主要工作量。 2、什么软件可以做网页? 假如,你熟悉文字处理的相关软件,你不用专用软件,也可以作出网页来。比如,用Word,用Wps,甚至用你计算机附件自带的记事本也行。不过用Word做出来的网页体积太大,用记事本做网页则要会用一些HTML语言,而用HTML来制作网页是一件非常麻烦的事。FrontPage等网页制作工具则使我们可 以不必和这些难记、难懂的HTML代码打交道就作出较好的网页来。 初学的人,用微软公司的frontpage比较好,它的优点是易学易懂,上手快。FrontPage是微软公 司Office系列办公软件中的一个,它很好地实现了主页制作者与HTML的分离。就像在Word中编辑文 本一样,我们只需要在编辑器中输入文本或图片,并设置好格式,很快就可以作出一个简单的网页了。 除了Frontpage以外,还有许多制作网页的软件,如Hotdog等,其中最著名的是Macromedia公司的“网页三剑客”即Dreamweaver(网页制作工具)、Flash(动画制作工具)和Fireworks(图像编 辑工具)。 假如,你有了一定基础,还是用“网页三剑客”好。它们是专用的网页制作软件,用它们制作的网页, 体积小,占用资源少,兼容性好。 所以本讲座也从FrontPage入手学习网页制作。大家先学好FrontPage,打好基础,如果将来准备

一个完整的网站制作流程

一个完整的网站制作流程 一个网站的制作是负责的,耗时的,想要最有效的建好一个网站,就需要了解网站制作的具体流程,只有详细的了解各个步骤和流程,才能找到最有效的方法,快速有效的制作出网站。 网站建设的具体流程大概如下: 第一步:客户提出需求。 客户将自己所要建设的网站以及相关要求相告知,如想要的效果,开设的栏目,想要的风格等。同时客户需提供网站制作的相关资料,医院简介,联系方式,产品或项目描述,详细的网站框架设计要求等。 第二步:制定网站制作方案 双方就网站制作的内容、风格、细节等问题进行协商,以达成共识。为网站建设的开展做铺垫。 第三步:签定网站制作合同,支付预付款 双方签定《网站制作合同》,合约是双方利益的保障。 第四步:注册域名、空间 选择合适的注册域名和空间是网站开展运营的前提条件。 第五步:网站制作定位 医院网站制作应充分展示医院的服务理念和服务特色。医院做网站应充分展示医院各业务的特色和优势,通过文字,图片,颜色甚至声音等媒介,让用户能在最短的时间内抓住医院所要传递给大家的核

心思想。 第六步:网站风格设计 网站的风格包括很多方面,整个网站的总体风格,每个栏目频段自己独有的风格,网站基本框架的设计等。最后将初步做好的网站与客户进行讨论并加以改进。 第七步:网站制作 网站应当有一个很清晰的网站介绍,我们告诉访问者网站能够提供些什么,以便访问者能找到想要的东西。有效的导航条和良好的树状结构,使人们很容易找到有用的信息,这对访问者很重要。告诉访问者所提供的正是他们想要的信息。 第八步:网站验收 网站制作完成后,将会反复审核、修改最后通过客户的验收,网站才算建好。 第九步:网站宣传推广工作 网站建好之后,如若需要对网站进行宣传推广,我们可以聘请良好的网络优化团队,将全力为您的网站进行优化。 第十步:网站后期维护 网站建成以后,如果涉及到图片文字更换及数据库升级、修改缺陷及找回密码等情况。

网页制作基础教程

网页制作基础教程 一、什么是HTML HTML(超文本标记语言)是网页中使用的语言,他能被网页浏览器(IE或Netscape)解释,从而显示出丰富多彩的信息(图片、文字、声音、影象、动画等)。 制作网页前首先要弄懂什么是HTML。 在IE中点击"查看"→"源文档",就能看到该网页的HTML代码。下面是个网页文档(model.htm)的HTML代码: 这里是标题

第一段文字。

第二段文字。

【操作】请在记事本中输入以上代码,命名为test1.htm,存于D盘,然后双击打开看看。 标记一般是成对出现的,#FFFFFF表示使用的颜色是白色。 ...

... ...之间是该网页的标题 charset=gb2312表示语言字符集信息是中文简体,如big5则是中文繁体。 ...之间是网页的正文内容 表示网页的背景色是白色,默认的文字颜色是白色。

...

之间是h1号标题字

...

之间是h2号标题字 ...之间的文字为红色 HTML是一套国际标准,其标记有几百种,您并无需全部了解他们,只要记住其中常用的十几种,就能够做出很漂亮的网页来。 常用的标记举例:

网站制作步骤

网站制作步骤 [ 浏览: 541 次添加人:胡居雄 | 发表于: 2009-5-14 ] 网站随着互联网络的发展越来越普及和深入到每一个行业、每一个人。做网站对于知道的人是很简单的事情,对于不知道的人,显得很高深莫测。其实,做网站的门槛是很低的,只要你想做,很少钱、很短时间就可以做到。对于我们自己,做网站可以随心所欲,充分展示自己。我在这里把做入门级网站的具体步骤告诉你,如果要做大型的网站,这个就肯定不够用了。 第一步:注册域名 什么是域名?域名是Internet上用来查找网站的专用名字,与我们熟悉的地址、门牌号的作用相似。据规定,域名由英文字母(不区分大小写),阿拉伯数字和横杠“-”组成,不能有空格,“-”不能放在最前面或最后面,每个层次最长不能超过67个字母。 互联网上的域名可谓千姿百态,但从域名的结构来划分,总体上可把域名分成两类,一类称为“国际顶级域名”(简称“国际域名”),一类称为“国内域名”。 一般国际域名的最后一个后缀是一些诸如.com,.net,.gov,.edu的”国际通用域”,这些不同的后缀分别代表了不同的机构性质。比如.com表示的是商业机构,.net表示的是网络服务机构,.gov表示的是政府机构,.edu表示的是教育机构。 国内域名的后缀通常要包括“国际通用域”和“国家域”两部分,而且要以“国家域”作为最后一个后缀。以ISO31660为规范,各个国家都有自己固定的国家域,如:cn代表中国、us代表美国、uk代表英国等。 举例:https://www.360docs.net/doc/c29129289.html,(国际域名) https://www.360docs.net/doc/c29129289.html,(国内域名) 互联网地址资源注册管理机构: 中国互联网信息中心https://www.360docs.net/doc/c29129289.html,/ 根据信息产业部授权,CNNIC是我国域名体系注册管理机构和域名根服务器运行机构。CNNIC负责运行和管理国家顶级域名CN、中文域名系统及通用网址系统。 CNNIC是亚太互联网络信息中心(APNIC)的国家级互联网络注册机构成员(NIR)。以CNNIC为召集单位的IP地址分配联盟,负责为我国的网络服务商(ISP)和网络用户提供IP地址和AS号码的分配管理服务。 推荐的知名注册服务机构: 中国万网https://www.360docs.net/doc/c29129289.html,/ 新网https://www.360docs.net/doc/c29129289.html,/ 中国频道https://www.360docs.net/doc/c29129289.html,/ 商务中国 新网互联https://www.360docs.net/doc/c29129289.html,/ 第二步:制作内容 根据自己想要做网站的目的来设计组织网站的页面和内容。 构成网站页面的必备要素:

frontpage2000网页制作教程(完全版)

第一课从一个网页开始 Frontpage2000教程第二课编辑网页 Frontpage2000教程第三课使用图形 Frontpage2000教程第四课超链接 Frontpage2000教程第五课使用表格 Frontpage2000教程第六课组件的使用 Frontpage2000教程七课使用框架 Frontpage2000教程第八课使用多媒体 Frontpage2000教程第九课站点操作 Frontpage2000教程第十课表单设计 Frontpage2000教程第十一课创建讨论组 Frontpage2000教程第十二课站点的发布 frontpage2000教程第一课从一个网页开始 作者:未知阅读人次:5527 文章来源:未知发布时间:2004-11-20 网 友评论(7)条 认识Frontpage2000 你是否紧跟时代的潮流上了网?你在聊天室里是否听过别人聊起自己的个人主页,你会不会觉得自己没有个人主页就落伍了?有没有想过自己也要做一个主页?想过?那你还瞎呆在那里干什么?赶快阅读本教程,你就该学会制作自己的主页了。 本教程教你学会使用微软公司的Frontpage2000,学会干什么?当然是做你的个人主页啦。或许你认为制作主页是一门很深奥的工作,需要懂得大量的计算机知识。我现在要告诉你,你错了。在这个流行图形操作系统的今天,制作主页不再需要你去学习复杂,烦躁的HTML语言了,你只需要知道一个概念:主页(也称网页,怎么样称呼都无所谓)就象一张白纸,你可以在上面写字,画画等等,通过自己的设计,那张白纸可以变成很漂亮。做主页时就是这个概念,只不过我们写字,画画是用笔和白纸,而做主页我们是用鼠标,键盘和Frontpage

网页制作软件有哪些

网页制作软件有哪些? 一、菜鸟级网页制作软件 如果你是一个网页制作初学者,那么让下面几种软件带你走进那绚丽多彩的网页制作世界吧! ①Microsoft FrontPage 如果你曾对Word很熟悉,那么相信你用FrontPage进行网页设计一定会非常顺手。使用FrontPage制作网页,你能真正体会到“功能强大,简单易用”的含义。页面制作由FrontPage中的Editor完成,其工作窗口由3个标签页组成,分别是“所见即所得”的编辑页,HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器,支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。 FrontPage最强大之处是其站点管理功能。在更新服务器上的站点时,不需要创建更改文件的目录。FrontPage会为你跟踪文件并拷贝那些新版本文件。FrontPage是现有网页制作软件中惟一既能在本地计算机上工作,又能通过Internet直接对远程服务器上的文件进行工作的软件。 ②Netscape编辑器 Netscape Communicator和Netscape Navigator Gold3.0版本都带有网页编辑器。如果你喜欢用Netscape浏览器上网,使用Netscape编辑器真是简单方便!当你用Netscape浏览器显示网页时,单击编辑按钮,Netscape就会把网页存储在硬盘中,然后就可以开始编辑了。你也可以像使用Word那样编辑文字、字体、颜色,改变主页作者、标题、背景颜色或图像,定义描点,插入链接,定义文档编码,插入图像,创建表格等,是不是与FrontPage2000还有些像? 但Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的,Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话,能够使用Notepad或Ultra Edit等文本编辑器来编写少量的HTML语句,也可以弥补Netscape编辑器的一些不足。 ③Adobe Pagemill Pagemill功能不算强大,但使用起来很方便,适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和Image Map图像,那么Adobe Pagemill的确是你的首选。 Pagemill另一大特色是有一个剪贴板,可以将任意多的文本、图形、表格拖放到里面,需要时再打开,很方便。 ④Claris Home Page 如果使用Claris Home Page软件,你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具,你不必花费太多的力

简单的网页制作教程-设计一个个人网站

题目:设计一个个人网站 一、要求: 1.使用Dreamweave网页工具制作一个个人网站; 2.包含至少四个网页: 包括首页、个人简介、个人相册等(可随意设计),网页之间用超链接相连。 3.网页中要有图片和文字内容,用表格进行页面布局; 4.添加至少两种行为,并为首页添加背景音乐。 5. 在网站中设计一个表单页面。 6. 首页必须包含页面标题,动态按钮导航栏。 首先新建一个文件夹,文件夹的名字不能为汉字,做网站所有的路径都必须用字母或者数字, 不能用汉字,我们就用名字吧,譬如说名字张三,那文件夹名字就是zs,如图 打开Dreamweaver软件,得到图 做网页要新建站点,关于站点配置服务器什么的,这里不讲了,只讲建立站点。 选择站点——新建站点。 我们建的文件夹就是站点根文件夹。

新建站点后得到这样一个界面 点选高级,得到界面 站点名称与我们建文件夹得名字相同,zs填进去就可以了本地根文件夹就是我们新建的那个文件夹zs, http地址为http://localhost/zs

接下来选择左侧栏里远程信息 点击无后面的那个三角,选择本地网络,远端文件夹同样选择我们新建的那个文件夹 接下来点选左面菜单里的测试服务器, 点选访问后面那个三角,选择本地网络,测试服务器文件夹也为我们建好的文件夹zs,在url前缀后面加上zs

然后点击确定就可以了得到这样一个界面。 下面看老师的第一条要求,是要至少四个网页,那我们就做四个 单击新建,然后单击 接下来,选择 然后单击创建,接下单击文件——保存,保存这个文件,保存在我们一开始建好的文件夹里面,保存名字不能是汉字,只能是字母或者数字,因为我们只坐四个网页,可以简单一点,把这四个网页命名为a、b、c、d,或者1、2、3、4,当然一个网站默认的索引首页名为index,这里也用index,

制作个人网页的步骤

■制作个人网页的步骤 一、准备材料 你首先做一个小计划,准备在主页上告诉人家什么?比如介绍三个方面:自我介绍,我的爱好,我的工作,那你就先起一个总目录(文件夹,比如d:\html),来放你的所有文件,然后再在这个目录建立三个子目录:myself,interest,job。文件名你可以任意,但最好全部小写,因为有的主机要认大小写。然后将你的材料copy 进相应的子目录。比如你要在你的主页里展示你的靓照,那就将你的照片扫描成JPG格式的文件,放在myself的目录下. 要注意,网上只能使用JPG和GIF两种图象格式,其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但你可以用图象软件进行转换,比如Office 97的照片编辑器。把你准备在你主页上出现的图象放进相应的目录里后,你就可以开始制作了。 二、开始制作 你无须去记复杂的HTML语言,你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选Edit Page,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页,你先写上“大家好,我是superboy,下面是我的照片:”这时要放图片了,只须点击Insert菜单,选取Image,在Choosefile里选取你的图象文件即可,然后把这个文件保存为myself.html文件,放在myself的目录下。好,现在必须做封面了,你在封面写:“欢迎来到superboy的主页”以下是“自我介绍,我的爱好,我的工作”。你的自我介绍要链接到下一页去,你只须用鼠标选“自我介绍”后按鼠标右键,再选create link,然后再选你myself目录下的myself.html,就将“自我介绍”链接到下一页了,以后在浏览器中一按,就可以跳到镶有你靓照的页面啦。

怎样制作网页制作网页详细操作步骤

怎样制作网页制作网页详细操作步骤 怎样制作网页制作网页详细操作步骤 制作网页主要有以下一些工具 Frontpage:office自带的一个工具,操作简单,实用,学起来 比较轻松,功能不咋地,我不太喜欢。 Dreamweaver:这是网页三剑客之一,专门制作网页的工具,可 以自动将网页生成代码,是普通网页制作者的首选工具,界面简单,实用功能比较强大。建议初学者选用。 另外一个工具就是代码编辑工具,例如写字本、EditPlus等, 这些工具主要编辑asp等动态网页。 大型的网站往往还需要数据库的支持,所以还得懂数据库。sql、甲骨文等。 总之,掌握好网页制作,能独立完成一个网站的制作工作,那就不要考虑吃饭问题。随便混就好了! 网站设计八步骤 由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一 行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为 什么呢?常言道:“性急吃不了热豆腐”。建立一个网站就像盖一幢 大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵 循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。 一、确定网站主题 网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站

那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的 特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要 是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围 内内容做到大而全、精而深。 二、搜集材料 明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸 引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站 就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可 以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为 自己制作网页的素材。 三、规划网站 一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座 漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只 有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有 吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。四、选择合适的制作工具 尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制 作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民 选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool3d、GifAnimator等;还有网页特效 工具,如有声有色等,网上有许多这方面的软件,你可以根据需要 灵活运用。

怎样制作自己的网页

和怎样制作自己的网页 时间:2009-09-22 19:35来源:未知作者:大宝库点击:9865次 阅读工具:字体:大中小 一 首先,可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样,是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次,要清楚学习它是用来做什么。 建议你要具备的条件:对电脑熟练操作,使用电脑最好在一年以上,对网页设计感兴趣,有较充足的学习时间,熟悉office办公软件。当然,这些不是一定必须的。 第一阶段:开始时最好是学些网页编辑软件,如:FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学,结合教程边学习边制作。 第二阶段:会用网页制作软件后,已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美,还是学习网页的核心技术吧!网页编辑语言(包括:html、css、javascript、asp、xml等)。你可以选择地学习。 第三阶段:结合你自己已掌握地知识来开发网站,可以开发出别人给你定义的目标网站。到了这个时候,你就成为真正的网站开发者了。 怎样制作网页,不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要,希望能够给想要学习制作网页的朋友一个参考。 二 一、工具 1、空间 网页做好了肯定是要发表上网的,所以必须先申请一个空间;免费的空间不是很稳定,容量又小,也不好申请,建议到大的网站如新浪、网易去先买一个个人空间,大概有个20M以上的就可以了。 2、软件 推荐使用Dreamweaver6.0中文版,这个软件最大的特点就是“所见即所得”,也即是制作过程中看到的,便是到时发布到网络上的。 二、教程

教你制作静态网页的方法

教您制作静态网页的方法 一、网页设计基础 1、熟悉Dreamweaver 8的工作环境 2、创建新站点 创建本地站点:站点----管理站点----新建----站点(前三步也可直接从“新建站点”进入下面的设置向导对话框)----跟随向导设置直至完成 3、网页文件的基本操作 a、创建、打开与保存网页文件 创建:文件----新建----创建 打开:文件---打开----选择欲打开的文件 或者在右边的文件浮动面版中选择打开 保存:文件---保存或另存为 b、设置网页的页面属性 修改---页面属性---然后设置(标题、背景、背景图像、文本等) c、设置网页对象的颜色 网页对象,如页面背景、文字、链接都经常需要设置颜色。 可在各自对应的属性面版中设置。 d、网页文本的输入与属性设置 文本可键入、导入、粘帖 文字可设置字体、大小、颜色、格式等。 键入空格的方法:1、汉字输入法设置为全角方式,按空格键即可输入。2、属性面版格式中:预先格式化的 换行:ENTER、SHIFT+ENTER 实例练习: 1、输入以下文字 书签夹在诗集里, 落叶夹在深秋里。 喜悦夹在生活里, 追求夹在人生里。 2、第一次设置格式为“无”,字体为“华文行楷”,字体颜色为“红色”,字号为“5号”,添加项目符号。然后保存、预览。 3、第二次设置格式为“标题一”,字体为“楷体”,字体颜色为“蓝色”,字号为“5号”,添加项目符号,对齐方式为“居中”。然后保存、预览。 比较两次设置的效果。 e、网页图片的插入与属性设置 插入图片,在对话框中选择图片。(最好在建立站点时将欲用的图片素材复制到本地站点目录中) 插入图像占位符,在图片准备好后再加入图片。加入方法:1、双击图像占位符;2、点“属性面版”中的“指向文件”,拖到右边文件中要插入的文件处。

会考专题之网页制作操作题

会考专题之网页操作题 上机前准备:请同学们们下载天安门的图片、一张蛋糕图片到c:\windows文件夹下,并分别取名为“天安门.jpg”和“蛋糕.jpg”以备后面操作使用。 用Frongtpage(网页制作软件)实现下列操作: 1、设置网页背景、插入超链接 C:\ata_mso\testing\154752-566\frongtpage_bo3\国庆.htm页面进行以下操作: (1)将网页的背景颜色改为红色。 (2)在网页上输入文本“天安门”,并把天安门建立超链接,链接到图片天安门.jpg (3)将该网页另存为“中华.htm”仍保存在: C:\ATA_MSO\testing\154752-566\frongtpage_bo3\文件夹下。操作步骤: ①点击屏幕左下角的图标启动frontpage。 ②设置网页背景:右单击网页空白处,执行“网页属性…”,打开格式标签,设置背景颜色为红色。 ③插入超链接:输入文本“天安门”→选中“天安门”→单击“插入”菜单→选择“超链接”→在左边选择“原有文件或网页”→然后在查找范围中按照给定的位置找到并选择“天安门.jpg”→确定。 ④保存:“文件”菜单→“另存为”→找到保存位置→文件名为“中华.htm”→保存。

2、设置网页标题、输入文字、插入图片 用Frontpage创建空白页面并进行以下操作:(1)将网页标题设为“爱我中华”。(2)在网页中输入文字“隆重庆祝新中国成立60周年”并将字体设置为黑体、24磅、居中,颜色为红色。(3)在文字下放插入一张名为天安门.jpg的图片 (4)将该网页命名为“index”,保存在C:\windows文件夹下。操作步骤: ①点击屏幕左下角的图标启动frontpage。 ②设置网页标题:右单击鼠标,执行“网页属性…”,在常规标签的标题栏中输入标题,“爱我中华”→确定。 ③在网页中输入:隆重庆祝新中国成立60周年—选中文字—格式—字体—依次设置字体为黑体、字号为24磅—确定,利用“格式工具栏”设置:对齐方式为居中、字体颜色为红色。 ④插入图片:“插入”菜单→图片→来自文件→选定“天安门.jpg”→插入。 ⑤保存。“文件”菜单→保存→找到保存位置→文件名为“index.htm”,保存类型选“网页”→保存。 3、设置网页背景、插入表格、插入图片 用Frontpage对d: \birthday.htm页面进行以下操作: (1)将图片d:\图片\背景.jpg 设置为该网页的背景

HTML5网页设计10个好用的小工具

迎接HTML5网页设计来临,10个好用的小工具介绍 本文由北京华美世彩https://www.360docs.net/doc/c29129289.html,/ 提供下载转载请保留 HTML5时代即将来临,各种网页设计表现形式也开始层出不穷,你甚至都不知道明天会出现什么的样的网页设计,因为HTML5太强大了。HTML5对网页设计的要求也会越来越高。好的网页设计辅助工具对网页设计开发是有很大的帮助的,一些好的工具软件能让网页开发设计工作事半功倍。下面小编就给大家介绍一些国外网页设计经常使用的一些小工具,希望对广大网页设计能有所帮助。 1、Scroll Kit 软件 该工具是Wordpress的一个插件,你可以直接在浏览器中对编辑好的网站进行字体字号编辑、插入图片、添加卷标、图层和表格等一系列操作,直接在可视化模式下编辑,所见即所得,让你实时把握网页设计的风格走向。大家可以去Scroll Kit官方网站体验一下。同类型的工具还有Breezi。在功能上Breezi更加强大一些,Breezi 是一个浏览器端网页设计管理工具,不过操作也更复杂,大家各取所需吧。 2、Skeleton 软件 Skeleton是一系列CSS和JS文件的集合,它可以帮你快速的调整网页设计在不同的显示分辨率下的显示效果,17寸的显示器和iPhone的屏幕网页显示效果是不一样的。Skeleton 有三个主要原则:网格在移动设备上快速响应、快速启动以及风格不可知论者。 3、Responsive Design Test Bookmarklet 软件 一个小小的脚本档,可以帮助你实时查看任意网页设计在不同设备分辨率下的显示情况。进入Responsive Design Test Bookmarklet网站按提示设置不同分辨率之后生成代码,将生成的代码拖动到你需要测试的网页标签中就可以使用了。 4、Box of Bundles 软件 Box of Bundles集中了全球众多网页设计使用的UI模板、登陆框、分享按钮等网页设计中需要使用的内容,这些东西都是免费的。 5、Invision 软件 Invision是一款UI原型设计工具,用于交互原型和框架设计,如果你这在寻找一款UI 设计工具的话可以试试这个。 6、Layercake 软件 将你的Photoshop Web档快速的转化为适合网页设计使用的档,只需要将PSD文件拖动到程序中就行,而不需要在Photoshop中逐个转换浪费时间,而且还是自动按照你设计时对每个档的命名而对新档重命名,不过需要注意的是该软件只有Mac版本。 7、Temboo 软件 Temboo中含有超过60个API,这个软件开发工具包包含了众多Java环境下使用的API。 8、Parse 软件 Parse是一个完整的iOS和Android 后端支持平台,它可以让开发者完成忘掉服务器端的事情(Parse透明地为你提供服务端的支持),全情投入在客户端的开发上面,有人把它模拟成手机开发中的Rails。Parse提供了: ?推送服务 ?用户、社交网络连接(含Twitter,Facebook) 此外,Parse还提供了本地数据与服务端数据同步的服务,开发者只需要对本地的数据进行操作就行。有这样好的SDK和服务提供给你时,做一个iOS或Andoird应用变得更加

制作网页都用什么工具和语言有哪些呢

制作网页都用什么工具和语言有哪些呢 你最起码要先学会html超文本标记语言再谈其他的工具方面我喜欢dreamweaver8.0图像及动画方面我喜欢photoshop cs3 flash8.0用这三个做网页基本上无往不利了不过要想学会没有半年也是不行的 学会html之后再学css网页排版再学javascript网页特效 都学会了再去学数据库这是动态网页的基础之后再去学asp php 另外我再转给你一段文章希望你看过后会有所感悟 CSS网页布局开发应该使用什么软件呢?这是一个非常常见的问题。往往会令新 手朋友感觉迷茫,今天就这个问题我们来说一说吧。如果你有什么想法可以参与评论,大家集思广议吧。 有很多朋友是用DreamWeaver进行开发,DreamWeaver是三剑客之一,在传统的table布局中,可视化的环境让我们编辑网页非常轻松,各项功能面板进行设置即可达到想要的效果。虽然简化了操作,方便了我们的制作,但我们丢掉了很多东西,以至于有朋友从业几年了,却完全看不懂HTML代码,看不明白那些标签的真正含义是什么。 CSS网页布局是建立符合WEB标准的网页,表现、内容、行为分离。我们要简化我们的代码,让其效率更高。而应用DreamWeaver往往会增加许多垃圾代码,而且不够简化。一句代码能够搞定的设置,DreamWeaver或许搞出四五句

话来帮你完成。更重要的是,如果项目是由一个多人团队协作完成,这样由DreamWeaver所制作出来的代码,往往会让其他成员感觉很棘手,一堆代码, 没有明确的界定与规律,无从下手与识别。这与table布局时的代码大同小异。 有些朋友或许会说,我们可以使用DreamWeaver的代码提示功能,辅助编码。例如我们在代码中键入“F”往往DreamWeaver就会提示以“F”有关的一些 样式,这对于英文基础薄弱的朋友来说是雪中送炭。这个功能我们可以使用,但请注意,不要产生依赖的心理。如果你到了一个新单位,或者加入一个新的项目 团队,或者处理一些应急问题,脱离了DreamWeaver这个环境,你很快就愣 了,完全不知道如何进行样式的编写。而且这样长久下去,你对代码的含义理解也不够明确与清晰。 如果你想对CSS了如指掌,你想对CSS网页布局的工作非常熟练。建议你扔掉 一切辅助软件,用记事本进行开发。如果感觉很困难或者一些单词记不住。没有关系,放一个参考列表在手边,一行一句,一个词一个字母的慢慢的进行编写。一两天以后,你感觉就适应了,一两个星期以后,你就完全熟练了。实践证明这样的付出是值得的,你完全能理解代码是什么,为了少敲字母,你会尽量的想办法去精简你的代码,用很少的代码实现同样的功能与样式设置。假以时日,你的代码就规范 了,你就越接近高手的境地了。 当我们熟练了,我们为了提高工作效率,让开发的速度更快,我们就可以使用相关的辅助软件了。例如最通用的DreamWeaver。或者其它开发工具Notepad++、TopStyle。 html是静态网页制作语言

个人网页制作实验报告

湖南文理学院芙蓉学院个人主页课程设计报告 课题: 个人主页课程设计 姓名:吴珊 学号: 09120155 同组姓名:李芳 专业班级:计算机科学与技术0901班 指导教师:任盛 设计时间: 2012年6月13日

目录 1、实验目的与要求 (3) 2、主题介绍 (3) 3、工具的选择与介绍 (4) 3.1主要使用工具:Dreamweaver (4) 3.2图片处理软件:Photoshop (5) 4、网页设计实现的过程 (5) 4.1实验的分工 (5) 4.2主页的制作 (6) 4.3分页2制作(新疆美食): (7) 5、个人网站截图 (9) 6、实验总结 (11) 7、参考文献 (11) 附录: (12) 附录一(主页部分代码,有删减): (12) 附录二(分页2新疆美食部分代码,有删减):------------------- 14

1、实验目的与要求 (1)自主选择主题实现一个关于主题的个人网站 (2)使用PS、Dreamweaver等软件对界面进行设置 (3)实现网页界面的美观、内容详尽丰富。 2、主题介绍 国家的历史有长有短,疆域有大有小,实力有强有弱,人口有多有少,民族构成、宗教信仰、政权性质和经济结构也有差异,故而各国的饮食文化是不一样的。 中国饮食文化是一种广视野、深层次、多角度、高品位的悠久区域文化;是中华各族人民在100多万年的生产和生活实践中,在食源开发、食具研制、食品调理、营养保健和饮食审美等方面创造、积累并影响周边国家和世界的物质财富及精神财富。 民以食为天,中华上下五千年美食文化更是源远流长。所以这次我们选择了“美食”作为主题。美食,顾名思义就是美味的食物,贵的有山珍海味,便宜的有街边小吃。但是不是所有人对美食的标准都是一样的,其实美食是不分贵贱的,只要是自己喜欢的,就可以称之为美食。吃前有期待、吃后有回味的东西。美食遭遇心情的时候,美食已不仅仅是简单的味觉感受,更是一种精神享受。中国美食体现了中华民族的饮食文化传统,有许多独特之处。由于风味多样,四季有别。导致各地的美食各有千秋。 系因地理、气候、习俗、特产的不同形成了不同的地方风味,美食菜系的划分单就汉族的饮食特点而言,目前有四大菜系、八大菜系、十大菜系之说,而且划分系类仍有继续增加的趋势。如果按四大菜系分:有川菜、粤菜、苏菜和鲁菜。也有分八大菜系的。其中各大菜系交相辉映,各有千秋,成为了中华民族珍贵的文化瑰宝! 本次的主题分为两大部分,新疆美食、湖南美食两个主要部分。通过这两个板块来介绍两个地方的美食,以突显南北两方的美食差异与特点。让大家通过我们这个网页,以我们的网页为窗口了解湖南美食,了解新疆美食,从而增强对我国的美食文化的了解。 湖南美食-----湖南菜特别讲究原料的入味,技法多样,有烧、炒、蒸、熏等方法,尤以“蒸”菜见长。最为精湛的是煨,原汁原味。且刀功精妙,形味兼美,菜肴千姿百态,变化无穷。 新疆美食-----新疆的主食是面条、馕和牛羊肉,菜以酸辣口味为主,洋葱、番茄、辣椒、土豆用大蒜头等是常用的蔬菜配料,当然也少不了孜然、辣椒粉、醋等调味料,所以新疆菜总是香喷喷、又酸又辣,特别开胃。总地来说,新疆各民族的人们都偏爱吃面食、奶制品、牛羊肉及各种瓜果.

网页制作动态流程简介

实训13 FrontPage网页制作 1.实训目的 掌握FrontPage网页制作的基本方法。 掌握设置网页超链接、滚动字幕、悬停按钮等操作方法。 掌握网页浏览的方法。 2.实训内容 FrontPage的启动与关闭。 制作简单的网页。 对制作的网页进行编辑和修饰,效果如图11-34所示。 图11-34 效果图 3。实训步骤 (1)创建网页 启动FrontPage应用程序,单击“文件”下拉菜单中“新建”命令,弹出“新建”任务窗格,选择“新建网站”选项区的“由一个网页组成的网站…”,弹出“网站模板”对话框,选择“常规”选项卡中的“只有一个网页的网站”模板,如图11-35所示。 单击“确定”。

图11-35 “网站模板”对话框 (2)保存网页 单击“文件”菜单中的“另存为”命令,打开“另存为”对话框。 选择保存位置“我的文档\我的个人网站”,在“文件名”文本框中,输入“index”,在“保存类型”下拉列表框中,选择“网页”选项。单击“更改标题”按钮,将网页标题改为“我的个人主页”,单击“保存”按钮。 (3)插入滚动字幕 将光标定位于网页第一行位置。 单击“插入”菜单下的“Web组件”命令,弹出“插入Web组件”对话框,选择“动态效果”中的“字幕”,单击完成。 弹出“字幕属性”对话框,在“文本”框中输入“欢迎光临我的个人网站”,单击“样式”按钮,弹出“修改样式”对话框,再单击“格式”按钮,选择“字体”选项。 弹出“字体”对话框,设置字体为隶书、加粗、36pt、紫红色,然后按“确定”返回。 单击“预览”视图,可观看字幕效果。 (4)插入水平线 回到“设计”视图后,换行将鼠标指针置于第二行位置。 单击“插入”菜单下的“水平线”命令。 双击水平线,打开“水平线属性”对话框。 设置宽度为100%,高度为5像素,水平居中对齐方式,颜色为紫色。 (5)插入表格 将鼠标指针置于水平线的下一行,单击“表格”菜单中的“插入”“表格”命令,弹出“插入表格对话框。 在“大小”选项组中,设置表格的行数为4,列数为3。 在“布局”选项组中,设置表格的对齐方式为“居中”,边框粗细为1,单元格间距为1,指定宽度为650像素,指定高度为500像素。 单击“确定”按钮,一个表格便插入了网页中。 选中表格第一列,单击右键,弹出一快捷菜单,选择“合并单元格”命令。 在合并后的单元格中单击右键,再弹出的“快捷菜单”中选择“单元格属性”,在弹出的“单元格属性”对话框中作如下设置:对齐方式为居中,指定宽度为100像素,指定高度为550像素,行跨距为4,列跨距为1,背景颜色为粉色。

最常用html5网页设计工具

最常用html5网页设计工具 HTML5现在已经成为最流行的标记语言,拥有成熟的社区和广泛的浏览器支持,HTML5完备的功能和强大的拓展性使得设计师和开发者可以点铁成金。了解最常用html5网页设计工具,有更多的可控元素,更自由的交互设计,变化随心的动效,丰富生动的多媒体都可以借助HTML5一手掌控。 更自由的搭建方式也意味着你需要掌控的东西更多,不过好在更多可能性还意味着更多的开发工具。下面小编推荐的20款开发工具能帮你更便捷地优化你的网页和Web应用,希望你能在这个不长的列表中找到你需要的工具!想知道更多网页设计相关知识,请关注优就业IT常见问题栏目。 1. Enyo Enyo是一个可以帮你创造高品质本地HTML5应用的框架,拥有跨平台兼容性的强大工具。早期的Enyo是作为传奇的移动操作系统webOS的程序框架而存在,在Palm被HP收购之后,Enyo开发团队将其转化为跨平台支持的程序框架,此后强大的Enyo团队随后被Google收入囊中,而重建后的Enyo团队则随着HP的移动开发部门加入LG,目前的Enyo是LG的webOS智能电视的重要支撑。Enyo非常强大,值得深入研究,你将获益匪浅。 2. Squire

Squire是一款HTML5 富文本编辑器,兼容不同浏览器的标准,轻巧灵活,让你写网页如同写文档一般轻松任性! 3. NoMe NoMe是一款能能被HTML5调用的JavaScript 地理和位置信息库。有了NoMe,获取地理和天气信息你不再需要调用庞大的数据库或者使用复杂的服务。 4. Snap Tomato 你可以在任何设备上轻松使用Snap Tomato来测试HTML5代码。你只需要打开编辑器写代码,然后在另外一个标签页中实时预览就好了。 5. BumpKit BumpKit 是一个仍在开发中的DAW式的库,是一组为网页而写的音频API。你可以借助BumpKit来创建混频器、采样器等。 6. CoverVid CoverVid是一个简单的轻量级jQuery扩展,借助它,你可以将视频当作图片背景一样运用到你的网页中,无论父元素是什么它都可以轻松插入并运用于其中。 7. Quintus

网页制作的个人小结

个人的小结 网页制作的心得体会----网页制作论文摘要通过这次个人网页的制作,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了一定的掌握。通过把自己的网页上传到互联网上,对文件的保存、上传、下载以及修改等知识有了更牢靠的掌握。通过自己的努力完成了自己上传到网上的第一个作品,那种成就感是无法用语言形容的。所以我觉得这次制作网页我已经达到了自己的目的,而不是单单为了完成作业而已。这是一个完全关于自己的个人网页,既然是介绍自己,就应该让观者在浏览了之后了解自己其人,我觉得这点我已经基本上做到了。 关键字页面设计ASP和数据库 1.一般来说,个人主页的选材要小而精。如果你想制作一个包罗万象的站点,把所有您认为精彩的东西都放在上面,那么往往会事与愿违,给人的感觉是没有主题,没有特色,样样有却样样都很肤浅,因为您不可能有那么多的精力去维护它。注意:网页的最大特点就是更新快。目前最受欢迎的个人主页都是天天更新甚至几小时更新一次。 2.题材最好是你自己擅长或者喜爱的内容。比如:您对诗歌感兴趣,可以放置自己的诗词;对足球感兴趣,可以报道最新的球场战况等等。这样在制作时,才不会觉得无聊或者力不从心。 3.不要太滥或者目标太高。“太滥”是指到处可见,人人都有的题材;“目标太高”是指在这一题材上已经有非常优秀,知名度很高的站点,你要超过它是很困难的。 选定了一个好的题材,是不是可以立刻动手制作了?不,经验告诉我们,必须要先规划框架。这是很重要的一步!每个网站都是一项庞大的工程。好比造高楼,没有设计图纸,规划好结构,盲目的建造,结果往往是倒塌;也好比写文章,构思好提纲,才不至于逻辑混乱,虎头蛇尾。全面仔细规划架构好自己网站,不要急于求成。 规划一个网站,可以用树状结构先把每个页面的内容大纲列出来,尤其当你要制作一个很大的网站(有很多页面) 的时候,特别需要把这个架构规划好,也要考虑到以後可能的扩充性,免得做好以後又要一改再改整个网站的架构,十分累人,也十分费钱。 大纲列出来后,你还必须考虑每个页面之间的链接关系。是星形,树形,或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱,层次不清的站点会造成浏览困难,影响内容的发挥。 为了提高浏览效率,方便资料的寻找,本站的框架基本采用“蒲公英”式,即所有的主要链接都在首页上,链接的层次不多,深度浅。 框架定下来了,然后开始一步一步有条理,有次序地做来,就胸有成竹得多,也为你的主页将来发展打下良好的基础。 下一步,你可以动手制作具体内容了,我将告诉你一些收集资料的窍门。 题材选定,框架选定,接下来就开始往主页里面填内容。我们称作资料收集 就个人主页而言,很少有人有能力完全靠自己来创作所有的内容。(一些高手能够提供自己编的软件,文章或则音乐,是我非常佩服的!) 大部分人的方法是:从报纸,杂志,光盘等媒体中把相关的资料收集整理,再加上一定的编辑后就可以了。 另外一个好的方法是从网络上收集,您只要到雅虎,搜狐等搜索引擎上查找相应的关键字,就可以找到一大堆的资料。 如果您是英语高手,您可以到国外站点上把最新的信息,资料翻译成中文,提供给大家,这叫“洋为中用”。

相关文档
最新文档