网页设计制作详细流程
展开全部 要领一:确定网站主题 做网站,首先必须要解决的就是网站内容问题,即确定网站的主题。
美国《个人电脑》杂志(PC Magazine)评出了99年度排名前100位的全美知名网站的十类题材:第1类:网上求职;第2类:网上聊天/即时信息/ICQ;第3类:网上社区/讨论/邮件列表;第4类:计算机技术;第5类:网页/网站开发;第6类:娱乐网站;第7类:旅行;第8类:参考/资讯;第9类:家庭/教育;第10类:生活/时尚。
我们可以参看上面的分类,继续细分。
如果自己在某些方面有兴趣,或掌握的资料较多,也可以做一个自己感兴趣的东西,一者,你可以有自己的见解,做出自己的特色;二者,在制作网站时不会觉得无聊或者力不从心。
兴趣是制作网站的动力,没有创作热情,很难设计制作出优秀的作品。
对于内容主题的选择,要做到小而精,主题定位要小,内容要精。
不要去试图制作一个包罗万象的站点,这往往会失去网站的特色,也会带来高强度的劳动,给网站的及时更新带来困难。
记住:在互联网上只有第一,没有第二! 要领二:选择好域名 域名是网站在互联网上的名字。
一个非产品推销的纯信息服务网站,其所有建设的价值,都凝结在其网站域名之上。
失去这个域名,所有前期工作就将全部落空。
目前,做个人网站的很多都依赖免费个人空间,其域名也是依赖免费域名指向,如网易的虚拟域名服务,其实这对个人网站的推广与发展很为不利,不光是它“适时”开启的窗口妨碍了浏览者的视线和好感,让人一看就知道是个人网站,而且也妨碍了网页的传输速度。
所以,就我个人观点来说,首先花点钱去注册一个域名,独立的域名就是个人网站的第一笔财富,要把域名起得形象、简单、易记。
要领三:掌握建网工具 网络技术的发展带动了软件业的发展,所以用于制作Web页面的工具软件也越来越丰富。
从最基本的HTML编辑器到现在非常流行的Flash互动网页制作工具,各种各样的Web页面制作工具,下面是几款具有代表性的网页制作器: (1)HTML编辑器。
虽然HTML代码复杂,编辑和调试要花费大量的时间,但因HTML的稳定性、广泛支持性及可创建复杂的页面效果,仍受高级网页制作人员的青睐。
就目前来说,有众多的编辑器供选择,这些编辑器广泛支持复杂页面创建及高级HTML规范,使用较为普遍的有Hotdog等专业HTML编辑器。
(2)所见即所得的网页编辑器。
其中以Microsoft Frontpage为代表,它具有如Word一样的操作界面,熟知Word功能的操作者,只要稍加培训就能轻松编制网页。
而且,Frontpage还能解析网页的HTML源代码,并提供了预览支持。
但Frontpage的一些特殊显示功能并不能在其它非IE浏览器下实现。
所以Frontpage是一款非常适合初、中级网页制作人员使用的工具软件。
(3)现在非常流行的 Macromedia公司出品的Flash互动网页制作工具。
这是是一款功能非常强大的交互式矢量多媒体网页制作工具。
能够轻松输出各种各样的动画网页,它不需要特别繁杂的操作,也比JAVA小巧精悍!但它的动画效果、互动效果、多媒体效果十分出色。
而且还可以在Flash动画中封装Mp3音乐、填写表单等;并且由于Flash编制的网页文件比普通网页文件要小得多,所以大大加快了浏览速度。
这是一款十分适合动态Web制作的工具。
另外,个人网站制作者还需了解W3C的HTML4.0规范、CSS层叠样式表的基本知识、javascript、VBScript的基本知识。
对于常用的一些脚本程序如ASP、CGI、PHP也要有适当了解,还要熟练使用图形处理工具和动画制作工具以及矢量绘图工具,并能部分了解多种图形图像动画工具的基本用法,熟练使用FTP工具以及拥有相应的软硬件和网络知识也是必备的。
当然,互联网还是一个免费的资料库。
编制网页需要多种多样的按钮、背景还有各种各样图形、图片。
如果这些都要靠自己完成,既浪费时间又浪费金钱,而且还需要强大的图形、图片制作技术。
所以,为了省却这些麻烦,网站制作者完全可以从网上下载各种精美实用的图片、按钮、背景等网页素材。
要领四:确定网站界面 界面就是网站给浏览者的第一印象,往往决定着网站的可看性,在确定网站的界面时要注意以下三点: ①栏目与板块编排 构建一个网站就好比写一篇论文,首先要列出题纲,才能主题明确、层次清晰。
网站建设初学者,最容易犯的错误就是:确定题材后立刻开始制作,没有进行合理规划。
从而导致网站结构不清晰,目录庞杂混乱,板块编排混乱等。
结果不但浏览者看得糊里糊涂,制作者自己在扩充和维护网站也相当困难。
所以,我们在动手制作网页前,一定要考虑好栏目和板块的编排问题。
网站的题材确定后,就要将收集到的资料内容作一个合理的编排。
比如,将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位。
栏目的实质是一个网站的大纲索引,索引应该将网站的主体明确显示出来。
在制定栏目的时候,要仔细考虑,合理安排。
在栏目编排时需要注意的是: ●尽可能删除那些与主题无关的栏目; ●尽可能将网站内最有价值的内容列在栏目上; ●尽可能从访问者角度来编排栏目以方便访问者的浏览和查询;辅...
word2010怎么去除边框,不是页面设计里面的那个。
1.word边框有两种,分别是是word文字边框和word页面边框,下面一一介绍取消方法。
2.首先选中有边框的文字,然后点击菜单栏中的开始,点开边框工具,选择无框线。
3.这时可以看到word文字边框已经取消了。
4.在菜单栏中点击开始,然后点开边框工具,选择边框和底纹。
5.在边框和底纹中选择页面边框,然后点击无,最后点击确定。
6.此时可以看到文档中的word页面边框就取消掉了。
有没有一种网页,在一个页面输入需要的信息,就可以将Word模板里...
做网页可不是那么简单的事,但是如果你想做个简单的那很容易,如果稍微有点技术含量的网站,那估计就得下翻功夫啊!简单的Web页面可用预定义模板来创建,也可不采用模板而在空白页上自己进行设计。
创建新页面的步骤如下: 在网页视图下,选择“文件”菜单中的“新建”命令,再从其子菜单中选择“网页”命令,将弹出“新建”对话框,如图所示。
若用户要新建的网页是框架,则从“框架网页”选项卡中选择某种框架样式;否则,从“常规”选项卡中选择一种所需样式,然后单击“确定”按钮。
若想建立一空白网页,可在对话框的“常规”选项卡中选择Normal Page项,或直接单击常用工具栏的“新建网页”按钮。
建议逐一试用FrontPage提供的各种模板以便熟悉它们,日后你就可以自如地利用模板创建常规Web页面,能够节省许多时间。
1.在网页中插入图形 图片往往比大量的文字讲述更具吸引力和说服力,在web页面中适当地添加图片会使网页丰富多彩,但过多地加入图片将降低页面的下载速度,特别是对通过调制解调器访问web页的用户。
大多数图形都是采用压缩格式,有的调制解调器不具有压缩功能,这种调制解调器速度更慢。
因此用户在加入图片时,应认真选择和进行规划。
虽然图形可使web页更有趣味,但应适度使用(使用较少颜色,缩小高度和宽度或裁剪图形、降低图形的分辨率,尽可能地减少图形文件大小,如用压缩格式的文件类型)。
Web页面所使用的两种图片格式分别为GIF和JPEG,用户可选择“插入”菜单中的“图片”命令,再从其子菜单中选择“来自文件”命令,打开“图片”对话框,“图片”对话框提供了“扫描”、“使用您的web例览器来选择网页或文件”、“剪贴画”和“在您的计算机上选择一个文件”四种途径插入图片。
对于一些非GIF和JPEC格式的图片,FrontPage可以自动地将这些文件转换成GIF或JPEG格式。
2.在网页中插入水平线 水平线可以在网页上清晰地划分界限,而且对用户网页的布局起着重要的作用。
添加一条水平线,可以通过“插入”菜单中选择“水平线”命令添加。
在默认状态下水平线是灰色的,用户可以像改变文本颜色一样改变水平线的颜色。
改变水平线的颜色有两种方法(必须在不加主题的情况下): (1)双击该水平线,将显示“水平线属性”对话框。
在对话框的“颜色”项,选择下拉列表,从中选择合适的颜色,单击“确定”按钮。
(2)用鼠标右键单击这条水平线,从快捷菜单中选择“水平线属性”命令,再从对话框中选择一个合适的颜色。
使用框架 -------------------------------------------------------------------------------- 框架是把Web浏览器的视窗分成几个部分,每个部分都是独立的Web页面,这样便可同时显示多个页面。
可以很容易地用FrontPage创建一个多框架的web页面。
为了创建具有框架的Web页面,可从“文件”菜单的“新建”子菜单中选择“网页”命令,弹出“新建”对话框,选择“框架网页”选项卡。
在左边的列表中可选择不同类型的框架模板,选定模板后,按“确定”按钮即可创建一个具有框架的网页。
在创建有框架的Web页面时,应注意有些web浏览器不支持框架。
虽然使用不能显示框架的浏览器的用户已很少,为确保这些用户仍然能够浏览到Web站点上的内容,可以填上要告诉那些低版本浏览器的使用者的话,例如请对方更换浏览器等。
在新建的框架的窗口中,单击“设置初始页”按钮将会弹出“创建超链接”对话框,可以链接到一个指定页面;单击“新建网页”按钮将创建一个新页面,然后在该页面内对该页进行编辑。
在编辑页面时,若感觉页面被放在一个狭窄的框架中太拥挤,可选择“框架”菜单中的“在新窗口中打开网页”命令,这样便打开一个新的满屏窗口,可以自由地在页面中增加内容。
利用FrontPage的框架页面模板在Web页面上引入了框架布局,我们还可以在此基础上,根据需要进行进一步的设计。
1、增加新框架 要给框架页面增加新框架,就是像拆分表格的单元格一样,把一个框架分为两个框架。
其操作如下: (1)按住Ctrl键,将鼠标放在框架边框上,当鼠标变为上下箭头时,可把边框拖到一个新位置,当松开鼠标按钮时,一个新的空白内容的框架就形成了。
(2)也可以通过命令来操作:首先单击要拆分的框架内部,选“框架”菜单中的“拆分框架”命令,在弹出的“拆分框架”对话框中单击“拆分成列”或“拆分成行”单选按钮,单击“确定”按钮即可。
2.删除框架 若框架页面看起来太乱,可删除某些框架。
要删除一个框架,可先单击该框架选择它,再选择“框架”菜单中的“删除框架”命令即可。
3.改变框架属性 在设置好框架的整体布局后,我们还可以对每一框架的具体属性进行设置,操作如下: (1)单击需设置属性的框架,选择“框架”菜单中的“框架属性”,则弹出“框架属性”对活框。
(2)在对话框的“名称”文本框中可输入框架名,这样便于识别不同的框架;在“选项”区域中,若选中“在例览器中可以调大小”复选框,则客户在浏览站点时,可重新定义框架尺寸,通过在“显示滚动条”下拉列表框中选择不同的描述项,可设置让滚...
转载请注明出处51数据库 » word页面设计模板
宇智波小高