1、网页设计模版是什么?应该怎么设计?
网页模板就是已经做好的网页框架,使用网页编辑软件输入自己需要的内容,再发布到自己的网站。每个网页模板压缩包内包含:PSD图片文件(可用Photoshop、ImageReady或Fireworks修改),按钮图片PSD文件、Flash源文件和字体文件,推荐使用Dreamweaver软件向网页模板添加内容。
创建和设置
1)模板的概念:作为创建其它文档的样板的文档。创建模板时,可以说明哪些网页元素不可编辑,哪些元素可以编辑。其扩展名为.dwt。
2)模板的作用:有利于保持网页风格的一致;提高工作效率。
1.创建模板
1)创建一个全新的模板:在模板面板中,使用快捷菜单按钮或单击面板上的新建按钮
模板面板的打开:Window菜单--Templates
2)创建基于文档的模板:File菜单-Save As Template
2.设置模板页面属性
1)用模板创建的文档继承模板的页面属性,页标题除外。
2)设置:Modify菜单-Page Properties
3.定义模板的可编辑区
1)定义模板的可编辑区
在模板文档中选定对象、Modify菜单、Templates、New Editable Region
2)取消可编辑区标记
Modify菜单-Templates-Remove Editable Region
应用和更新
1.应用模板创建文档
1)应用模板创建文档
使用模板创建新文档:File菜单-New From Template
或:File菜单-New-从模板面板中拖一个模板到文档
对现有文档应用模板:Modify菜单-Templates-Apply Template to Page-模板面板中选定模板-单击Select
或:从模板面板中拖一个模板到文档中
或:从模板面板中选定一个模板,单击Apply
2)可编辑区和锁定区
在应用了模板的文档中,只有可编辑区的内容才可以修改。
3)把页面从模板中分离出来
如果要对应用了模板的页面的锁定区进行修改,必须先把页面从模板中分离出来。
具体操作:Modify菜单-Templates-Detach From Template
2.修改模板
在模板面板中选定模板、单击编辑按钮或双击模板名称或使用快捷菜单的Edit、编辑完成后保存
3.更新站点中使用模板的所有文件
Modify菜单-Templates-Update Pages
2、用html如何制作一个简单的网页代码?
1、首先,在计算机桌面上创建一个新文件夹,然后在该文件夹中创建一个新的文本文档。
2、然后双击打开带有记事本的文本文档,如下图所示,我们编写一个简单的html代码。
3、单击“另存为”的功能选项,显示默认保存为编码为ANSI。
4、我们将更改编码和文件名,将其更改为如图所示的图像并保存。
5、然后返回到新创建的文件夹,发现有一个额外的html文件。
6、最后,使用浏览器打开html文件,效果如图所示,简单的网页被成功编写。
3、怎么用网页设计创建本页面的链接
1)首先你要注册一个域名(例如:www.***.com),现在也有免费的二级域名可以申请,到百度搜索一下:免费的二级域名申请,可以找到.
(2)你得去申请一个空间(就是你放网页的地方),同样有免费申请的(有WEB和FTP两种上传方式),但是一般免费空间都会在你申请的空间里放他们的广告的,挺烦人的.空间分为:静态空间和动态空间,静态的是只支持html格式的网页,动态的几乎所有的文件格式都可以支持.但是静态的比较不容易受到黑客的攻击,就是编辑时麻烦点.
(3)申请完空间就会获得相应的IP地址一个,把域名解析到这个IP上,再把空间跟域名绑定一下(两边都要绑定哦,要不就打不开你的网站了.
(4)下载一个网页编辑器编写自己的网页内容(例如:Frongpage.DW2004等)
(5)编辑完自己的网页,接下来就是要把他放到自己的空间里了,那么就得找一个上传工具(例如:LEAPFTP等)上传到空间里就OK了(注意:首页的文件名必须为:index.htm或者index.asp等,具体请根据你所使用的语言).
(6)告诉朋友你的网址,一起分享网络带来的快乐吧. BB这是需要掌握的技术步骤 第一讲 创建网站步骤
①在D:盘新建一个文件夹(比如:Myweb)
②单击“开始”→“程序”→“Microsoft FrontPage ”
③单击“文件”→“打开站点”,选择查找范围(比如: Myweb)
④在屏幕窗口右边输入文本或插入图片,然后单击“文件”→“保存”,保存时文件名为index.htm(提示:主页文件名约定为Index.htm)
⑤新建其他网页,请单击“文件”→“新建”→“空白网页”或直接单击工具栏上新建按钮。 注意,除主页以外的其它网页文件名可以自定义,但尽量用英文。 如果已经退出FrontPage,
请重复第②~③步,然后双击文件夹列表中的相应文件名可以继续编辑修改。 创建为网站的文件夹 普通文件夹 当前位置 主页>>网页设计与制作>>FrontPage 第二讲 网页的基本编辑 设置文本格式:在网页视图模式下,使用鼠标左键拖动选择要设置其格式的文本,单击鼠标右键,在所弹出的快捷菜单中选择“字体”命令项,或单击“格式”→“字体”。 插入图片:将光标置于网页编辑区中要插入图片处,单击“插入”→“图片”。 插入水平线:将光标置于网页编辑区中要插入水平线处,单击“插入”→“水平线”。若需要修改水平线颜色或宽度,请双击网页上的水平线 插入滚动字幕:将光标置于网页编辑区中要插入字幕处,单击“插入”→“组件”→“字幕”。然后,输入要滚动出现的文本内容(提示:字幕效果必须经过预览才能实现) 这里是滚动字幕演示 网页背景:在网页视图模式下,在网页编辑区中单击鼠标右键,选择快捷菜单中的网页属性命令。出现对话框后,选择背景。 当前位置 主页>>网页设计与制作>>FrontPage 第三讲 表格操作 创建表格:将光标置于网页编辑区中要插入表格处,单击“表格”→“插入”→“表格”。 设置表格属性:选中表格后,单击“表格”→“属性”→“表格”。 设置单元格属性:选中单元格后,单击“表格”→“属性”→“单元格”。 插入新的单元格:将光标置于单元格中,选菜单栏中的“表格”→“插入”→“单元格” 拆分单元格:选择要拆分的单元格,选菜单栏中的“表格”→“拆分单元格” 合并单元格:选择要合并的一列、一行或一组相邻的单元格,选菜单栏中的“表格”→“合并单元格” 当前位置 主页>>网页设计与制作>>FrontPage 第四讲 创建超级链接 创建指向站点内的网页或文件的超级链接:在网页视图模式下,键入或选中要用作超级链接的文本,选择菜单栏中的“插入”→“超链接”。 创建指向一个书签的超级链接:在网页视图模式下,首先在网页内指定的位置插入一个书签,方法是选择菜单栏中的“插入”→“书签”。然后,键入或选中要用作超级链接的文本,选择菜单栏中的插入→超链接。出现创建超链接对话框,在书签框上,选择要将其作为目标的书签。 使用导航栏:创建导航结构等同于创建超级链接,基本思路是首先创建导航结构,然后在需要的位置插入导航栏,如此同样实现网页之间的链接。具体步骤如下: 第一步,在导航视图模式下,选中文件夹列表里的网页,拖曳导向要起放置的位置,若重命名网页标题,可单击鼠标右键,选重命名; 第二步,在网页视图模式下,将光标置于网页中需要插入导航栏的地方,单击菜单栏“插入”→“导航栏”。 使用共享边框:共享边框内,包含了想要显示在共享边框的每一个网页上的项目。在网页视图模式下,选择菜单栏中的“格式”→“共享边框” 使用主题:选择菜单栏中的“格式”→“主题” CC这是网页运做的步骤 一、复杂方法 在手工制作个人网站的时代,我们可以总结出的网站制作步骤基本为:设计、切割、代码生成、发布。而在此之前,应该规划出网站的结构,包括页面数、栏目设置等。
1.设计 进行页面总体规划,包括风格、布局等。网站制作要有整体风格,各部分要保持协调,整个页面看起来才不显得凌乱。然后用平面设计软件制作整个页面,常用的软件有Adobe Photoshop、CorelDraw、Macromedia Fireworks等。Photoshop是平面设计的大拿,笔者也一直用它做页面设计,它从6.0版开始特别增强了对网页制作的支持,显得非常方便。现在流行的Fireworks是Macromedia网页制作三剑客的重剑手,由于它与Dreamweaver及Flash无缝集成,越来越受到网站制作人的欢迎。
2.切割 做完第1步,我们得到的只是一个图片文件,还没集成网页上应该有的元素。接下来要将图片按制作需求切割成小图。切割功能前面提到的两个设计软件中已经集成了(如Photoshop中提供的切片工具),不需要专门的软件来处理。
3.代码生成 这是整个制作过程中最重要的一环。我们要用HTML语言将切割下来的组件按整体设计“拼装”回去。众所周知,HTML语言是一种标记型语言,不须要编译就可以直接在浏览器中执行。所以理论上,我们可以用记事本等文本编辑工具来写代码。手写代码虽然被看作是一种很“酷”的行为,但是很耗时间,而且很难精确地控制格式。这时,便该专门的HTML编辑软件出场了。 HTML编辑软件大体上可分为两类:一类是代码型,典型代表为Homesite、Hotdog等;一类是所见即所得型,典型代表为Frontpage。也有两者兼具的,就是大名鼎鼎的Macromedia Dreamweaver。代码型实际上就是一个文本编辑器,不同的是,它可以有专门的代码提示功能,用起来比较方便。所见即所得是目前大家最推崇的方式,因为可视化的编辑基本丢弃了代码,方便快捷。 说到Dreamweaver,笔者就不多介绍了,我相信大部分的网站制作人都使用它在工作。Dreamweaver提供了代码编写模式和设计模式(即所见即所得),并且首次将“层”概念引入网页制作。Dreamweaver几乎可以满足所有人的需求,甚至还提供了ASP、PHP等脚本语言的代码提示。
4.发布 将制作好的页面放到服务器上,以便更多的人能浏览。发布通常采用FTP的方式,将文件上传到服务器。目前的网页制作工具基本上都有发布工具,可以通过各种方式发布你的页面,如Dreamweaver中的“站点管理器”。用户亦可使用FTP客户端软件进行这步操作。
4、怎么创建网站制作网页
设计主页首先要选择合适的工具软件,现在比较流行的网页制作软件是 FrontPage 和版 DreamWave。他们各有优缺点,权FrontPage 是微软出品的网页编辑软件,也是 Office 系列软件的组成部分。最新的 FrontPage2000中文版 在 Office2000 的软件包中可以找到。如果对 Office 有一定的基础,会用 Word 的人,很开就可以学会使用 FrontPage ,它的最大优点之一就是易学易用。另外 FrontPage 制作的网页在 IE 浏览器中的效果也特别好。但是,如果你希望网页在 Netscape 或其他浏览器上有良好表现,那么使用 FrontPage 就有些麻烦。不是说不可以,只是很容易出错。在这方面 DreamWave 就好很多,毕竟是第三方的软件。DreamWave是由 MacroMedia 公司出品的网页制作软件,最新版本是3.0,功能也同样很强大。不过学习起来要难一些,而且 IE 浏览器的一些高级功能就无法实现了。各有所长,只有自己权衡了。另外不要将两个编辑软件交替使用,否则会出现混乱。
5、网页设计的新建页面各属性都是怎么设置的?
目前普遍用的最低分辨率都是1024*768,800*600我想没人去用吧,眼睛都会看花掉;你设计的时候最小不要小于1.24*768这个就好了,因为布局的时候大部分都尽量自适应;新建的时候默认RGB模式8位就行了;只要你正常分辨率看上去页面颜色看上去没什么异样就行
6、怎么创建网页?
网站设计八步骤
由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为什么呢?常言道:“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。
一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。
二、搜集材料
明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。 四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool 3d、Gif Animator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。
五、制作网页
材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。
六、上传测试
网页制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,有些网页制作工具本身就带有FTP功能,利用这些FTP工具,你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后,你要在浏览器中打开自己的网站,逐页逐个链接的进行测试,发现问题,及时修改,然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友,让他们来浏览。
七、推广宣传
网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
八、维护更新
网站要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了,只有不断地给它补充新的内容,才能够吸引住浏览者
7、用ps设计网页 新建页面的宽度和高度应为多少
现在抄常规宽度是980吧.高度看自己定,高一点后面可以拆掉.
用ps设计网页
1.先用Photoshop做一个网页图片;
2.Ctrl+R调出标尺,在图片上绘制表格,框选出要做链接的部分;
3.使用切片工具,按照绘制的表格划分切片
4.以上步骤完成后,进行操作“文件”>“储存为Web和设备所用格式”,在打开的窗口中按照自己的需要为网页图片作设置,设置完成后,“储存”,保存类型“html和图片”,切片“所有切片”。
5.接下来用Dreamweaver打开html文件,为其作链接及其它。
6.最后保存就完了。