怎么样做网页设计,如何设计和制作网页

网页设计 0

怎样制作网页?

怎样制作网页?

网页的学名称作HTML文件,是一种可以在www网上传输,并被浏览器认识和翻译成页面显示出来的文件。    WWW是“World Wide Web"的缩写;HTML的意思则是“Hypertext Markup Language”,中文翻译为“超文本标记语言”。“超文本”就是指页面内可以包含图片、链接、甚至音乐,程序等非文字的元素。    网页就是由HTML语言编写出来的。    看到这,您也许会想:我最怕编程了!   别急!其实HTML语言只是一种排版语言,语法就类似于这样:“页高8宽
5,(1,2)处插入高1宽1的图片A...” 如果您是使用WPS或则Word的高手,那么恭喜您,网页制作的学习您已经走了一半路了!HTML  全称 HyperText Markup Language,正式名称是超文本标记语言,HTML语言发展很快,已历经HTML1.0、HTML2.0和HTML3.0、HTML4.0多个版本,现在HTML5.0正在测试,同时DHTML (动态)、VHTML(虚拟)、SHTML等也飞速发展起来。我们现在一般只要掌握HTML4.0就可以了。   html利用标记(tag)用来描述网页的字体、大小、颜色及页面布局的语言,使用任何的文本编辑器都可以对它进行编辑,与VB、C++等编程语言有着本质上的区别。   举一个简单的例子:     HTML 原代码: 从不懂上网到网络高手     在浏览器的显示效果: 从不懂上网到网络高手  其中 就是两个HTML标记。它以起始标记及结束标记标记文字 ,令它显示成粗体。   也有懒虫(像我一样:-)觉得一下要记住HTML那么多枯燥的标记实在太麻烦了。那么有一个偷懒的办法:找一个所见即所得的网页制作工具,即使一点HTML语言都不会,也可以制作出出色的网页。(嘘——,别声张!)后面,我会为大家介绍这类工具的。    说到底,我还是推荐您稍微了解一些HTML的语法。这样,您可以更精确的控制页面的排版,可以实现更多的功能。当大家称赞羡慕您的主页的时候,您就会觉得很值得哦!主页制作的基本条件   在WWW上,不论你是资产上亿的大公司,还是捉襟见肘的穷学生,只要你建立了自己的主页,你们的地位就是平等的。实际上,许多个人管理的站点比商业站点更加受欢迎。一切都在于你的内容和创意.那么制作主页需要什么条件呢?    主页制作的基本条件有:   硬件:   一台电脑(64MB以上内存,当然越大越好啦);   可以拨号上网;如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;   软件:   HTML编辑软件:常用的有Frontpage、Hotdog等,本文重点介绍 Dreamweaver;   图像处理软件:常用的有Photoshop、flash、Fireworks 等;   文件上传软件:常用的有Cuteftp、WSftp等。   如果你已经万事具备了,我们继续下一步:制作主页前的准备.如何制作网页目录 认识网页 制作主页前的准备 如何选择网页制作工具 如何把握网页布局 设计网站65条原则 下载安装Dreamweaver8 规划站点 设置站点 制作模板 制作首页 套用模板修改模板

如何用frontpage制作简单的网页

如何用frontpage制作简单的网页

利用FRONTPAGE 制作简单网页

一,熟悉网站制作的整个流程

过程与方法:上网搜索文字、图片等素材,制作一个班级网页,提高
情感态度与价值观:进一步理解网页作为常用的信息集成工具的优势

和特点,培养学生团队精神。
应该掌握的技能:


1、利用FrontPage,新建并保存一个站点。
2、新建、保存站点中的网页。
3、插入并调整表格。
4、在表格中输入文字并编辑。
5、加入背景图片。

6、在网页中插入图片并调整。
7、在网页中创建“超链接”。
8、在网页中利用框架布局网站。
9、在网页中设置背景音乐。
(二)发布网站
网页的发布,就是将制作好的网页发布到WWW中的某台web服务器上的过程。也就是将用户创建在本地计算机上的一个站点复制到服务器上指定URL的过程。
方法:单击文件→发布网站,弹出对话框,在远程网站选项卡中选文件系统,在远程网站位置输入一个本地计算机中的具体路径或单击浏览,再单击发布网站。
用专门的上传软件发布,如FlashFXP
实践操作
启动FRONTPAGE2003
方法:开始—程序—MICROSOFT FRONTPAGE 创建站点
站点就像一本书,网页就像书中的一篇篇文章。一个网站内可以包含很多页,当然也可以仅有一页。
一、 创建站点:
步骤1:文件——新建——站点
2:在“新建”对话框中,单击“只有一个网页的站点”或“空站点”图标,在“指定新站点的位置”列表框中输入站点文件夹的位置、名称,单击“确定”。
例如在E盘创建名字为mysite的站点,输入:“E: mysite”即可(注
意:在英文状态下输入),
如果没有设定位置,则默认的站点位置在“我的文档”内“My Web Sites”文件夹下“mysite”文件夹就是你刚创建的站点。
二、 创建网页:
步骤
1、新建网页:文件——新建——空白网页。
2、保存网页。 网页背景的设定:
网页背景:
1、格式——背景或单击右键—选“网页背景”。 ——在“网页属性”对话框中选“背景”选项卡,再选定“背景图片”并单击“浏览”按钮,点击图片文件名和“确定”按钮就可实现把背景图片与当前网页结合。

2、应用主题:格式——主题,选一种主题——应用。 网页背景音乐的设定 步骤:
1、格式——背景

2、选“常规”选项卡,在“背景音乐”的位置中点击浏览按钮,在弹出的“背景音乐”对话框中点击“在计算机选择一个文件”按钮,在“背景音乐”对话框中找出一个音乐文件即可。
注意:网页的背景音乐选midi或wav格式,不支持MP3格式。
三、利用表格布局网页
表格是网页的一个非常重要元素,Frontpage 中的表格不仅可以用来陈列数据,还可以实现网页的精美排版。

表哥布局:


6 页 共
8
分别插入三个1行1列的表格:宽:760像素 高:任意 ,水平居中 方法:①表格——插入——表格
②在弹出的“插入表格”对话框中设定表格的行列数等
设置第1个表格高度为210像素,插入图片banner.jpg,设置宽759像素,高210像素
方法:右击选择“表格属性“修改设置
方法:插入图片步骤:①光标放在要插入图片的位置
②插入—图片—来自文件,在弹出的“图片”对话框中,单击“从计算机上选择一个文件”按钮,选定一个文件后,单击确定。 注:(插入—图片—视频/Flash)用于插入视频/Flash文件 图片大小的设定:
方法:选定图片,图片上会出现八个控制点,将鼠标放在其中的一个控制点上,鼠标指针变以双箭头状,进行拖动操作可调整图片大小。 设置图片的对齐方式:
在图片上右击——图片属性——外观——左
设置第2个表格,右击选择“拆分单元格“,拆分单元格为5列1行,分别插入---web组件----交互式按钮(浮雕标签2),网站首页、走进乡愁、倾听乡愁、品味乡愁、感悟乡愁,字号12,字体微软雅黑,悬停蓝色,按下黄色,图像宽152像素,高35像素,保持比例去掉。其余几个按钮用复制粘贴,修改文本即可。
在最左侧文件夹列表里,将index.htm复制粘贴,分别命名为zjxc.htm,qtxc.htm,pwxc.htm。


7 页 共
8

(5)设置第3个表格,右击选择“表格属性“修改设置,输入文本 乡愁、、、、、,宋体,14磅,将第一行文本设为水平滚动字幕。 插入字幕方法:插入——Web组件——字幕——输入字幕内容——确定。如果要改变字幕的文本格式,可在“样式”——“字体”——“格式”,进行设置。

(6)在文本下边插入两行,菜单:表格----插入-----行/列

(7)分别在两行中输入文字,插入---网页组件------计数器,站长信箱要链接邮箱。
设置超链接方法步骤:选中文字或图片——击右键选“超链接属性”——在对话框中选择目标网页——确定

怎么设计网页?


1.用Dreamweaver软件做网页,会html标记语言,会asp或者jsp或者php等,然后在用一个数据库比如 ess,就可以做网页。
2.申请一个域名,一个空间,比如去万网或者紫田网络申请,互相绑定
3.用ftp软件将做好的网页上传到空间
4.浏览网站 ok

标签: #就业培训 #学院 #网页设计 #少儿 #服务器 #凯迪拉克 #钻戒 #质量