《网页设计与制作》第1章网页制作基础_第1页
《网页设计与制作》第1章网页制作基础_第2页
《网页设计与制作》第1章网页制作基础_第3页
《网页设计与制作》第1章网页制作基础_第4页
《网页设计与制作》第1章网页制作基础_第5页
已阅读5页，还剩32页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

网页设计与制作彐lHj第1章网负制作基础第1章I三I网页制作基础>Web和浏览器>Web❖Web的特点和结构■Web最大的特点是使用了超文本（Hypertext）■WWW采用C/S（客户机/服务器）工作模式■在浏览器和服务器之间应用HTTP（HyperTextTransferProtocol,超文本传输协议）2。1〜9作为网络应用层通信协议>URL❖Internet上所有的资源都有一个唯一的URL地址，一般将URL地址称为网址。URL的完整格式如下:协议://主机名（或IP地址）:端口号/路径名/文件名2012-9-93【例】几个URL的例子.(1)http://www.microsoft.com,用http协议和&省端口号(80)访问微软公司服秦器www.microsoft.com。这里没有指定路径和文件名,所以访问的结果是把一个缺省主页送给浏览器。>(2)ftp://ftp.pku.edu.cn/pub/ms-windows/winvn926.zip,用FTP协议访问北京大学FTP服务器上路径名为pub/ms-windows、文件名为winvn926.zip的文件。2012-9-94(3)http://gnacademy.org:8001///uu-gna/index,html,从运行在端口号8001的gnacademy.org服务器上访问index,html主页。(4)http://www.w3.org/Addressing/URL/5-BNF.htmltthttpaddress,访问www.w3.org服务器上Addressing/URL目录下的5-BNF.html网页文件中锚点标识为httpaddress的地方。2012-9-95＞辦觅器❖概述❖分类・InternetExplorer■NetscapeNavigator-Mosaic等专业浏览器以及一些以上述浏览器为内核的专用浏览器。其中使用最广泛的是Microsoft出品的InternetExplorer6.0（简称IE6）。2012-9-9WE6的界面标题栏菜单栏*ohue••/»|免舱明企■IKii

XIOE越物典运Eno^h短值惠值校友It播鱟离城宽鳞73^»BBS鹰机置价分类A达整擧贼HtT30析阗《胃财轻IT汽基房产明夺眚今女人生活棟攥_TO映爾ISW饺醺读书囊4房产〜otf«i,句格碑出n母罌解戏邐相访a文化助a饞士@霤巧地址栏f百效05年干,鼸钱快名校f在补景T浏览窗口诺基变O家君愛2«C西门子Gt駐AT珊赛考研格歸求职》欢松下©飞利摘e埋托罗I士尼•动••彩昭,务價•欢争【數蠲•效••不见不數•北京酃长电达当,实中央邛导反有尽有.•-；

'•-Ii-.*i21'-rWM.J.状态栏<•iohucca/c«U^hp^CQ^htMKka-bjTlSfrtItilwoe*>ww.參tMB,Cfi24小醐'9一3上pis诗ijj・分I5工H1钤霣:再生芯愛死ffwas^sftiA宏頁一y董上你•ght攉售:人事蓽遷酈轉＜玑关懣規呼•麻加竅承g不助&拽性片技¥•:ElMMEJfc猶既述MJ5•重莰_ytg爆作12人充MbMA_)金廉,在枳研豆＞»|外蛟货运種•季^?8t中£利晰生釋q餐g1stgy＜rB»tttfe也二外字直辭申EjQfflf1000M01英鳕汇聚坑州车方•催仙手机敦^|SUHVc«»POTUMDUKi~VtcroioftIntamatIHP!E32005出GBg_n^雪90T好項決均外g货大字&英助*加拿大技木移民析万霣SI2g»f拿&大现士OS5£U友擎解阗中心j■^图授儇目写ftg爾手机卡通鬌坏回£K•格•u月共附辰神2:::心更番+脚性格w顬*•,:盡厅fi承H^H曲让仔建7的使用❖浏览网页■“停止”按钮■前进和后退■刷新页面■改变文字大小■选择编码■全屏幕显示■查看源文件2012-9-9GC1A4<0®,n命打开多个窗口用菜单栏上的“文件”—“新建“窗口”,会打开一个新的浏览器窗口。国释•:」•堪利折70喊P•为戈吊番龙供?一般情况下,打开四、五个窗口可以充分利用系统资源,0<Gc・系找_作系找r«rlr*rllCGI*5F而且通过调整窗口的大小和位置还可以同时浏览。~L=*ZFt■!_■：后邐A'遭QBI\DOntJCUJ）、二］夕Ml163.COMASP基础教程d'-5|费Jhtt>i<1mcob/_2j

转ftl2l2012-9-99百至页、临时文件和历史记录浏览器在打开时自动调入的网页称为“主页”,主页可以通过“工具”->“Internet选项”打开Internet选项对话框,在“常规”选项卡的“主页”栏设置.2012-9-910❖收藏夹的使用使用菜单“收藏”->“添加到收藏夹”打开添加到收藏夹对话框。12012-9-911■使用菜单“收藏”“整理收藏夹”打开收藏夹整理对话框,进行收藏夹中网页的移动、删除、改名及创建新文件夹等操作。2012-9-912々关闭图片显示在网络速度较慢时,不观看网页中的图片和其它多媒体内容可以得到更快的下载速度。通过“工具”—►"Internet选项”打开Internet选项对话框,在“高级”选项卡中可以对浏览器的工作方式进行设置2012-9-913々关闭自动完成功會含通过工具—Internet选项,打开Internet选项对话框,在“内容”选项卡的“个人信息”部分单击“自动完成”按钮打开自动完成设置对话框。目动以it鵠入的条自中列出坷辦符的項.磯自动芫成历史记录___________濱秘表靡o■自城成设量P姑）鈹•:选項-自动完成功越用于「*•!>*糊P««（DE?表隹的用户名和芭码«】厂»示我傑存密«（8）耕|s±内謇|翻|舫|破|分ffi系祝町帮助您S制在®十S机上看鋤Uter».t内容.2012-9-914)＞搜索引擎的使用1、使用浏览器的“搜索”2.使用专门的搜索引擎按钮（Google）（摆渡）（雅虎）（搜狐）2012-9-915＞认识网站❖1.门户网站❖2.个人网站❖3.专业网站❖4.职能网站2012-9-9161.门户网站这类网站是一种综合性网站,涉及领域)非常广泛,包含文学、音乐、影视、体育、新闻和娱乐等方方面面的内容,具有论坛、搜索和短信等功能。现在国内较著名的门户网站有搜狐()、网易()等。2012-9-9172.个人网站♦:♦个人网站具有较强个性化,是以个人名义开发创建的网站,其内容、样式、风格等都是非常有个性的。2012-9-9183■专业网站♦:♦这类网站具有很强的专业性,通常只涉I及某一个领域,内容专业。如榕树下网站()即是一个专!业文学网站。I2012-9-9194.职能网站♦:♦职能网站具有专门的功能,如政府职能|网站等。目前逐渐兴起的电子商务网站也属于这类网站,较有名的电子商务网站有阿里巴巴()、卓越网()和当当网上书店()等。2012-9-920＞认识网页2012-9-9图片.秘绳链接导航r.CJIFi为帅文7表中今21"陶页中的元素1.文字2.图像3■表单4.Flash动画5.表格6.超级链接7.视频、音频8.POP窗口9.标题栏和状态栏文字221.2网页制作的相关知识>HTML语言概述是一种超文本标记语言,作为一种网页编辑语言,易学易懂。2012-9-9237、HTML网页HTML网页通常是由三部分内容组成的:版本信息、网页标题(HEAD)和文档主体(BODY)o下面就是网页结构的总体輕架:<!HTML网页版本信息说明><HTML><HEAD><!标题标记、属性及其内容></HEAD><BODY><!主体标记、属性及其内容>2012-9-9</BODY>24</HTML>/(1)版本信息版本信息位于HTML网页文件的第一行(2)HTML文件标记大部分网页文件都是以＜HTML＞标记开始的,在文件的结尾处又以＜/HTML＞结束(3)头部信§、HEADl^记之间是HTML文档的头部,用来标明当前文档的有关信息在HEAD标记之间,使用频率最高的标记就是TITLE,它用于定义显示在浏览器标题栏的文档标题。2012-9-925【例】给网页设置“励志学社”的文档标题，可在头部输入以下代码:<丁111^>励志学社</TITLE>2012-9-926(4)主体标记网页的主体是对作用的范围“<BODY>..</BODY>”标记<BODY>标记用于定义HTML文档主体的开始,它能够设置网页的背景图像、背景颜色、链接颜色和网页边距等属性，其基本用法如下所示:<BODYBackground=MURLHBgclolr=Color|Bgpropeties=FixedLeftmargin=nLink=ColorAlink=ColorText=ColorTopmargin=n!Vlink=Color>(Bgcolor为背景颜色。关于颜色的值后面会详细介绍。Text为不包含超级链接的文字颜色。Link为超级链接文字的颜色。|Alink为正被点击的超级链接文字的颜色。2012-9-927Vlink为已经点击过的超级链接文字的颜色。Background设置,如果设置了背景图片,图片会覆盖已经设置的颜色。Leftmargin>Topmargin用于设置网页的左边距和上边框,它们是以像素为单位【例1】将网页的上边距和左边距分别设置为40和30个像素的宽度,使用黑色文本、白色背景,未访问的链接源采用蓝色,已访问的链接源标记为暗红色。<BODYBackground="moom.gif”Bgcolor="White”Bgproperties=FixedLeftmargin=30Link=”Bhie”Text=”Black”Topmargin=40Vlink="Maroon”>2012-9-9282.XML语言XML(extensibleMarkupLanguage)被称作是下一代的网页标记语言,也是米用各种标记来形成网页的源代码。XML中包括可扩展格式语言XSL(ExtensibleStyleLanguage)和可扩展链接语言XLL(ExtensibleLinkingLanguage)。2012-9-929.22静态网页和动态网页静态网页指基本上全部使用HTML语言制作的网页,页面的内容是固定不变的。动态网页（DynamicHTML,DHTML）利用JavaScript,CSS（层叠样式表）及其它类似的语言如VBScript等与HTML进行有机的结合来使静态的HTML网页变成动态。2012-9-930卞一1.23M\!eb服务器端程序专业的网站都是建立在使用数据库的基础上的,要将这些数据库变成可以通过浏览器显示和操作的Web页面,就需要编写服务器端的程序。用户向服务器传送提交的表单（个人信息、选择结果等）需要在服务器端进行记录、筛选等处理。大量的数据库查询、修改处理也需要服务器端程序的支持。目前常用的服务器端编程技术主要有CGI、ASP、PHP、JSP等,不同的技术2°12'9'9需要不同的系统环境支持。1.3网页制作的基本方法>制作网页的基本步骤>1、确定网页的内容>2、设计网页的组织结构>3、资料的收集与整理>4、选择网页的设计方法常用的网页制作工具有Frontpage、Dreamweaver等。服务器端的ASP程序可以使用VisualInterdev>UltraDEV等编辑。2012-9-932＞开始网页制作❖构建页面框架❖创建导航条♦:♦填充内容♦:♦创建返回主页连接2012-9-933＞网页制作的原则❖站点要有创意❖整体规划❖动画不能过多♦:♦导航要明朗♦:♦制作通用网页❖主题鲜明•:♦优化图象2012-9-9:*定时更新34>制作网页时要注意的问题>1、网页的标题要简洁，明确。>2、在文本中要使用水平线，以分割不同部分。

人人文库> 全部分类> 行业资料 > 信息产业

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论